Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
relycanx
Člen
Avatar
relycanx:29.4.2013 15:50

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
Tvůrce
Avatar
Odpovídá na relycanx
Kit:29.4.2013 16:05

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
Tvůrce
Avatar
Odpovídá na relycanx
Honza Bittner:29.4.2013 16:17

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
relycanx
Člen
Avatar
Odpovídá na Kit
relycanx:29.4.2013 18:18

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.