IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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í.

Diskuze: a:hover - pozadí

Aktivity
Avatar
Rosemary
Člen
Avatar
Rosemary:12.9.2014 20:57

Ahoj, mám stránku s odkazem (viz. obrázek) a chtěla bych aby po najetí myší byla ta tmavě zelená přes celou délku toho zeleného rámečku.

    .podblok li {
            margin-bottom:0.02em;
            padding: 0.1em 0 0.1em 0.2em;
            list-style:none;
      }

.podblok a:hover {
    display:block;
    width:100%;
    background-color:#2ea909;
}

PS: jsem nováček :D

 
Odpovědět
12.9.2014 20:57
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Rosemary
Honza Bittner:12.9.2014 21:03

Musíš vymazat ten margin. On ti odsouvá ty položky... ;)

Nahoru Odpovědět
12.9.2014 21:03
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Rosemary
Člen
Avatar
Rosemary:12.9.2014 21:09

Nó, margin je jenom na spodek, ale ještě jsem zapomněla říct že je to v <ul>, není to tím? :D Ono to tam samo dává nějáké to odsazení myslím.

Editováno 12.9.2014 21:09
 
Nahoru Odpovědět
12.9.2014 21:09
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Rosemary
Honza Bittner:12.9.2014 21:12

Jo jasně, promiň... jsem si nevšiml, že je to jen na spodek.

Pošli styl seznamu(ul).
// určitě tam máš nějaký padding

Nahoru Odpovědět
12.9.2014 21:12
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Rosemary
Ondrca:12.9.2014 21:13

Zkus si do css stylu připsat toto:

*{
padding:0;
margin:0;
}
Nahoru Odpovědět
12.9.2014 21:13
Zase jsem o něco chytřejší
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Ondrca
Šimon Raichl:12.9.2014 21:17

Ol a li už jsou již defaultně odsazené. Nelze je tedy odsadit na 0.
PS: To mínus není ode mně

Editováno 12.9.2014 21:18
 
Nahoru Odpovědět
12.9.2014 21:17
Avatar
Rosemary
Člen
Avatar
Rosemary:12.9.2014 21:29

Jó už jsem na to přišla :D nastavila jsem padding u <ul> na 0, neměla jsem tam definovaného nic :)
Akorát se chci ještě zeptat u čeho mám teď nastavit odsazení aby byl ten text vpravo jako byl? Dělala jsem to u <a> ale posunulo se to pak i s tou lištou po najetí a takže to trčelo ven :)

 
Nahoru Odpovědět
12.9.2014 21:29
Avatar
Rosemary
Člen
Avatar
Rosemary:12.9.2014 21:31

Jestli by nebylo lepší nechat to jednobarevně a jen podtrhnout :D

 
Nahoru Odpovědět
12.9.2014 21:31
Avatar
Neaktivní uživatel
Člen
Avatar
Neaktivní uživatel:12.9.2014 22:04

Pokud chceš text v pravo tak tam nastav toto

a
{
text-align: right;
}
Editováno 12.9.2014 22:04
Nahoru Odpovědět
12.9.2014 22:04
Neaktivní uživatelský účet
Avatar
Mardzis
Člen
Avatar
Mardzis:12.9.2014 22:53 
li {
   display: block;
}

li a {
    text-align: center;
    padding: 5px 10px;
}

Vždycky musíš stylovat element "a" a ne "li" aby byla klikací celá plocha. Hlavně nedávat "a" před "li".

Editováno 12.9.2014 22:55
 
Nahoru Odpovědět
12.9.2014 22:53
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Rosemary
Honza Bittner:12.9.2014 22:54

Ty máš menu - to ti tvoří seznam(ul) - a v něm máš nějaké položky(li), které mají v sobě ještě odkaz(a)...

Pokud chceš, abys měla celou položku klikatelnou a zároveň mít text odsazený zleva, budeš muset nastavit odkazu(a) padding-left.

Nahoru Odpovědět
12.9.2014 22:54
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Rosemary
Člen
Avatar
Rosemary:13.9.2014 9:44

Všechno už funguje :) Díky moc :P

 
Nahoru Odpovědět
13.9.2014 9:44
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 12 zpráv z 12.