Rollover images question + site deffinition tool

Hi, I took a course in Dreamweave but unfortunately lost my notes. I am making a gallery site for myself and would like to have roll over images where one rolls over a thumbnail at the bottom of the page and a larger image in the middle changes to the thumbnailed one. Prefferably without the larger image reverting back to whatever image 0 was. If wome one could please explain the simpleset way to do this, or direct me to a really simple explination, I would be very greatful.
Also I have a question about the site deffinition tool. Is there a way to use it that does not involve creating an extra folder? I already have defined folders for a site and I would like that to be just it.
Thank you for your help.

Pure CSS Disjointed Image Rollovers.
http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
When you define your Local Site, DW asks you which folder to use. If you've already created one on your local drive, use that one.
Nancy O.
Alt-Web Design & Publishing
Web : Print : Graphics : Media
http://alt-web.com/
Twitter: http://twitter.com/altweb
Blog: http://alt-web.blogspot.com/

Similar Messages

Rollover Image Question.....Help!

http://www.amandacarpenterphotography.com/gallery.php
Im building this web page more or less as a favor for my
sister-in-law, and Im building it to further educate myself about
Web Design.
Simple question, the link above takes you to the "Gallery"
section.
What I want to do is when the you roll the mouse over the
text on the left, (Gallery, Senior Photos, Engagements, etc) I want
the picture on the right to change to whatever the mouse is
hovering over. So like Engagements shows an engagement photo, while
weddings shows a sample wedding photo, directly to the right of the
text. I also want the image to pre-load.
How can I do this? It sounds so simple but I can not figure
out how to do it
Thanks in advance
Joe

http://www.dwfaq.com/tutorials/basics/disjointed.asp
"JSloanSDRE" <[email protected]> wrote in
message
news:f5g0dh$ngv$[email protected]..
>
http://www.amandacarpenterphotography.com/gallery.php
>
> Im building this web page more or less as a favor for my
sister-in-law,
> and Im
> building it to further educate myself about Web Design.
>
> Simple question, the link above takes you to the
"Gallery" section.
>
> What I want to do is when the you roll the mouse over
the text on the
> left,
> (Gallery, Senior Photos, Engagements, etc) I want the
picture on the right
> to
> change to whatever the mouse is hovering over. So like
Engagements shows
> an
> engagement photo, while weddings shows a sample wedding
photo, directly to
> the
> right of the text. I also want the image to pre-load.
>
> How can I do this? It sounds so simple but I can not
figure out how to do
> it
>
> Thanks in advance
>
> Joe
>

Rollover image question

Is it possible to make the swap image dominant over the images on the page? Right now when the swap (larger) image appears, any other images on the page overlap it.
http://02cada7.netsolhost.com/Stasik_Family_Website/janzofiastasik.html
Or is colorbox/lightbox a better alternative?

Is it possible to make the swap image dominant over the images on the page?
No. Simply put more distance between the primary images and it should work better.
#jan {
width:110px;
height:130px;
margin-top:15px;
margin-left:275px;
margin-right: 100px;
background-color:#000;
float:left;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Can't get rollover images to work as links [was: I have a question if someone could answer?]

I have fixed my page so I can preview it and everything is working fine but now I cant get my rollover images to work as links. When I go to put in the link like normal the rollover behavior stops working and it is just the original image. Any way for me to turn it into a link but still keep the rollover image change?
[Subject line edited by moderator. Please use more meaningful subject lines in future.]

Can you provide a link to your website so we can see what you're seeing?
Without one, you're asking for an answer based on guesswork.

Question on Rollover Image - dropdown

