Avatar
Rosemary
Člen
Avatar
Rosemary:

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
Redaktor
Avatar
Odpovídá na Rosemary
Honza Bittner:

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

Nahoru Odpovědět 12.9.2014 21:03
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Rosemary
Člen
Avatar
Rosemary:

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
Redaktor
Avatar
Odpovídá na Rosemary
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Rosemary
Ondrca:

Zkus si do css stylu připsat toto:

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

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:

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:

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

 
Nahoru Odpovědět 12.9.2014 21:31
Avatar
Lukáš Slabý (LynSis):

Pokud chceš text v pravo tak tam nastav toto

a
{
text-align: right;
}
Editováno 12.9.2014 22:04
 
Nahoru Odpovědět  -1 12.9.2014 22:04
Avatar
Mardzis
Člen
Avatar
Mardzis:
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
Redaktor
Avatar
Odpovídá na Rosemary
Honza Bittner:

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  +1 12.9.2014 22:54
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Rosemary
Člen
Avatar
Rosemary:

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.