I used the rollover image in dreamweaver cs3. Works fine, but everytime I launch the site it asks to allow blocked content in the activex control. Ive seen sites that have rollovers and do not ask this. I dont want the user to have to unblock it everytime they load the webpage. Anyway around this? Thanks.
Don't use the Dreamweaver rollovers, in fact, don't use Javascript at all for rollovers. This is your HTML code (link): <a href="#" id="rollover1"></a> Code (markup): Create a new CSS file, and in it put: #rollover1 { height:100px; //Change this to however high you want it width:150px; //Change this to however high you want it display:block; background-image:url(path/to/image.png); } #rollover1:hover { background-image:url(path/to/image2.png); } Code (markup): Then just attach that CSS file to your HTML document using Dreamweaver. This works in Opera, Firefox, Safari (for windows), Internet Explorer 6 and Internet Explorer 7.
<a href="#" id="rollover1"></a> Code (markup): That is your image (both rollover and starting). You use the CSS to change the width, height and image urls. If you want to use multiple rollovers, just change the ID: <a href="#" id="rollover1"></a> <a href="#" id="rollover2"></a> <a href="#" id="rollover3"></a> Code (markup):
Between your <head> and </head> add: <link rel="stylesheet" type="text/css" media="screen,projection" href="path/to/file.css" /> Code (markup):
Yeah well, that is what CSS is for. Their is always an incredible longshot that Adobe may introduce it in CS4.
#rollover1 { height:146px; //Change this to however high you want it width:38px; //Change this to however high you want it display:block; background-image:url(index_05.jpg); } #rollover1:hover { background-image:url(rollover1.jpg); } #rollover2 { height:180px; //Change this to however high you want it width:38px; //Change this to however high you want it display:block; background-image:url(index_06.jpg); } #rollover1:hover { background-image:url(rollover2.jpg); } #rollover3 { height:138px; //Change this to however high you want it width:38px; //Change this to however high you want it display:block; background-image:url(index_07.jpg); } #rollover1:hover { background-image:url(rollover3.jpg); } #rollover4 { height:219px; //Change this to however high you want it width:38px; //Change this to however high you want it display:block; background-image:url(index_08.jpg); } #rollover1:hover { background-image:url(rollover4.jpg); } PHP: <a href="#" id="rollover1"></a> PHP: etc. etc. Am I doing something wrong? images arent showing.
He meant that the default rollovers created by Dreambeaver are javascripted, not CSS... Not that one should even be WASTING THEIR ***ING TIME with the steaming pile of crap known as dreamweaver.
dude it will show active x, when u preview it. But when u upload it to a server and then view the site, there will be no active x problem hope this helps, cheers
Well this worked for me BUT: How do I link the image to another page? <a href="#" id="rollover1"></a> the "href" attribute is already pre-occupied where usually the site address goes. I'm new to this, just started learning last night.