Hi everyone. I have a big school project and i need your help! I just wanna ask how do you make rollover images to stay on hover or selected when you are on it's link like for example i clicked the "home button" then the home button stays "OnMouseOver" or Image2 just because you are on the Home page but then reverts back to original image when you click another link. Also for the pop-up menu, I made a button with a pop-up menu and i want when navigating to the pop-up menu the button will stay OnMouseOver. Is that possible? any help would be appreciated.
The image below shows the hover disappears when i navigate the pop-up menu.
[URL=http://img189.imageshack.us/i/rollover.jpg/][IMG]http://img189.imageshack.us/img189/8130/r ollover.th.jpg[/IMG][/URL]

So do you want the parent link on the dropdown to stay hovered or the child link? You could definitely pull off the parent but i dont think it would work on the fly out
Itll help if you can post your code or a link to your site

Rollover Images and Captions

Can anyone give me a short, step by step way to
create rollover images with captions. I couldn't manage to get that
done, and when I read the Help screens within the application, it
didn't help either.
In particular, here was the problem: I was in Storyboard with
the slide highlighted that I wanted to add the rollover image and
caption. When I went up to the Insert drop-down menu and clicked on
Rollover Images, there were no images; I was simply taken to My
Documents.
I hope somebody can help. I've spent more than 4 hours trying
make this work. I'm SURE it's some little detail that I've failed
to pay attention to.
THANK YOU!
Dean

Hi Dean,
The "little detail that (you) failed to pay attention to" is
just that. In order to insert an image, you have to select the
image to insert. Use Windows Explorer (from \\My Documents\) to
navigate to \\My Documents\My Pictures\ or whereever else you keep
the image you wish to insert, and select it. Understand, it is up
to you to provide the image . . . it's not like you are selecting
from Captivate's own image gallery (though that is a cool idea, now
that I think of it - LOL!)
Your question indicates to me there might be some confusion
about what you want. You said you want "rollover images with
captions". There are rollover images which are just images to which
a mouseover action has been applied, and there are rollover
captions which are just normal captions to which a mouseover action
has been applied ... but there are no rollover images
with captions. The only way to have a rollover display a
caption is to create it yourself. And the "step-by-step" for doing
that is totally dependent on which image editor you are using
(Photoshop, Paintshop Pro, Paint, etc.). But the gist of it is
below.
1) Open the image in your image editor - or create it there
2) Expand the canvas to create extra "blank" space on the
image (for the caption)
3) Use the "Text" tool to create your caption text and add it
to that blank space.
4) Save the image - BMP format works very well, but any
format supported by Captivate.
5) Close the image editor
6) Open or switch to Captivate and the slide on which you
want to place it.
7) Select "Insert > Rollover Image"
8) Select the image (with its included caption)
9) Set its attributes and position it on the slide.
Hope this helps. The reason you wont' find this in the "Help"
files is because it is a creative use of images that is not a
supported function of Captivate itself. If you would like to see
future versions of Captivate support the creation of
images-with-captions, the way to do it is to submit it as a feature
request. The form to do that
is
located at this link
Hope this helps.

Editing rollover images

Hi all,
Two questions:
Once I place a rollover image in a webpage, how can I go back and modify the rollover image? Once I click the "OK" button in the Insert Rollover Image dialog box, it seems I can't pull this up again.
Also...is there a way to "copy" a rollover image from one webpage document to another and retain the functionality? I tried dragging and dropping the image, but it doesn't act like a rollover--it just shows the original image and retains the link.
Thanks in advance.

Once I place a rollover image in a webpage, how can I go back and modify the rollover image?
DW can't modify a rollover image. You need to modify images in your graphics app. That's one of the big drawbacks to using images for menus or anything else that is likely to change during the life of your site.
For these and other reasons, I use CSS styled lists for navigation.
CSS Horizontal Drop Menu
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
is there a way to "copy" a rollover image from one webpage document to another and retain the functionality?
Rollovers rely on JavaScript code in the <head> and <body> tags of your document. You would need to copy & paste all required code in Code View.
Or just use File > SaveAs > New-file-name.html.
See also -
Guidance on when to use DW Templates, Library Items and SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Rollover image link to php category results

