>> <a href=""> text link</a>
<a class="any_image_links" href=""><img></a>
a:hover {background: red; color: white;}
a.any_image_links:hover {background: transparent; color: green;}
>>I applied the class to the icon image and it resolved the problem.
>> Dreamweaver doesn't display it correctly in the design view
>> (shifting the icon from the left to the center of the page), but it
>> looks correct in several browsers.
> But then Dreamweaver isn't a web browser and it's design view should
> only be used to get a vague impression of how it might look in an
> actual browser.
>
> -- Ed Seedhouse
In fact I discovered this to be a style sheet problem that showed up on
the website as well. I compared the style sheet line by line with the
older version after applying class="my_image_links" until I found
something missing.
When I applied the class to the icon inside the div #topcontainer, DW
deleted the "text-align: left;" without my knowledge. I tried this
several times and it repeated it each time. I added the property
text-align back to the #topcontainer and saved it. After doing this the
icon was back to screen left on both the website and in DW design view.
#topcontainer {
width: 968px;
margin: 0px auto;
border: 0px;
text-align: left;
}
Matoca
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
