Autor Zpráva
pirik
Profil *
Ahoj,
mám stránku www.pavelzjihlavy.wz.cz a pokouším se tam udělat si na levé straně odkazy. Postupuju nebo si to aspoň myslím podle http://www.jakpsatweb.cz/priklady/jakotlacitko.html
Mám problém s tím, že už nevím jak to udělat, aby to odkazy byly normálně pod sebou a byly mezi nima mezery. Můžete mi prosím poradit v čem dělám chybu.
Posílám CSS kod:
Děkuji

body
{
margin:0; padding:0;
background:#ffffff;
text-align:center;
}

#hlavicka
{
padding: 10px;
border: 1px solid blue;
background: #dddddd;
text-align: center;
}

#obsah
{
width: 90%;
margin:1em auto;
border: 1px solid blue;
text-align:left;
max-width: 1024px;
background: url('blueyellow.gif') top left repeat-y;
}

#levypanel
{
float: left;
width: 200px;
margin:0; padding:0;
}

#levypanel-obsah
{
margin:0;
padding: 0.5em 1em;
text-align: center;
}

#hlavnipanel
{
margin:0 0 0 200px;
padding:0;
}

#hlavnipanel-obsah
{
margin:0;
padding: 0.5em 1em;
}

#paticka
{
padding: 10px;
border-top: 1px solid blue;
background: #dddddd;
text-align: center;
}

hr.cleaner
{
clear:both;
display: none
}

a { padding: 0.1em 0.1em 0.1em 0.1em;
margin-top:6.5em; margin-right:1.5em; margin-bottom:6.5em; margin-left:1.5em
border: outset 0.5em; font-weight: bold; text-decoration: none }
a:link, a:visited { background: #000080; color: #fff }
a:hover { background: #00f; color: #ff0; border: inset 0.5em }
Bubák
Profil
„Postupuju nebo si to aspoň myslím podle http://www.jakpsatweb.cz/priklady/jakotlacitko.html “;
Jde o zastaralý a překonaný příklad.
- menu dej do tagu MENU, nebo UL, jednotlivé položky (odkazy) do tagu LI
- deklaruj pro menu alespoň levý margin i padding (nulový), šíířku (podle potřeby), zruš odrážky (list-style: none;) a odkaz jako blokový

Pokud s tím budeš mít nějaký problém, tak sem dej kód, nebo mnohom lépe, odkaz na stránku.
Pro inspiraci se koukni na podobný příklad: http://teststranek.kvalitne.cz/menu4/
pirik
Profil *
Ahoj Bubáku,
tak jsem se to pokusil upravit podle Tvého návodu. Do CSS kodu jsem k tomu co je výše napsaáno přidal:
#menu li {list-style-type: none;}
#menu { margin-left:0em;
padding: 0.1em 0.1em 0em 0.1em; }

ale pořád ty odkazy nejsou od sebe tak ajk to má být, můžeš mi prosím, s tím ještě poradit?
a odkaz na stránku je: www.pavelzjihlavy.wz.cz

Děkuji
Tundra
Profil *
Já to vždycky řešil prostým přidáním tagu <br> mezi položky menu.
pirik
Profil *
Tak já to zkusím,
dík za radu.
pirik
Profil *
Já jsem tam ten tag <br> přidal, ale nic se nestalo.
Bubák
Profil
Třeba takto:
#menu ul {list-style: none}
#menu li {margin: 1.5em}
#menu a { padding: 0.1em 0.1em 0.1em 0.1em;background: #008; color: #fff; border: #eee outset 0.5em; font-weight: bold; text-decoration: none }
#menu a:hover { background: #00f; color: #ff0; border: #ff0 inset 0.5em }
pirik
Profil *
to Bubák:
moc děkuji za pomoc. Pirik

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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