Forum » Izdelava spletišč » Pomoč pri pozicioniranju
Pomoč pri pozicioniranju
jnzavrl ::
Ok situacija je takšna. Imam tale del strani. Prva dva div-a mi prikazuje pravilno v vseh browserjih, nav mi pa seveda IE vrže na vrh strani, medtem ko FF in Chrome postavi pravilno. nav mi postavo na vrh strani na levi rob s razmakom 10px od obeh robov. Biti pa mora na sredini in malo nad prvima dvema divoma.
Doctype je dober, sem poskusil na XHTML isto. Dal sem vsakemu elementu še posebej position:absolute s top 30% a nič, poskusil z margini, paddingi itd. Poskusil sem vse dati v div id="nav" in nič, sem poskusil tudi vse skupaj dati v dive namesto ul in li, nič.. Zmankuje mi idej.
HTML
CSS:
Doctype je dober, sem poskusil na XHTML isto. Dal sem vsakemu elementu še posebej position:absolute s top 30% a nič, poskusil z margini, paddingi itd. Poskusil sem vse dati v div id="nav" in nič, sem poskusil tudi vse skupaj dati v dive namesto ul in li, nič.. Zmankuje mi idej.
HTML
<div id="hoa_logo"> <img style="position:absolute; top:45%; left:-3%; " alt="" src="images/hoa_logo.png"/> </div> <div id="hoa_bg"> <img style="position:absolute; top:55%; left:-1%; " alt="" src="images/hoa_bg.png"/> </div> <nav> <ul> <li><a href="#"><img class="over1" src="images/luxur_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover1" src="images/luxur_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li> <li><a href="#"><img class="over2" src="images/hoaproject_gs.png" width="188" height="188" border="0" alt="luxur"/><img class="hover2" src="images/hoaproject_rgb.png" width="188" height="188" border="0" alt="luxur"/></a></li> </ul> </nav>
CSS:
#hoa_bg { width:1100px; height:100%; } #hoa_logo { width:1200px; height:100%; } nav { position:absolute; top:30%; width:812px; height:188px; } nav ul { list-style:none; width:812px; height:188px; } nav ul li { display:inline; } .over1 { position:absolute; top:0; left:0; z-index:10; clear:both; } .hover1 { position:absolute; top:0; left:0; z-index:0; clear:both; } .over2 { position:absolute; top:0; left:208px; z-index:10; clear:both; } .hover2 { position:absolute; top:0; left:208px; z-index:0; clear:both; }
- spremenil: jnzavrl ()
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 347061 (6198) | sunniegoldie |
» | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1948 (1676) | kr?en |
» | poravnava li elementovOddelek: Izdelava spletišč | 2152 (2017) | boss-tech |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2462 (2409) | amaze646 |
» | CSS min-heightOddelek: Izdelava spletišč | 1458 (1340) | snow |