Reunir des menu (css)
Résolu
Gihelier
-
nobie-cs Messages postés 155 Date d'inscription Statut Membre Dernière intervention -
nobie-cs Messages postés 155 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je créer le kit graphique d'un ami.
Et je lui est fait un menu, mais malheuresement celui-ci ne convient pas au schema.
Il depasse le Background.
Je vous met le schema et le screen du site.
Schema:
http://img696.imageshack.us/img696/4874/sitej.jpg
et ce qui resemble:
http://img256.imageshack.us/img256/8873/capturer1cn.jpg
Si il vous le code css dite le moi je suis la ! ;)
Merci d'avance !
Cordialement, Gihelier.
Je créer le kit graphique d'un ami.
Et je lui est fait un menu, mais malheuresement celui-ci ne convient pas au schema.
Il depasse le Background.
Je vous met le schema et le screen du site.
Schema:
http://img696.imageshack.us/img696/4874/sitej.jpg
et ce qui resemble:
http://img256.imageshack.us/img256/8873/capturer1cn.jpg
Si il vous le code css dite le moi je suis la ! ;)
Merci d'avance !
Cordialement, Gihelier.
A voir également:
- Reunir des menu (css)
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
8 réponses
tu peut changer la taille de l'image dans le menu
par exemple un truc de ce genre
<p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" width="32" height="32"/></a>
par exemple un truc de ce genre
<p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" width="32" height="32"/></a>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ok , je te passe tout mon code css et html, comme ca si vient d'autre part tu pourra m'aider.
Code css:
body
{
padding:0;
margin:0;
background:url("Theme/background.jpg")top center no-repeat #000000;
font-family:Teen; sans-serif;
}
#header
{
text-align:center;
}
#bas
{
text-align:center;
}
a img
{
border:none;
}
#news
{
position:absolute;
top:200;
left:300;
}
#navigation
{
text-align:center;
padding:-80px;
margin:-17px;
display: block;
}
#theme
{
text-align:center;
}
p
{
color:#340320;
}
h2
{
color:#4E4F47;
}
Et le html:
<html>
<!-- Ne pas touchez cette partie ! -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.::Force-Combat::.</title>
<link rel="stylesheet" media="screen" type="text/css"
title="Mon style" href="style.css" />
<!-- Ne pas suprimer OIE.detoutpc (C'est le racordeur css) -->
</head>
<body>
<div id="header">
<img src="Theme/header.png" alt="banniere"/>
</div>
<div id="navigation">
<p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" /></a>
<a href="#"><img src="Theme/Menu/equipe.png" alt="équipe" /></a>
<a href="#"><img src="Theme/Menu/ps3.png" alt="ps3" /></a>
<a href="#"><img src="Theme/Menu/wii.png" alt="wii" /></a>
<a href="#"><img src="Theme/Menu/pc.png" alt="pc" /></a></p>
</div>
<div id="theme"/>
<img src="Theme/Contenu.png" alt="img-contenu"/>
</div>
<div id="news">
<h2> Bienvenue</h2>
<p>Bonjour, je vous souhaite la bienvenue sur mon site.<br />
Ici vous trouverez les commentaires de jeux ainsi que des astuces de jeux et ses codes.<br />
Bref, plein de chose qui vous mettrons l'eau à la bouche.<br />
Nous recherchons des personnes qui se porteraient volontaires
pour aider le site et son<br />
Equipe pour les relectures des textes, et plein d'autres choses.<br />
Bonne visite !<br />
Iguanes</p>
</div>
<div id="bas">
<img src="Theme/copyright.png"/>
</div>
</body>
</html>
Code css:
body
{
padding:0;
margin:0;
background:url("Theme/background.jpg")top center no-repeat #000000;
font-family:Teen; sans-serif;
}
#header
{
text-align:center;
}
#bas
{
text-align:center;
}
a img
{
border:none;
}
#news
{
position:absolute;
top:200;
left:300;
}
#navigation
{
text-align:center;
padding:-80px;
margin:-17px;
display: block;
}
#theme
{
text-align:center;
}
p
{
color:#340320;
}
h2
{
color:#4E4F47;
}
Et le html:
<html>
<!-- Ne pas touchez cette partie ! -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.::Force-Combat::.</title>
<link rel="stylesheet" media="screen" type="text/css"
title="Mon style" href="style.css" />
<!-- Ne pas suprimer OIE.detoutpc (C'est le racordeur css) -->
</head>
<body>
<div id="header">
<img src="Theme/header.png" alt="banniere"/>
</div>
<div id="navigation">
<p><a href="index.html"><img src="Theme/Menu/accueil.png" alt="accueil" /></a>
<a href="#"><img src="Theme/Menu/equipe.png" alt="équipe" /></a>
<a href="#"><img src="Theme/Menu/ps3.png" alt="ps3" /></a>
<a href="#"><img src="Theme/Menu/wii.png" alt="wii" /></a>
<a href="#"><img src="Theme/Menu/pc.png" alt="pc" /></a></p>
</div>
<div id="theme"/>
<img src="Theme/Contenu.png" alt="img-contenu"/>
</div>
<div id="news">
<h2> Bienvenue</h2>
<p>Bonjour, je vous souhaite la bienvenue sur mon site.<br />
Ici vous trouverez les commentaires de jeux ainsi que des astuces de jeux et ses codes.<br />
Bref, plein de chose qui vous mettrons l'eau à la bouche.<br />
Nous recherchons des personnes qui se porteraient volontaires
pour aider le site et son<br />
Equipe pour les relectures des textes, et plein d'autres choses.<br />
Bonne visite !<br />
Iguanes</p>
</div>
<div id="bas">
<img src="Theme/copyright.png"/>
</div>
</body>
</html>