scimbare img la mouseover

#1
zane

Posted 13 July 2010 - 11:43

Junior Member

Grup: Members
Posts: 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!

Back to top

#2
zane

Posted 13 July 2010 - 12:38

Junior Member

Grup: Members
Posts: 62
Înscris: 30.01.2007

multumesc, am gasit o solutie folosind rollover image.

Back to top

#3
blue_ikks

Posted 15 November 2010 - 21:17

Member

Grup: Members
Posts: 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>

Back to top

#4
danutz0501

Posted 16 November 2010 - 00:03

Member

Grup: Members
Posts: 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>

Edited by danutz0501, 16 November 2010 - 00:08.

Back to top

#5
blue_ikks

Posted 16 November 2010 - 14:08

Member

Grup: Members
Posts: 423
Înscris: 09.12.2007

Miiiiii de multumiri. A mers !

Back to top

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 Posted 13 July 2010 - 11:43

#2 zane Posted 13 July 2010 - 12:38

#3 blue_ikks Posted 15 November 2010 - 21:17

#4 danutz0501 Posted 16 November 2010 - 00:03

#5 blue_ikks Posted 16 November 2010 - 14:08

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
zane

Posted 13 July 2010 - 11:43

#2
zane

Posted 13 July 2010 - 12:38

#3
blue_ikks

Posted 15 November 2010 - 21:17

#4
danutz0501

Posted 16 November 2010 - 00:03

#5
blue_ikks

Posted 16 November 2010 - 14:08