Autor Zpráva
pefetofo
Profil
Zdravím chcem sa poradiť potreboval by som rovnako široké odkazy vo forme zoznamu
vyzerá to takto :
potrebujem to takto :

Kód : HTML
<div id="ads">
<li><a href="">Domov</a></li>
<li><a href="">Nápojový lístok</a></li>
<li><a href="">Otváracie hodiny</a></li>
<li><a href="">Fotogaléria</a></li>
<li><a href="">Kontakt</a></li>
</div>

Kód CSS
#ads li{
    list-style-type: none;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
}
#ads a{
    background:#d22000;
    color:#fff;
    font-family:arial;
    font-size:14px;
    text-align:center;
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:8px;
    border-radius:4px;
    text-decoration: none;
    width:100%;
}
#ads a:hover{
    text-decoration: underline;
}
Tomáš123
Profil
daj to do ul a tomu nastav šírku, alebo divu ads nastav pevnú šírku
Bubák
Profil
<li> máš všechny stejně široké, ale odkazy nikoliv.
Nedávej li do divu, ale do ul nebo do menu, sice to nepomůže s problémem, ale má to tak být.
Deklaruj šířku nadřazenému elementu, tedy pro <ul id="ads">.
Deklarovat šířku pro li není potřeba, roztáhnou se.
Odkazům a není možné deklarovat rozměry, protože jsou inline, deklaruj je jako bloky, pak je zbytečné dávat jim rozměry, roztáhnou se.

Nesouvisí s problémem, ale
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:8px;
jde zkrátit na padding: 8px 15px; používej však to, co je pro tebe přehlednější. Já upřednostňuji zkrácený zápis.

Tomáš123:
Nepomůže, problém je jinde.
okolojsoucí
Profil
http://kod.djpw.cz/etcb
pefetofo
Profil
okolojsoucí:

Ďakujem ti veľmi pekne ;)

a ostatným tiež za ochotu.

Vyriešené LOCK
okolojsoucí
Profil
pefetofo:
Vyriešené LOCK
Zde se na to nehraje! Mnoho lidí třeba má po 2 letech stejný problém a proto je nežádané zde zamykat příspěvky.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: