Problem s menu

rEnEeK · Napísal **rEnEeK**: 30.06.2010 15:33

Ahojte, potreboval by som pomoct s menu na mojom webe...

Preview:
Problem s menu

Web:

ako vidite, je tam problem s umiestnenim... Vie mi niekto prosim poradit kde robim chybu? Vdaka

HTML:

Kód:

  <div id="navcontainer">
  <ul id="navlist">
    <li id="active"><a href="/">home</a></li>
    <li><a href="#">news</a></li>
    <li><a href="#">dates</a></li>
    <li><a href="#">bio</a></li>
    <li><a href="#">photos</a></li>
    <li><a href="#">download</a></li>
    <li><a href="#">links</a></li>          
    <li><a href="booking.php">booking</a></li>
    <li><a href="#">contact</a></li>
  </ul>
  </div>

CSS:

Kód:

#navcontainer ul li {
  background: url(../img/nav_icon.png) no-repeat center left;
  display: block;
  float: left;
  height: 40px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#navcontainer a { 
  color: #FFFFFF;
  display: block; 
  font-size: 8pt;
  font-weight: bold;
  height: 40px;
  margin: 0px;
  padding-top: 13px;
  text-decoration: none;
  text-transform: uppercase;
  width: 74px;
}

#navcontainer li#active { background: url(../img/nav_sel.jpg) no-repeat; width: 76px;}
#navcontainer a:hover { background: #b9d62e repeat-x;}

GoodWill · Napísal **GoodWill**: 30.06.2010 16:05

Sorry, z tvojho popisu mi fakt nie je velmi jasne co je chybne.
Najlepsie by bolo dat link na zivu ukazku.

+ pises do zlej sekcie. toto s php nema absolutne nic

rEnEeK · Napísal autor témy **rEnEeK**: 30.06.2010 16:57

link na zivu ukazku dat nemozem, lebo web ma nastaveny deny pre vsetkych okrem mojej ip..

shaggy · Napísal **shaggy**: 30.06.2010 19:21

1. zlá sekcia, s php to nesúvisí.
2. ak nedáš odkaz na ukážku, tak považujem otázku za uzavrenú a tému uzamknem. Nemôžeš od nás chcieť, aby sme si domýšľali, čo ktorý obrázok robí a ako to funguje.
Ale ja tam problém s umiestnením nevidím, máš iba zle nastavené paddingy a zjavne trochu zle vyriešenú samotné zobrazovanie.

rEnEeK · Napísal autor témy **rEnEeK**: 01.07.2010 18:36

tak som to hodil na iny web...

nech sa paci: http://menu.rondoclub.eu/

shaggy · Napísal **shaggy**: 01.07.2010 19:40

Máš tam niekoľko základných chýb:
1. nenastavuj tagu A pevnú šírku, je to nezmysel. Máš tam predsa rôzne široké texty a na iných platformách sa môže zobraziť trochu iný font, čo ti môže tiež to menu rozbiť.
2. LI nemá nastavený padding, základnému LIstu daj do pozadia "nav_icon.png", daj im rovnaký ľavý aj pravý padding (napr. 20px). Samozrejme, padding môžeš dať aj tagu A, položky tak budú klikateľné po celej šírke (toto bude dokonca lepšie riešenie).
3. aktívny tag LI má pozadie s pevnou šírkou, aj to je blbosť. Tam daj tú ľavú čiaru do pozadia tagu LI a pravú čiaru tagu A.

4. nemáš za čo

rEnEeK · Napísal autor témy **rEnEeK**: 01.07.2010 21:29

Zmenilo sa to ovela k lepsiemu, no stale to nie je take ake by to malo byt... ten nav_icon.png som akosi nepochopil, kam mam dat...

inak dakujem za rady zatial

shaggy · Napísal **shaggy**: 01.07.2010 21:55

Ten nav_icon.png je správne, tak som to myslel (vlastne to sa nezmenilo). A teraz ti už stačí iba dorobiť tú aktuálnu položku podla toho, čo som ti písal, to zvládneš.

Problem s menu

Podobné témy