Jump to content

Links and image borders


mattachoo

Recommended Posts

This is pissing me off so much.  I have a client who wants an image of the week.  No problem with that, but the border in IE doesn't come out right.  It is that stupid blue border.  Mozilla works fine. 

This is what I have so far:
[code]/* CSS Document */
body {
background-color: #000000;
}
.style2 {
font-size: 10px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a {
font-size: 10px;
color: #FF0000;
}
a:link {
text-decoration: none;
color: #FF0000;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}

/*a.band:link img{border-color: #FF0000; border-width:2px ; border: solid;}
a.band:visited img{border-color: #990000; border-width:2px ; border: solid;}
a.band:hover img{border-color: #FF0000; border-width:2px ; border: solid;}
a.band:active img{border-color: #FF0000; border-width:2px ; border: solid;}*/

a.band img{border-width:2px ;border-style: solid;}[/code]

The commented stuff was me trying to figure out how to make it work.  This is how it is now, and it works in Mozilla, but not Internet Explorer. 

Here is the code in the PHP file (the .... stuff isn't in the file, I wrote that to show that I'm not showing you the whole file):
[code]
.....THE CSS STYLESHEET......
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
.....other code.....

.....now php code....
<?
  $imageq = mysql_query('SELECT * FROM `image_of_week` WHERE `id` = 1 LIMIT 0, 1') or die(mysql_error());

$row = mysql_fetch_row($imageq);

echo'
  <a class="band" href="'.$row[1].'" target="_blank"><img src="resize.php?id='.$row[1].'"><br>
      <br>
  CLICK FOR FULL IMAGE </a>';
 
  ?>
[/code]


Don't worry too much about the php code, that all works.  The resize.php simply resize the images width and height.  I'm so stuck right now.  Please help, thank you.

Link to comment
Share on other sites

Tried both of those, and neither worked in IE.

**EDIT**

God, this is so stupid, but I got it to work.


Curent Code:
[code]/* CSS Document */
body {
background-color: #000000;
}
.style2 {
font-size: 10px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a {
font-size: 10px;
color: #FF0000;
}
a:link {
text-decoration: none;
color: #FF0000;
}
a:visited {
text-decoration: none;
color: #990000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}

a.rollover img{border:2px solid  #FF0000;}
a.rollover:visited img{border:2px solid  #990000;}
a.rollover:hover img{border:2px solid  #FF0000;}
[/code]


[code]<?
  $imageq = mysql_query('SELECT * FROM `image_of_week` WHERE `id` = 1 LIMIT 0, 1') or die(mysql_error());

$row = mysql_fetch_row($imageq);

echo'
  <a class="rollover" href="'.$row[1].'" target="_blank"><img src="resize.php?id='.$row[1].'" border="0" alt="Image of the Week" /><br>
      <br>
  CLICK FOR FULL IMAGE </a>';
 
  ?>[/code]

Stupid IE
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.