Kezdőoldal » Számítástechnika » Weblapkészítés » Sprite menü középre. De hogy?

Sprite menü középre. De hogy?

Figyelt kérdés

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


2012. márc. 10. 19:30
 1/4 anonim ***** válasza:

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?

2012. márc. 10. 19:49
Hasznos számodra ez a válasz?
 2/4 A kérdező kommentje:

Bocsi gyorsan írtam és a végén nem néztem át mit írtam...

15-éves vagyok, csak neten tanúlgatom a nyelvet.

2012. márc. 10. 20:08
 3/4 anonim ***** válasza:
#menu{margin: 0 auto;}
2012. márc. 11. 21:50
Hasznos számodra ez a válasz?
 4/4 anonim ***** válasza:

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.

2012. márc. 12. 11:51
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!