Css onmouseover

Web dizajn i grafika
1

Pozdrav,
Kako da napravim da kad predjem misem preko slike (linka), border od div taga te slike dobije odredjenu boju?

2

Korisiti se hover nekoliko primjera:

a:hover {
color:red;
}

U ovome slucaju kada predjes preko anchora on ce dobiti crvenu boju

img:hover {
opacity:0.5;
}

Kada predjes preko slike imat ce opacity(providnost) 0.5 tj 50%

.neka_klasa:hover {
border: 1px solid black;
}

Kada predjes preko diva dobit ce border

3

To sam resio i radi,nego imam problem sa slikama kad predjem preko slike one dobiju providnost sem jedne od devet slika.Sta je tu u pitanju sve sam proverio i dobro je samo nece prva slika da postane providna kad predjem misem preko nje.Ovo su kodovi:
html:

Akm 90

Automatska Klipsarica AKM 90

Akm 60

Automatska Klipsarica AKM 60

css

#images1 {width:220px;height:auto;float:left;margin-left:12px;margin-top:10px;}
#images2 {width:220px;height:auto;float:left;margin-left:12px;margin-top:10px}
.imglangmouseover img:hover {
opacity:0.5; cursor:pointer
}

Druga slika postane providna (images2) a prva nece,sta je u pitanju???

4

Aa sto ti znas komplikovati :slight_smile:

Das svakome img istu klasu i u CSS definises sta zelis za tu klasu
pr:

<img src="slika1" alt="" class="providna_slika" />
<img src="slika2" alt="" class="providna_slika" />
<img src="slika3" alt="" class="providna_slika" />
<img src="slika4" alt="" class="providna_slika" />

CSS:

.providna_slika:hover {
opacity: 0.5;
}
5

Resio sam zahvaljujem na pomoci.Evo link da vidite kako izgleda : MATIĆ-FLEXOPRINT - PROIZVODNJA I PRODAJA MAŠINA ZA MESNU INDUSTRIJU !!!