Ajutr CSS

Threaded Mode | Linear Mode

Ajutr CSS

Author Message

Sebi M
De al casei

Posts: 57
Group: Registered
Joined: Sep 2008
Status: Offline
Reputation: 0
Lei: 155.5

Post: #1

Ajutr CSS

salut
Am si eu nevoie de putin ajutor
am un tabel cu 5 coloane, in prima coloana (stanga) vreau sa pun o poza(grayscale),
<td class="living"> 
<a href="#">
<img src="imag/imagini/livingbw.jpg" alt="mobila living timisoara" border="0" /></a>
</td> 

la HOVER vreau sa imi apara color
asta e CSS-ul
.living{

max-width:205px;
background:url(imag/imagini/living.jpg);
border-top:0px; border-right:7px; border-bottom:0px; border-left:0px;
border-top-style: groove; border-right-style:solid; border-bottom-style: none; border-left-style: none;
border-color: #666666;
margin:0px;
padding:0px;
}
.living a{cursor: default;}
.living a:hover{visibility:hidden;}

am 2 probleme :
1. cand am mouseul deasupra imaginii se pune poza color, dar cand misc mouse-ul alterneaza imaginile (bw/color)
2. in IE arata aiurea, adica imag color apare in dreapta celei BW

http://www.Gww.ro || http://www.DirectorWebRomanesc.ro

09-22-2008 04:45 PM

Overdeath
Membru

Posts: 31
Group: Registered
Joined: Sep 2008
Status: Offline
Reputation: 0
Lei: 108.3

Post: #2

RE: Ajutr CSS

cred ca in cazul de fata e mult mai indicat sa folosesti javascript. Cred ca motivul pentru care intampini erori esta ca browserul interpreteaza backgroundul in spatele imaginii.
Pentru internet explorer td:hover si max-width sunt cum e pentru noi chineza Smile
Nu imi dau seama cum interpreteaza browserul .living a:hover{visibility:hidden;}. Dispare linkul? Dispare imaginea? Cred ca mai indicat ar fi sa le incadrezi intr-un div. si sa dispara divul.
Sau nu te mai chinui si folosesti javascript Smile
functia javascript care se plaseaza in <head>

Code:

function roll_over(img_name, img_src)

   {

   document[img_name].src = img_src;

   }

Apoi partea de declarare a linkului

Code:

<a href="#" onmouseover="roll_over('but1', 'imag/imagini/living.jpg')"

onmouseout="roll_over('but1', 'imag/imagini/livingbw.jpg')">

<img src="imag/imagini/livingbw.jpg" name="but1" border="0">

</a>

Sunt si alte functii de acest gen.. eu pe asta o folosesc pentru ca mi se pare mai usor de tinut minte. O poti modifica sa aiba un singur event onmouseover. Trebuie sa modifici functia sa aiba 3 parametrii in loc de 2 si un if in care sa verifici care imagine e incarcata in momentul apelarii.

My Blog

09-22-2008 06:51 PM

Sebi M
De al casei

Posts: 57
Group: Registered
Joined: Sep 2008
Status: Offline
Reputation: 0
Lei: 155.5

Post: #3

RE: Ajutr CSS

am incercat asta si nu merge bine

am gasit pana la urma o solutie

multzam oricum Smile

http://www.Gww.ro || http://www.DirectorWebRomanesc.ro

09-22-2008 07:40 PM

Overdeath
Membru

Posts: 31
Group: Registered
Joined: Sep 2008
Status: Offline
Reputation: 0
Lei: 108.3

Post: #4

RE: Ajutr CSS

npc Smile .. de curiozitate.. de ce nu mergea si care a fost solutia? Mai invatam si noi Smile

My Blog

09-22-2008 07:41 PM

Mihai_Only
Moderator

Posts: 386
Group: Moderators
Joined: Jul 2007
Status: Offline
Reputation: 1
Lei: 1189.81

Post: #5

RE: Ajutr CSS

Ce ai tu este relativ simplu şi se poate rezolva şi fără tag separat de javascript.În primul rând pui la src imaginea graystyle şi salvezi şi imaginea color undeva.Apoi mai adaugi în eticheta img următoarea proprietate:

Code:

onmouseover=" this.src='link imagine color' "

Sau mai simplu:

Code:

onmouseover="src='link imagine color' "

09-22-2008 10:41 PM

Sebi M
De al casei

Posts: 57
Group: Registered
Joined: Sep 2008
Status: Offline
Reputation: 0
Lei: 155.5

Post: #6

RE: Ajutr CSS

multzam
am rezolvat problema numai cu CSS

http://www.Gww.ro || http://www.DirectorWebRomanesc.ro

09-23-2008 12:05 AM

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites

Forum Jump: