Problème de mise en page.
Résolu/Fermé
johnnini62
-
Modifié par johnnini62 le 13/01/2012 à 20:03
snowflake Messages postés 82 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 15 janvier 2012 - 13 janv. 2012 à 20:57
snowflake Messages postés 82 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 15 janvier 2012 - 13 janv. 2012 à 20:57
A voir également:
- Problème de mise en page.
- Supprimer une page word - Guide
- Mise en forme conditionnelle excel - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Word numéro de page 1/2 - Guide
2 réponses
snowflake
Messages postés
82
Date d'inscription
vendredi 6 mars 2009
Statut
Membre
Dernière intervention
15 janvier 2012
6
13 janv. 2012 à 20:44
13 janv. 2012 à 20:44
ca ces le code du menu tu aimerai avoir... reste a telecharger les image pour faire fonctionner le menu et tu pourra faire les modification necessaire pour quil soi comme tu laime
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ton_titre</title>
<style type="text/css" media="all">
/* Menu */
#menu {
float: right;
width: 340px;
height: 120px;
padding: 10px 0 0 40px;
background: url(images/img03.jpg) no-repeat;
}
#menu ul {
margin: 0;
list-style: none;
}
#menu li {
display: block;
float: left;
width: 140px;
padding: 0 0 5px 0;
}
#menu a {
padding-left: 24px;
background: url(images/img04.gif) no-repeat left center;
text-decoration: none;
text-transform: lowercase;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
}
#menu a:hover {
background-image: url(images/img05.gif);
}
#menu .active a {
background-image: url(images/img06.gif);
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="http://www.dreamsanimations.com/">Accueil</a></li>
<li><a href="index.php?p=1_2_Devis">Devis</a></li>
<li><a href="index.php?p=1_3_Contact">Contact</a></li>
<li><a href="index.php?p=1_4_Photos">Photos</a></li>
<li><a href="index.php?p=1_5_Vid-os">Vidéos</a></li>
<li><a href="index.php?p=1_6_Forum">Forum</a></li>
<li><a href="index.php?p=1_7_Livre-d-or">Livre d'or</a></li>
<li><a href="index.php?p=1_8_Partenaires">Partenaires</a></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ton_titre</title>
<style type="text/css" media="all">
/* Menu */
#menu {
float: right;
width: 340px;
height: 120px;
padding: 10px 0 0 40px;
background: url(images/img03.jpg) no-repeat;
}
#menu ul {
margin: 0;
list-style: none;
}
#menu li {
display: block;
float: left;
width: 140px;
padding: 0 0 5px 0;
}
#menu a {
padding-left: 24px;
background: url(images/img04.gif) no-repeat left center;
text-decoration: none;
text-transform: lowercase;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
}
#menu a:hover {
background-image: url(images/img05.gif);
}
#menu .active a {
background-image: url(images/img06.gif);
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="http://www.dreamsanimations.com/">Accueil</a></li>
<li><a href="index.php?p=1_2_Devis">Devis</a></li>
<li><a href="index.php?p=1_3_Contact">Contact</a></li>
<li><a href="index.php?p=1_4_Photos">Photos</a></li>
<li><a href="index.php?p=1_5_Vid-os">Vidéos</a></li>
<li><a href="index.php?p=1_6_Forum">Forum</a></li>
<li><a href="index.php?p=1_7_Livre-d-or">Livre d'or</a></li>
<li><a href="index.php?p=1_8_Partenaires">Partenaires</a></li>
</ul>
</div>
</body>
</html>
snowflake
Messages postés
82
Date d'inscription
vendredi 6 mars 2009
Statut
Membre
Dernière intervention
15 janvier 2012
6
13 janv. 2012 à 20:57
13 janv. 2012 à 20:57
no problemo amigo :)
13 janv. 2012 à 20:50
Super cool merci a toi !
Je vais regarder en profondeur les différences a apporter car j'aime bien "essayer de savoir faire" quand ça m'énerve" En tout cas un grand GRAND MERCI A TOI .