I am working on a site using Cartweaver's php ecommerce
solution and I can't figure out how to make a rollover image a link
for a specific gategory.
Example: rollover button 1 would display all items for
category 1, rollover button 2 for category 2, etc.
Any thoughts?

Can you use CSS rollovers or "sprites"?<br /><br />-- <br />Murray<br /><br /><br /><Jesper_Mø[email protected]> wrote in message <br />news:[email protected]..<br />> For the first time in a long time i have to make some links usinge image <br />> with rollover effect, but i cant find the tools to do it ??<br />><br />> last time i made that was with GL5 and ther i had the posebilyty to set <br />> the rollovers in the inspector<br />> And if o open one of those old site i still get those tools in the <br />> inspecter<br />><br />><br />> But how do i get them on a new page ??<br />><br />> Or is it better to use another tecnik ??<br />><br />> I have seen the rollover tab but that makes a nother kind of rollover <br />> (using inline script)<br />><br />> Pleas advise

Why are my rollover images not appearing correctly in my browser?

I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks

Where is it you want the navigation to appear?
Try this CSS -
#mainnav {
clear: both;
display: block;
float:right;
margin-right:50px;
margin-top:25px;
overflow:hidden;
padding:0;
width:350px;
Is that anywhere close?

Rollover image works on dreamweaver/preview but not on website

Hey everybody so I'm working on a site for my new clothing line and I am frustrated out of my mind right now because everything seemed to work fine until I published the site my biggest problem right now is that the rollover images I'm using do not show on the actual site but they work perfectly on dreamweaver and the browser preview PLEASE I NEED HELP
here's the CSS/HTML (Below)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Store</title>
<style type="text/css">
#main .container #content p {
    body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }
