Autor Zpráva
FireFox
Profil *
Ahoj,
potřebuji vytvoři menu, které bude vypadat takhle:

zatím se mi povedlo upravit jedno, které jsem našel někde na internetu do skoro přesné podoby.

Ukázka

Nicméně se mi nepodařilo přijít na to, jak posunout tu podtrhují čáru (border_bottom odkazu - <a>) dál od textu jak je to v zadání :/

Je to nejspíš primitivní záležitost, ale já neznám a ani jsem nenašel žádný css příkaz na odsazení border-bottom. Padding i marginy jsou zkoušel, ale nefunguje mi to.
Pokud by vás napadlo, jak to dělat jinak než s využitím border-bottom, tak sem s tím ;)

Díky moc za váš čas a případné rady ;)


Omlouvám se, špatný okaz:

www.t-school.cz/test/menu.php
Izzi
Profil
Uprav padding. Napríklad:

.menu a {
    margin: 5px 0;
    display: block;
    width: 149px;
    color: #000;
    background: #CD8521;
    text-decoration: none;
    margin-right: 1px;
    text-align: left;
    border-bottom: 1px solid black;
    z-index: 101;
    padding: 0 5px 7px 0;
}
FireFox
Profil *
Díky, funguje mi to
... nechápu proč mi to předtím pomocí paddingu nešlo, ale hlavně že to ted funguje :)

Dík
Izzi
Profil
FireFox:
Mal si tam dvakrát atribút padding, ten druhý prekrýval prvý a teda sa ignoroval.

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: