|
| |
|
|
darrelmw
Posts: 2
Joined: 5/30/2007
Status: offline
 |
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;
}
|
|
|
|
darrelmw
Posts: 2
Joined: 5/30/2007
Status: offline
|
RE: Image hyperlink border--make it go away - 8/21/2007 14:44:36
Awesome----thanks. Tried other sources and couldn't get a handle on it.
| |
|
|
|
cgpete83
Posts: 5
Joined: 12/10/2007
Status: offline
|
RE: Image hyperlink border--make it go away - 12/10/2007 16:42:52
Tailslide,
I am having the same problem as darrelmw.
Where do I put the tag that you provided? In my main .css file? Or inline in the page? And then how/where do I reference it?
I'm totally new at this, so if my question is confusing it is probably me. Any help would be GREATLY appreciated!! I have been trying to get this right on multiple pages in my site for a week!!
thanks in advanc.
Chris
| |
|
|
|
cgpete83
Posts: 5
Joined: 12/10/2007
Status: offline
|
RE: Image hyperlink border--make it go away - 12/10/2007 17:02:09
sorry for the confusion... i feel totally retarded, but i got it figured out.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
