On Sun, 25 Feb 2007, Martha H. Bowes, CLTC wrote:
> Same website, new question. I have three logos that also serve as
> links below my left-hand menu. In Safari 2.0.4 they look normal. In
> IE 7.0.5370.11 they have blue borders, I guess to indicate they are a
> link. But those borders are ugly. Can I remove them and still keep
> the link functionality in IE?
Your guess is correct. Most browsers draw a 1px colored border around an
image that is a link. The color depends on the status; it is usually
blue for unvisited links. The border is meant to be a usability
enhancement, helping users to see what images are links. If you ask me,
they actually fit quite well into the appearance of the page in this case
(though they might be problematic for some other color schemes).
Technically, the border can be suppressed by setting border: 0 for the
image in CSS. Since you probably don't have any images for which you want
a CSS-generated or HTML-generated border, you could use simply
img { border: 0; }
> Also, can I easily code this sites content is centered in someone's
> browser window instead of flush left?
That's somewhat more complicated, though not very complicated, since the
content is now in a table (without any inner tables).
The simplest way (which might be frowned upon by CSS enthusiasts) is to
add the attribute align="center" into the <table ...> tag.
To do the corresponding thing in CSS, you could use
table { margin: 0 auto; }
but this won't work on IE 5. Neither does it work on IE 6 or IE 7, unless
you change the DOCTYPE declaration to contain a URL, since the one you
have now triggers "quirks" mode on IE. You might just as well update the
DOCTYPE to refer to 4.01 rather than 4.0:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
There are some approaches that let you center a table in CSS in a manner
that works both on IE 5 and on standards-conforming browsers, but I think
they are not relevant any more.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
