Avatar
relycanx
Člen
Avatar
relycanx:

Měl bych dotaz ohledně menu. Chtěl bych vytvořit tlačítka, což není problém, když pomocí css nastavim, aby při najetí kurzoru na tlačítko (odkaz) se zbarvil, jenže se mi bohužel nedaří nastavit stejná velikost pro všechna tlačítka pod sebou. Zkoušel jsem nastavit větší šířku odkazů, ale je to zřejmě blbost a když nastavim jinou velikost "li", tak už tam není výplň. Nechci sem vkládat svůj kód, protože je dost podobný jako tady, akorát, že výplň tlačítka jsem neudělal přes "li", ale "a".
Abych to shrnul - chtěl bych, aby při najetí kurzoru na tlačítko, se změnila jeho barva pozadí a textu, aby prostě vypadalo jako zmáčknuté a nejlepší variantu pro tento problém :)

 
Odpovědět 29.4.2013 15:50
Avatar
Kit
Redaktor
Avatar
Odpovídá na relycanx
Kit:

Zkus prvku <li> nebo <a> dát v CSS vlastnost "display:block". Něco z toho ti možná bude vyhovovat.

Občas používám kouzelné slovo "listamatic", které mi najde:
http://css.maxdesign.com.au/listamatic/

Editováno 29.4.2013 16:07
Nahoru Odpovědět 29.4.2013 16:05
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na relycanx
Honza Bittner:

uděláš si prostě

<nav>
  <ul>
    <li><a>uvod</a></li>
    <li><a>aaa</a></li>
    <li><a>bbb</a></li>
  </ul>
</nav>

potom v css nastavíš

ul{margin: 0; padding: 0;}

li{width: 200px; height: 40px; background: green; color: black; padding: 0;}

a{width: 200px; height: 40px; padding: 0 20px;}

a:hover
{ background: red; color: white;}

takto si to udělej a mělo by to jít ...
u toho LI musíš mít padding na 0, jinak budeš mít A posunuté...

Nahoru Odpovědět 29.4.2013 16:17
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
relycanx
Člen
Avatar
Odpovídá na Kit
relycanx:

ano, "display:block", to bylo přesně ono! dík moc :) bez toho to bere prý jen jako řádek bez zalomení a nejde upravovat velikost, zajímavé

 
Nahoru Odpovědět 29.4.2013 18:18
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.