How do you ... adjust link text underlines and image borders?
How do you get rid of the underline effect from my text links?
Use a bit of CSS coding.
|
a {text-decoration: none;}
|
This states that any reference within the A (link) area will not contain any extra decorations (which means underline). The above example will affect all of the text links on the page. If you want only a specific link to behave like this, just add the style to the single tag like so :
|
<a href="page.html" style="text-decoration:none;">
|
What about the border around linked images?
You can either enter the
border="0" to each of your
img tags or you can apply a bit of CSS for them as well.
There may be some cases when you have to get a bit tough on the coding, so here it is a bit more solidly stating any images within a link area :
|
a img {text-decoration: none; border: 0px;}
|
How do you ... adjust link text underlines and image borders?