Background color i link

Pozdrav,
Desava mi se problem napravio sam da imam izmedu ovih ikonica dvije crte i stavio sam da na hover prikazuje plavu boju
i sad recimo ako je text obican znaci ne link dovoljno je da dodem sa misem na ovaj plavi dio i boja slova se promjeni u drugu boju, a ako imam link i dodem na ovaj plavi dio link ostane iste boje i moram doci sa misem na link da se promjeni boja. E sad dal postoji koji nacin da se napravi da ako dodem na taj plavi dio da se i boja linka automatski promjeni a ne da moram sa misem na link. Hvala

Probaj mozda da definises div tag i u njega neki width - height i onda kada se predjeprekodiva da se mjenja boja.

To su osnove css-a i naravno da je moguce, ali ti tesko mozemo pomoci bez live primjera jer ne znamo strukturu tvojeg html-a.

Ako se dobro sjecam, u css napravi a.meni:hover i u njemu postavi background-color plavo, zatim cijeli taj div, ul ili štogod stavi pod <a> tako da bi to izgledalo ovako: <a href="#" class="meni"><div id="menubox">Mail</div></a>

http://jsfiddle.net/huCyM/ evo otprilike zasad sam naso display: block; al neradi ni on kak spada

html:

<body bgcolor="black">
<ul class="contact-info">
<a href="https://play.google.com" target="_blank" class="doleboja"><li class="mov" id="doleboja">Android</li></a>
<li class="mail">mail</li>
<a href="http://www.facebook.com" target="_blank" class="doleboja"><li class="fb">Facebook</li></a>
<li class="location">Croatia</li>
</ul>

u css dolje na kraju promjeni:

a.doleboja, a.doleboja:visited {
color:#ffffff;
}

a.doleboja:hover {
color: #38a87ad;
background-color:#ffffff;
height:32px;
width:208px;
}

Mislim da bi tako trebalo funkcionirati.

al sa ovim nacinom gubim ikonice sa lijeve strane :smiley:

Onda bi trebao izrezati ove ikone i staviti svaku posebno unutar <li></li> ili probati ovo na neki drugi način.

Ja sam uspio napraviti ovo da mi je sve bjelo i slova i linkovi i kad se prode ostavljan taj plavi hover ali kad se dode na link tek onda mjenja boju dok je kod teksta dovoljno da se dode sa misem na ikonicu il pored i promjeni neznam nacin kak da napravim link a da je velik 208px i 32px znam da sa slikama mogu preko background position al sa linkovima neznam kako

vrlo jednostavno stavi ga na display:block i daj mu sirinu i visinu.
a tag je po defaultu inline level element i zato ti je problem da moras doci misom na text od linka.

Pokuso sam i nece prihvatit visinu i lijevi dio od linka dje je slika

a sta ti tocno trebas ja tvoje postove moram citat 2 puta da bi ih razumio ?

Dosta mi je to tesko opisat al probat cu krenimo ovako na pocetku linkovi i text treba biti bjele boje to sam i napravio zatim kada se sa misem prede pored texta i linkova hover bi bio bjele boje a link i text da automatski postaju plave boje kod teksta sam to i uspio dok linkovi nece promjenit plavu boju jedino kada sa misem dodem na njih jel sad sto jasnije

Cilj bi mi bio kada bi nekako uspio napraviti transparent okvir koji ukljucuje link da je sirine 208 px i 32 px visine znaci na kojem god mjestu da sam u tom nevidljivom okviru da ima cursor pointer

http://jsfiddle.net/8FYu4/1/ evo sve mijenja boju kako treba

1 Like

Mozda bude pomoglo kad dodem doma testiram. Blaja jel ima recimo to sad mogucnost da kad je u hover i kad se dode aa misem na klik da radi text decoration underline