473,467 Members | 1,402 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

images used as links have ugly blue border around them in IE6

1 New Member
When my website is viewed in IE6 on a PC and IE 5.2 on a mac my images that I've used as links have an ugly blue border around them. When you click on them it changes to a purple border. I am trying to make the border white, the same as the background color. I also don't want it to change color when it is clicked.
my website is http://www.daniellerappaport.com
and here is the code
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Danielle Rappaport Photography</title>
  6. <style type="text/css">
  7. <!--
  8. a:link {
  9.     color: #FFFFFF;
  10.     text-decoration: none;
  11. }
  12. a:visited {
  13.     text-decoration: none;
  14.     color: #FFFFFF;
  15. }
  16. a:hover {
  17.     text-decoration: none;
  18.     color: #FFFFFF;
  19. }
  20. a:active {
  21.     text-decoration: none;
  22.     color: #FFFFFF;
  23. }
  24. -->
  25. </style></head>
  26.  
  27. <body>
  28. <table width="945" border="0" cellpadding="0" cellspacing="0">
  29.   <!--DWLayoutTable-->
  30.   <tr>
  31.     <td colspan="5" rowspan="3" valign="top"><img src="name.gif" width="200" height="72" /></td>
  32.  
  33.     <td width="9" height="17"></td>
  34.     <td width="66"></td>
  35.     <td width="37"></td>
  36.     <td width="71"></td>
  37.     <td width="35"></td>
  38.     <td width="103"></td>
  39.     <td width="36"></td>
  40.     <td width="56"></td>
  41.     <td width="32"></td>
  42.  
  43.     <td width="101"></td>
  44.     <td width="36"></td>
  45.     <td width="50"></td>
  46.     <td width="31"></td>
  47.     <td width="31"></td>
  48.     <td width="41"></td>
  49.     <td width="20"></td>
  50.   </tr>
  51.   <tr>
  52.  
  53.     <td height="32" colspan="16" valign="top"><img src="line.gif" width="755" height="32" /></td>
  54.   </tr>
  55.   <tr>
  56.     <td height="27">&nbsp;</td>
  57.     <td valign="top"><a href="moments1.htm"><img src="moments.gif" width="62" height="16" /></a></td>
  58.     <td>&nbsp;</td>
  59.     <td valign="top"><a href="portraits1.htm"><img src="portraits.gif" width="67" height="18" /></a></td>
  60.     <td>&nbsp;</td>
  61.     <td valign="top"><a href="mont1.htm"><img src="montagnards.gif" width="99" height="20" /></a></td>
  62.  
  63.     <td>&nbsp;</td>
  64.     <td valign="top"><a href="holly1.htm"><img src="holly.gif" width="52" height="18" /></a></td>
  65.     <td>&nbsp;</td>
  66.     <td valign="top"><a href="orangeridge1.htm"><img src="orangeridge.gif" width="97" height="23" /></a></td>
  67.     <td>&nbsp;</td>
  68.     <td valign="top"><a href="about.htm"><img src="about.gif" width="46" height="21" /></a></td>
  69.     <td>&nbsp;</td>
  70.     <td colspan="2" valign="top"><a href="contact.htm"><img src="contact.gif" width="68" height="22" /></a></td>
  71.     <td>&nbsp;</td>
  72.  
  73.   </tr>
  74.  
  75.  
  76.   <tr>
  77.     <td width="137" height="11"></td>
  78.     <td width="25"></td>
  79.     <td width="3"></td>
  80.     <td width="30"></td>
  81.     <td width="5"></td>
  82.     <td></td>
  83.     <td></td>
  84.  
  85.     <td></td>
  86.     <td></td>
  87.     <td></td>
  88.     <td></td>
  89.     <td></td>
  90.     <td></td>
  91.     <td></td>
  92.     <td></td>
  93.     <td></td>
  94.  
  95.     <td></td>
  96.     <td></td>
  97.     <td></td>
  98.     <td></td>
  99.     <td></td>
  100.   </tr>
  101.   <tr>
  102.     <td height="485">&nbsp;</td>
  103.     <td>&nbsp;</td>
  104.  
  105.     <td>&nbsp;</td>
  106.     <td>&nbsp;</td>
  107.     <td>&nbsp;</td>
  108.     <td colspan="14" rowspan="3" valign="top"><img src="singles/fema.jpg" width="756" height="501" /></td>
  109.   <td>&nbsp;</td>
  110.     <td></td>
  111.   </tr>
  112.   <tr>
  113.     <td height="18">&nbsp;</td>
  114.  
  115.     <td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
  116.     <td>&nbsp;</td>
  117.     <td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
  118.     <td>&nbsp;</td>
  119.     <td></td>
  120.     <td></td>
  121.   </tr>
  122.   <tr>
  123.     <td height="8"></td>
  124.  
  125.     <td></td>
  126.     <td></td>
  127.     <td></td>
  128.     <td></td>
  129.     <td></td>
  130.     <td></td>
  131.   </tr>
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.   <tr>
  148.     <td height="19"></td>
  149.  
  150.     <td></td>
  151.     <td></td>
  152.     <td></td>
  153.     <td></td>
  154.     <td>&nbsp;</td>
  155.     <td></td>
  156.     <td></td>
  157.     <td></td>
  158.     <td></td>
  159.  
  160.     <td></td>
  161.     <td></td>
  162.     <td></td>
  163.     <td></td>
  164.     <td></td>
  165.     <td></td>
  166.     <td></td>
  167.     <td></td>
  168.     <td></td>
  169.  
  170.     <td></td>
  171.     <td></td>
  172.   </tr>
  173. </table>
  174. <script type="text/javascript">
  175. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  176. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  177. </script>
  178. <script type="text/javascript">
  179. var pageTracker = _gat._getTracker("UA-2661219-2");
  180. pageTracker._initData();
  181. pageTracker._trackPageview();
  182. </script>
  183. </body>
  184. </html>
  185.  
