Sprite menü középre. De hogy?
Az lenne a gondom ,h van egy divem amibe benne van az oldal azon belül egy menü div és azon belűl meg a menü
Kép mérete: 900*50 px
azt szeretnem h a "doboz" div-hez képest legyen középen a menü.
----------
HTML:
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="doboz">
<div id="menu">
<ul id="menu">
<li id="fooldal"><a href=""></a></li>
<li id="kapcsolat"><a href=""></a></li>
<li id="szerverek"><a href=""></a></li>
<li id="gyik"><a href=""></a></li>
<li id="rendeles"><a href=""></a></li>
<li id="webadmin"><a href=""></a></li>
</ul>
</div>
<div class="kep_doboz">
</div>
<div class="right_content">
</div>
<div class="content">
</div>
<div class="left_content" >
</div>
</div>
</div>
</body>
</html>
------------
CSS:
body {
background: black;
}
div#doboz {
width: 900px;
height: 700px;
background: #333;
margin: 0 auto;
padding: 0;
}
div#menu {
width: 900px;
margin: 0 50px 0 0;
height: 50px;
}
ul#menu {
list-style: none;
}
ul#menu li {
float: left;
}
ul#menu li a {
background-image: url('menu.png');
display: block;
height: 50px;
}
ul#menu li a:hover {
background-image: url('menu_on.png');
}
ul#menu li#fooldal a {
width: 125px;
}
ul#menu li#kapcsolat a {
width: 161px;
background-position: -125px 0;
}
ul#menu li#szerverek a {
width: 165px;
background-position: -290px 0;
}
ul#menu li#gyik a {
width: 120px;
background-position: -450px 0;
}
ul#menu li#rendeles a {
width: 157px;
background-position: -565px 0;
}
ul#menu li#webadmin a {
width: 175px;
background-position: -728px 0;
}
------
u.i:. Ha kell a kép feltöltöm valahova
A css-ben a menü div-jénél a margin-left, margin-right-ot átkúrod auto-ra, a dobozodnak a width-jét 100%-ra és a body-nak állítod be a széllességét 900px vagy franc tudja mennyit akarsz.
Bár ilyen szarul strukturált kódot még nem láttam. A problémád megfogalmazásának érthetetlenségéről nem is beszélve.
Amúgy hány éves vagy?
Bocsi gyorsan írtam és a végén nem néztem át mit írtam...
15-éves vagyok, csak neten tanúlgatom a nyelvet.
Olyat nem lehet hogy id="menu"-ből kettő van! Az ID egyéni azonosító, és a nevéből adódóan, csak EGY szerepelhet belőle! Magyarán:
<div id="menu">
<ul id="id">
Ez így nem jön össze
Esetleg:
<div id="menu">
<ul id="nav">
és
div#menu {
width: 900px;
margin: 0 auto;
height: 50px;
}
ul#nav {
width: 100%;
}
Így az UL#nav 900pixel széles lesz, mert alkalmazkodik a szülő div-hez, ami ugye 900px, de ha esetleg csökkenteni kéne a méretét, akkor abszolút méretet adj meg neki pixelben, és ne %-ban, pl.:
ul#nav {
width: 700px;
margin: 0 auto; <-- Ezzel rakjuk középre az ul blokkot
}
az ul#menu-ket meg értelemszerűen ul#nav-ra átnevezni a css további részeiben.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!