scimbare img la mouseover

#1
zane

Publicat: 13 iulie 2010 - 11:43

Junior Member

Grup: Members
Mesaje: 62
Înscris: 30.01.2007

buna

am o problema de genul ca, intr-un html din Dreamweaver sunt trei imagini pe care am link-uri catre 3 site-uri din grupul de firme unde lucrez.
as vrea ca la mouseover-ul peste fiecare dintre cele trei img sa-mi apara o alta imagine dedesubt in care voi avea scris descrierea firmei.
Va rog un exemplu, daca se poate. Este destul de urgent pt mine si nu am nici timpul necesar sa caut pe net o solutie.

Mii de multumiri si respectul meu!

Sus

#2
zane

Publicat: 13 iulie 2010 - 12:38

Junior Member

Grup: Members
Mesaje: 62
Înscris: 30.01.2007

multumesc, am gasit o solutie folosind rollover image.

Sus

#3
blue_ikks

Publicat: 15 noiembrie 2010 - 21:17

Member

Grup: Members
Mesaje: 423
Înscris: 09.12.2007

am si eu o problema cu mouse over.

mi-am facut un mic site. am facut niste butonase, care atunci cand treci cu mouseul peste ele isi schimba fundalul. am folosit html, css si functia 'hover'. merge doar in iexplorer, iar dupa ce pun DOCTYPE-ul, nu mai merge nici aici.

sunt incepator, asa ca, rabdare

.

uitati ce am folosit :

CSS:

.yahoobutton
 {
	width:25px;
	height:25px;
	background-image:url('contact/yahooh.png');
}
.yahoobutton:hover
{
	background-image:url('contact/yahoo.png');
}

HTML:

<a href="mailto:[email protected]" class="yahoobutton"></a>

Sus

#4
danutz0501

Publicat: 16 noiembrie 2010 - 00:03

Member

Grup: Members
Mesaje: 437
Înscris: 22.04.2008

Asa merge

<!DOCTYPE HTML>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Untitled Document</title>
 <style type="text/css">
 .yahoobutton{
 display:inline-block;
 width:25px;
 height:25px;
 background-image:url(img/01.jpg);	
 }
 .yahoobutton:hover{
	 background-image:url(img/02.jpg);
 }
 a.yahoobutton{
	 text-decoration:none;
 }
 a.yahoobutton img{
	 border:0px;
 }
 </style>
 </head>
 
 <body>
 <a href="mailto:[email protected]" class="yahoobutton"></a>
 </body>
 </html>

Editat de danutz0501, 16 noiembrie 2010 - 00:08.

Sus

#5
blue_ikks

Publicat: 16 noiembrie 2010 - 14:08

Member

Grup: Members
Mesaje: 423
Înscris: 09.12.2007

Miiiiii de multumiri. A mers !

Sus

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

scimbare img la mouseover

#1 zane Publicat: 13 iulie 2010 - 11:43

#2 zane Publicat: 13 iulie 2010 - 12:38

#3 blue_ikks Publicat: 15 noiembrie 2010 - 21:17

#4 danutz0501 Publicat: 16 noiembrie 2010 - 00:03

#5 blue_ikks Publicat: 16 noiembrie 2010 - 14:08

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
zane

Publicat: 13 iulie 2010 - 11:43

#2
zane

Publicat: 13 iulie 2010 - 12:38

#3
blue_ikks

Publicat: 15 noiembrie 2010 - 21:17

#4
danutz0501

Publicat: 16 noiembrie 2010 - 00:03

#5
blue_ikks

Publicat: 16 noiembrie 2010 - 14:08