|
darrelmw -> Image hyperlink border--make it go away (8/21/2007 14:12:00)
|
I'm working in Microsoft Expression Web, but I think this is a IE7/CSS issue, as I've manually edited some of the html and css to try and solve this problem. In the current configuration, Firefox 2 and Opera 9 don't show the blue hyperlink border around the images. In IE7 (haven't even tried IE6 yet) they show....I've tried using the class attribute as well as div attribute, but haven't come up with the solution.
I don't have the page up (it's a total site redesign, and this page will be the basis for most of the site), but here is the html and css:
HTML:
<div id="photos">
<a href="javascript:void(0)"><img alt="Media Centers" longdesc="Pine Media Cabinet" src="images/mediathumb.jpg" width="130" height="175"/></a>
<a href="javascript:void(0)"><img alt="Kitchen" longdesc="Kitchen Vent Hood" src="images/domhood.jpg" width="131" height="175" /></a>
<a href="javascript:void(0)"><img alt="Mantle" longdesc="Oak and stone mantle" src="images/Mantlethumb.jpg" width="105" height="175"/></a>
<a href="javascript:void(0)"><img alt="Furniture" longdesc="Curio Cabinet" src="images/curiothumb.jpg" width="90" height="175"/></a>
<a href="javascript:void(0)"><img alt="Bookcase" longdesc="Painted Bookcase" src="images/gailupper1.jpg" width="85" height="175"/></a>
<a href="javascript:void(0)"><img alt="Outdoor " longdesc="Wood Arbor Surrounding Garage Door" src="images/garagearbor2.jpg" width="127" height="175"/></a>
<a href="javascript:void(0)"><img alt="Architectural Paneling" longdesc="Kirei Board Logo Wall" src="images/logo-wall-3rd.jpg" width="115" height="175"/></a>
<a href="javascript:void(0)"><img alt="Commercial " longdesc="Scandia Down retail store fixtures" src="images/scandia2.jpg" width="131" height="175"/></a>
<a href="javascript:void(0)"><img alt="Unique Cabinetry" longdesc="Liquor Cabinet disguised as secretary desk" src="images/unique.jpg" width="76" height="175"/></a>
</div>
CSS:
#photos {
border-style: none;
clip: rect(2px, auto, auto, 2px);
text-align: center;
background-color: #000000;
}
#photos a {
border-style: none;
color: #000000;
}
|
|
|
|
