Autor Zpráva
Shadowek
Profil
Dobrý den pánové i dámy, delší dobu jsem už nic v CSS nedělal a trošku jsem jej zapomněl, a proto se mi zde nejspíše vyskytl tento problém a píši jej sem.
Připravuji nový design pro můj web a v vertikálním menu mám seznam
<menu>
<li>Polozka</li>
<li>Polozka</li>
<li>Polozka</li>
</menu>

Potřeboval bych aby mezi nimi nebyly žádné "rozestupy". Jak můžete vidět zde v té liště nahoře je mezi borderem jednoho <li> a borderem druhého <li> malinký rozestup, který bych potřeboval odstanit.
No a možná bych ještě potřeboval nějak udělat ať se patička zobrazuje automaticky na konci webu uplně dole na spodu toho DIVu.
__construct
Profil
#toolbar menu li a{
border-left: thin solid #333;
padding: 18px 10px 18px 12px;
border:none
}
Shadowek
Profil
No jo ale já tam potřebuju ten border-left: thin solid #333;, který ta hodnota border: none; zruší ...
Potřebuju totiž ty jednotlivé položky od sebe nějak oddělit. Jestli máš ale nějaký nápad jak to můžu udělat jinak :)
panther
Profil
Shadowek:
nech položky plavat, tedy místo display: inline tam dej float: left;
Bubák
Profil
Shadowek:
Orámování se nedědí, netuším, jaký význam má mít border:none.
Když, tak koukni na http://teststranek.kvalitne.cz/menu7.1/ a uprav si to podle svých představ.
Shadowek
Profil
Bubák:
Díky :) Ty mi tu skoro pokaždé pomůžeš :D
pancha
Profil *
Sorry že vytahuju staré téma, ale hodí se mi zde uvedený příklad od Bubáka k mému dotazu. Chci se zeptat jestli lze nějak odsadit v menu poslední položku (další ponožka) od ostatních, případně ji zarovnat k pravému okraji.
Díky
lorin
Profil
Označit poslední položku třídou last:

HTML:
<div id="menu">
    <ul>
        <li><a href="#" onclick="target='_blank';">od Kazi</a></li>
        <li><a href="#">delší text</a></li>
        <li><a href="#">další delší text</a></li>
        <li><a href="#">ponožka</a></li>
        <li class="last"><a href="#">další ponožka</a></li>
    </ul>
</div

CSS:
#menu li.last {
    float: right;
}

Popřípadě bez zbytečné třídy:
#menu li:last-child {
    float: right;
}
pancha
Profil *
lorin:
Díky, to jsem potřeboval.

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: