Problema su kodu

Lapkričio 3, 2009

Sveiki, mokausi normaliai dirbt su CSS ir turiu bėda kaip iscentruot meniu?

body {
padding: 0px;
margin: 0px;
width: 100%;
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
#header {
margin-top: 40px;
display: block;
height: 210px;
background:url(img/head.png) no-repeat center;
}
#mdiv {
margin: 0px;
padding: 0px;
}
ul#menu a{
float: left;
width: 159px;
height: 30px;
background: url(img/nav.png) no-repeat;
color: #FFFFFF;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
padding-top: 12px;
}
ul#menu a:hover{
background: url(img/navover.png) no-repeat;
}
</style>
</head>

<body>
<div id="header">
</div>
<div align="center" id="mdiv">
<ul id="menu">
<a href="">News</a>
<a href="">Team</a>
<a href="">Awards</a>
<a href="">Contacts</a>
</ul>
</div>
<div style="clear: both;"></div>
</body>
</html>

Lapkričio 3, 2009

Meniu blokui būtinai nurodyk plotį (width) ir priskirk savybę margin.

#mdiv { width: 400px; margin: 0 auto; }

Žinoma, plotį nusistatyk pagal poreikius. Su šiuo CSS kodu tavo meniu blokas atsidurs per vidurį tėvinio bloko atžvilgiu.

Prisijungti

Problema su kodu

Rekomenduojami pranešimai

lightfire 9

Nuoroda į pranešimą

Dalintis kituose puslapiuose

adijux 219

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos

Veiklos srautas

Skelbimai