new!
|
[ Forums >> Webmasters >> Général >> Comment agrandir les menus ? ]
| > Comment agrandir les menus ? |
[ Posté par ag56 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 27-08-2008 à 21:28 | 1 messages ]
Bonjour.
Je suis en train de mettre en place un menu et je n'arrive pas à agrandir les cases des menus.
Voici la photo ou l'on voit Historiques du mobilier collé à Contacts.
[IMG]http://img145.imageshack.us/img145/8238/image2nw8.th.jpg[/IMG]
Pourriez vous me dire quel ligne de code rajouter ou bien celle à modifier ?
Merci par avance pour votre aide.
Voici mon code css :
body {
background-color: #000000;
margin: 0;
text-align: center;
}
#site {
margin-right: auto;
margin-left: auto;
width: 760px;
text-align: left;
}
#header {
position: relative;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 175px;
width: 820px;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #000000;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
width: 240px;
}
#menu {
position: absolute;
top: 173px;
left: 2px;
margin-left: auto;
margin-right: auto;
z-index:100;
width: 1231px;
height: auto;
background-image: url(images/bg-menu.JPG);
background-repeat: no-repeat;
background-position: left top;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}
#menu dl {
float: left;
width: 150px;
line-height: 25px;
vertical-align: middle;
}
#menu dt {
color: #FFFFFF;
cursor: pointer;
text-align: left;
font-weight: normal;
margin-left:0px;
}
#menu dd {
display: none;
background-color: #44596A;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #740808;
border-bottom-color: #740808;
border-left-color: #740808;
}
#menu li {
text-align: left;
text-indent:5px;
background: black;
}
#menu li a, #menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:focus {
background-color:#384B59;
}
#menu dt a:hover {
text-decoration: underline;
}
Voici le script :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
[Message édité par ag56 le 27-08-2008 à 21:30]
[Message édité par ag56 le 27-08-2008 à 21:31]
|
|
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