body { font-family: Arial, Helvetica, sans-serif; }
    .container {
        width: 1000px;
        margin: 0 auto;
       body {
        font-family: Arial, Helvetica, sans-serif;
        background: #e4e2e2;
.Header {
    background-image: url(images/Doozie-Jank-Website_03.jpg);
    background-repeat: repeat-x;
               #logo {
        background: url(images//images/webheader_08.png) no-repeat;
        height:300px;
        width: 900px;
           #logo h1 {
        text-indent: -9999px;
        padding-top: 40px;
        ul#menu {
        list-style: none;
    ul#menu li a {
        font-size: 35px;
        color: #c7c7c7;
        text-decoration: none;
    ul#menu {
        list-style: none;
        padding-top: 185px;
    ul#menu li {
        float: left;
        padding-left: 60px;
        ul#menu li {
        float: left;
        padding-left: 10px;
        padding-right: 50px;
    #view-cart{
        position:absolute;
right:650px;
top:305px;
#rollover{
    margin:100px 20px;
    height: 400px;
    width: 400px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(Images/deer-in-headlights-store.gif) top left no-repeat;
    display: block;
#rollover:hover{
    background-position: bottom left;
    float:left;
width:110px;
height:0px;
margin:5px;
    #sidebar {
    float: right;
           #sidebar {
        float: right;
        margin-left: 100px;
        margin-top: -62px;
       #footer {
        background: url(images/footer.jpg) repeat-x;
        padding-top: 20px;
        padding-bottom:60px;
        margin-top: 40px;
          color: #fff;
    #footer p {
        padding-top: 20px;
        padding-bottom:60px;
        margin-top: -25px;
        margin-bottom: -25px;
          color: #fff;
      </style>
<body class="Header">
        <div id="main">
        <div class="container">
             <div id="header">
             <div id="logo">
    <h1>Doozie Jank</h1>
             <ul id="menu">
        <li><a href="index.html">Blog</a></li>
        <li><a href="Store.html">Store</a></li>
        <li><a href="About.html">About</a></li>
        <li><a href="Contact.html">Contact</a></li>
         <li><a href="#">Cart</a></li>
</form>
    </ul>
             </div>
             </div>
              <div id="view-cart">
              <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="8JUVRPJ32YCFC">
<input type="hidden" name="display" value="1">
<input type="image" src="images/images/button-view-cart_23.png" width="174" height="47" >
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
              </div>
<div id="sidebar">
    <ul>
                     <a href="http://www.facebook.com/home.php#!/pages/Doozie-Jank/137039669686754"><img src="images/Facebook1.png" alt="" width="52" height="54" /></a>
                     <a href="http://twitter.com/DoozieJank"><img src="images/Twitter1.png" alt="" width="52" height="54" /></a>
                    </ul>
     </div>
<div id="rollover">
   <a href="#"></a>
</div>
<div id="Buy">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<table>
<tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
    <option value="Mens-S">Mens-S </option>
    <option value="Mens-M">Mens-M </option>
    <option value="Mens-L">Mens-L </option>
    <option value="Mens-XL">Mens-XL </option>
    <option value="Womens-S">Womens-S </option>
    <option value="Womens-M">Womens-M </option>
    <option value="Womens-L">Womens-L </option>
    <option value="Womens-XL">Womens-XL </option>
</select> </td></tr>
</table>
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 +9ftudFJDcAOzlVFH86Mhhv-----END PKCS7-----
">
<input type="image"src="images/images/button-view-cart_13.png" width="160" height="43">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<table>
<tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
    <option value="Men's-S">Men's-S </option>
    <option value="Men's-M">Men's-M </option>
    <option value="Men's-L">Men's-L </option>
    <option value="Men's-XL">Men's-XL </option>
    <option value="Women's-S">Women's-S </option>
    <option value="Women's-M">Women's-M </option>
    <option value="Women's-L">Women's-L </option>
    <option value="Women's-XL">Women's-XL </option>
</select> </td></tr>
</table>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<table>
<tr><td><input type="hidden" name="on0" value="Sizes">Sizes</td></tr><tr><td><select name="os0">
    <option value="Mens-S">Mens-S </option>
    <option value="Mens-M">Mens-M </option>
    <option value="Mens-L">Mens-L </option>
    <option value="Mens-XL">Mens-XL </option>
    <option value="Womens-S">Womens-S </option>
    <option value="Womens-M">Womens-M </option>
    <option value="Womens-L">Womens-L </option>
    <option value="Womens-XL">Womens-XL </option>
</select> </td></tr>
</table>
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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 hzSw3oItgcbXf9EB/o/qXtb-----END PKCS7-----
">
<input type="image" src="images/images/button-view-cart_19.png" width="197" height="44" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
   </div>
<div id="footer">
        <div class="container">
          <p>Copyright © 2010 Doozie Jank<br />
            All Rights Reserved</p>
        </div>
    </div>
</head>
<body>
</body>
</html>

Fix your validation errors first -
http://validator.w3.org/unicorn/check?ucn_uri=dooziejank.com%2FDeer%2520in%2520The%2520Hea dlights.html&ucn_lang=en&ucn_task=conformance#
For example, you have no </head> tag....
And it's a very bad idea to use spaces in your filenames for the web
Deer in The Headlights.html

Spry Horizontal menu using rollover images

I see there are a lot of posts about spry menus and problems in IE. I wasnt sure if my problem is the same as the others, so my apologies if it's redundant. I'm working on a site with rollover images in the top menu of a spry menu bar with drop downs that fall below three of the menu items. Everything looks good in Mac/Win Firefox and Mac Safari. In Win IE 8 the menus go horizontally, left to right, instead of falling below the top level item as they should.
The site is here: http://tinyurl.com/y8dxo8m
The Spry CSS is here: http://tinyurl.com/yd8yhem
Should I not be using rollover images with the Spry menu? I've spent quite a bit of time on trying to solve this, including attempting to rebuild the menu from scratch.

I Paty, I just inserted the Dreamweaver rollover into the navigation. I'm not sure if that's the best approach to achieve what i wanted out of my design, but it seems to work. I checked it in Adobe's Browserlab and it works across all browsers. I'm looking into purchasing the Project7 product. It's not a lot of money and seems easier to work with for embedded graphics than the spry software. I spent way too much time with the spry trying to get the nav to look like I wanted it to while working in all browsers.

Non-Delivery of:RE: 4 Forte questions, sitting in arow

Hi Carl,
a. With regards to Forte "wrappering". Presumably the 'C' program that
you want to interface to, must have an API that you can access, and then
you call those functions from within Forte ?
If its a vanilla C program (you need the *.obj file) its quite straightforward.
You create a Forte project with an appropriately named class and method stubs
in an editor (not in Forte). This then gets imported into Forte and partitioned
as an external library. Forte then generates the appropriate C++ stubs, which
you compile with the appropriate C++ compiler. This will link the desired C
program into your Forte generated C++ stubs and all is well. If its a C++
program, typically they are DLL's, or if you don't have the *.obj file, you
have to jump through some (more) hoops as another user put it. Then you need to
write a C (not C++) program that calls the desired C++ DLL. And repeat as
above. So you then end up with 2 sets of stubs. Its quite cumbersome, but it
does work !
b. How does Forte support external, real-time, interrupt driven
applications ?
I'm not sure I uderstand the question - possibly the same as answer to d below.
c. Does Forte support 'Business Objects' datamining tool, and if not,
does it support any other data mining tool ?
As far as I know it does support Business Objects. At the interface level Forte
supports the C API or OLE2 automation (and next version (3) will support
Active-X as well) and most API's will give you one of those options.
d. Apparently Forte can interface to external applications using
messages, like it does internally between objects. How can it do this ?
Interfacing to external objects can done via three mechanisms :
1. CORBA. It uses the DEC ORB to interface fully to CORBA 2 compliant clients
(from Forte SO's) or servers (from Forte client partitions).
2. DCE. Similar to above
3. The ExternalConnection Class (Framework) is probably the easiest. We have
just received the documentation and it looks really good. Essentially you open
a TCP/IP pipe to another process on which you can both send and receive raw
data. You obviously need to design some higher level coding scheme, but it
looks very straightforward to implement and from what I know of TCP/IP pipes
its the best performing interface mechanism. In answer to your earlier
question, realtime external interrupts would probably work best with this. In
fact I know of implementations where they are busy doing exactly this with
continous datafeeds (and machine PLC control) via their own (!!) C-wrappered
Unix pipes interface.
Any insight would be appreciated,
- Carl
Carl Schei | Dexel (Pty) Ltd (Durban) |
Software Engineer | Tel : 27 31 2669273 |
email : [email protected] | Fax : 27 31 2660340 |
------ Message Header Follows ------
Received: from pebble.Sagesoln.com by notes.bsginc.com
(PostalUnion/SMTP(tm) v2.1.9c for Windows NT(tm))
id AA-1996Sep20.134600.1787.19161; Fri, 20 Sep 1996 13:46:02 -0500
Received: (from sync@localhost) by pebble.Sagesoln.com (8.6.10/8.6.9) id
JAA13740 for forte-users-outgoing; Fri, 20 Sep 1996 09:40:31 -0700
Received: (from uucp@localhost) by pebble.Sagesoln.com (8.6.10/8.6.9) id
JAA13734 for <[email protected]>; Fri, 20 Sep 1996 09:40:29 -0700
Received: from lin01.global.co.za(196.3.164.2) by pebble.sagesoln.com via smap
(V1.3)
id sma013732; Fri Sep 20 09:40:12 1996
Received: from anx_99.global.co.za (anx_99.global.co.za [196.3.168.109]) by
lin01.global.co.za (8.7.3/8.7.3) with SMTP id SAA14527; Fri, 20 Sep 1996
18:38:14 -0200 (GMT)
Received: by anx_99.global.co.za with Microsoft Mail
id <01BBA723.B4E4AD40@anx_99.global.co.za>; Fri, 20 Sep 1996 18:44:08 +-200
Message-ID: <01BBA723.B4E4AD40@anx_99.global.co.za>
From: Anton van Niekerk <[email protected]>
To: "'Dexel - Durban'" <[email protected]>
Cc: "'Forte user group'" <[email protected]>
Subject: RE: 4 Forte questions, sitting in a row
Date: Fri, 20 Sep 1996 18:39:50 +-200
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
Sender: [email protected]
Precedence: bulk
Reply-To: [email protected]

-Your IP number is not blacklisted in the majr blacklist (doesn't mean this is true for all, but you should be OK=
-Your mail server is not an open relay, but is also not particularly well configured (nothing you can do about other than change provider).
This means, that it is close to impossible to tell you where the problem is from distance. I have never heard of your ISP so I cannot express any opinion.
If things are like you explained in points 1 and 2 of your post, chances are your ISPs mailserver has a very aggressive spamfilter generating false positives or has some other major configuration issue.
Do you have to authenticate to send mail?
Can you please reply to the testmail I sent you, so I can check it from my side.
Alex
P.S. Point 4 of your original post is part of life in the internet. Nothing you can do about. That's what spam filters are for.
P.P.S. All of this has nothing to do with Mac OS X Server so you are actually in the wrong place. Doesn't matter now as you'll have to have your provider sort this out anyway.

Bringing rollover images to the front

Just wondering if it's possible to select the rollover image as 'bring to the front' on a question slide. At the moment the question and answer buttons show ontop of the rollover image preventing people from being able to see the image clearly. Any help would be much appreciated.Thanks!

I'm afraid the buttons and other default elements of a question slide are always on top. The best you can do is make them smaller or move them off to the side so that they are not ove the top of the image.

Bounding box around rollover images

Can anyone tell me how to remove a visible bounding box on
rollover images. The bounding box does not appear until you click
on the rollover image. This does not show up in Safari but does
show in IE and Firefox. Any help is appreciated.

> I have
> one other question, do you know why some browsers are
set for seeing this
> bounding box and others (like Safari) are not?
No, I have no idea. But I realize, I may have given you a bum
steer. What
I was describing was the a:focus functionality which happens
BEFORE you
click. What you are asking about is something that you see
AFTER clicking,
right? In that case, try the CSS rule -
a img { outline:none; }
and see if that works.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"webimom" <[email protected]> wrote in
message
news:gav2ut$qie$[email protected]..
> Murray, Thanks for the code and for the information, I
had no idea it
> could be
> useful. It just looked odd on my rollover buttons. I am
a newbie at all
> this,
> barely knowing HTML (planning on taking a class) but
loving Dreamweaver. I
> have
> one other question, do you know why some browsers are
set for seeing this
> bounding box and others (like Safari) are not?
>
> I really appreciate your help and going to take your
advice and leave it
> alone.
>

Controlling Rollover Image displayed based upon URL

Using CS5 and have a template set up with rollovers for navigation:
Does anyone knows how to change the rollover image to display the "mouseover" image when you're on that specific page?
Example: Pages 1 thru 6 have rollover navigation on the left side of a template (so same coding used thoughout the site). Standard image changes with mouseover for selecting the new page. What I would like is to have the "mouseover image" for page 4 displayed when you're actually on page 4 ... etc for other pages.
Can that be done using a template? I know I can do it if I create "non template based" pages.

I never use MouseOver behaviors for navigation. There is no reason to when CSS can perform the same effects with less code.
http://alt-web.com/DEMOS/CSS-Horiz-menu-3.shtml
Persistent Page Indicator "you are here" on Site Wide CSS Menus
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
(='.'=)
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Rollover images question + site deffinition tool

Similar Messages

Maybe you are looking for