| Autor | Zpráva | ||
|---|---|---|---|
| pefetofo Profil |
#1 · Zasláno: 17. 4. 2014, 11:40:37
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 |
#2 · Zasláno: 17. 4. 2014, 11:52:40
daj to do ul a tomu nastav šírku, alebo divu ads nastav pevnú šírku
|
||
| Bubák Profil |
#3 · Zasláno: 17. 4. 2014, 11:54:33
<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;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 |
#4 · Zasláno: 17. 4. 2014, 11:54:40
|
||
| pefetofo Profil |
#5 · Zasláno: 17. 4. 2014, 12:00:24
okolojsoucí:
Ďakujem ti veľmi pekne ;) a ostatným tiež za ochotu. Vyriešené LOCK |
||
| okolojsoucí Profil |
#6 · Zasláno: 17. 4. 2014, 12:30:27
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. |
||
|
Časová prodleva: 10 let
|
|||
0