I saw on one forum where it suggested changing the hex color #s to lowercase so I tried that but still came up with same problem. I also tried adding the code
Expand|Select|Wrap|Line Numbers
  1. a:link img {
  2.     color: #FFFFFF;
  3.     text-decoration: none;
  4. }
  5. a:visited img {
  6.     text-decoration: none;
  7.     color: #FFFFFF;
  8. }
  9. a:hover img {
  10.     text-decoration: none;
  11.     color: #FFFFFF;
  12. }
  13. a:active img {
  14.     text-decoration: none;
  15.     color: #FFFFFF;
  16.  
and that did not work either. If anyone out there can help me solve this problem I would be forever grateful.
Thanks,
Danielle
Jul 7 '08 #1
1 5288
acoder
16,027 Recognized Expert Moderator MVP
Just remove the border, e.g.
Expand|Select|Wrap|Line Numbers
  1. a img {
  2.     border: 0px;
  3. }
Jul 8 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

7
by: lawrence | last post by:
In my style sheet I've set the links like this: a:link{ text-decoration:none; } I did that for the pseudo classes and I also did that for the image tag. Yet there are still link lines...
2
by: Michael Winter | last post by:
I have the familiar 'thumbnail' scenario. I want to place a small border around the image when the cursor hovers above it. I use a 1 pixel, solid border around the image that changes between normal...
7
by: Greg Raven | last post by:
I styled my links just the way I want them using CSS, but now my linked images have picked up these same styles. I've tried turning the styles off for the images with: a img { text-decoration:...
13
by: DM | last post by:
If I put three images next to each other (each within an anchor tag) they all line up horizontally as expected with no space between them. I.e., they're sitting flush up against each other. ...
15
by: Oliver | last post by:
Hello i want to get a nice border around images, but not just with the simple <img src"....." border="1"> tag. I tried it in CSS. I did the following: <div class="img_class"> <img...
2
by: Dr. Richard E. Hawkins | last post by:
I've googled around, and asked everyone I know, but I still can't find any reference to anyone else having faced this particular IE bug with floats. I've put a page at...
14
by: Eli | last post by:
I'm fairly unfamiliar with CSS, but want to develop a way to skin a web application by using stylesheets for everything, including all images. I have a set of images used as buttons - mostly for...
2
by: mikeoley | last post by:
Ok I have a Javascript slideshow working. Every image is linked to a another page in the site. Problem is...The link wont refresh to the next link once the second images rollovers in the slideshow....
5
matheussousuke
by: matheussousuke | last post by:
Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.