| Autor | Zpráva | ||
|---|---|---|---|
| FireFox Profil * |
#1 · Zasláno: 16. 8. 2013, 20:11:06 · Upravil/a: FireFox
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 |
#2 · Zasláno: 16. 8. 2013, 22:17:01
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 * |
#3 · Zasláno: 17. 8. 2013, 09:24:43
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 |
||
|
Časová prodleva: 6 dní
|
|||
| Izzi Profil |
#4 · Zasláno: 23. 8. 2013, 02:14:48
FireFox:
Mal si tam dvakrát atribút padding, ten druhý prekrýval prvý a teda sa ignoroval. |
||
|
Časová prodleva: 11 let
|
|||
0