CSS underline
- Started
- Last post
- 31 Responses
- RustyBadge
Can anyone help? Go to this site - www.unsung-hero.com - and click through from Scottish > Celtic - see the wee thumbnail images?? I want them NOT to have a blue 1 pixel "link" border - that weird blue border which turns purple after it's been visited....
I think this is a CSS issue - any ideas?
- stewart0
search google for javascript blur link or ask me to email you the js files.
- RustyBadge0
js files? Why do I need them? Is there not just some CSS command I can add to tell it to not have that border??
If not - can you email me the js files please? Many thanks...
- UndoUndo0
add this to your style
border:none;:)
- Timson0
border=0 ?
- stewart0
i thought you meant the (light blurred blue?) standard border appearing in explorer etc around your hyperlinks when you click the link, and when you hit the tab key it is tabbing through all the hyperlinks on your page, right?
you can kill that with a javascript, yes.
- UndoUndo0
/* CSS Document */
body {
width: 780px;
background-color: #ffffff;
margin: 20px;
font-family: verdana, sans-serif;
font-size: 9px;
color: #00334D;
}
/* this could hopefully be added at somepoint somewhere - background: url(images/header.gif) top no-repeat; */
h1 {
font-size: 18px;
color: #00334D;
}
p {
font-size: 12px;
color: #00334D;
}
td {
font-size: 12px;
color: #00334D;
border: none;
}
a {
text-decoration: none;
color: #00334D;
}
a:hover {
text-decoration: underline;
color: #00334D;
}
a:visited {
text-decoration: line-through;
color: #00334D;
}new css shett for ya. hope NT publishes it alright :)
- Timson0
stewart, you can kill that border by adding onfocus="blur();
to your href tag, no js required.
- RustyBadge0
Undo Undo - cheers for that - will that work though ? Isn't td tables? I don't have tables in this site...
- UndoUndo0
opps.sorry wrong sheet. just copy the td class to unsung_test.css!
- UndoUndo0
you have table data "td" tages and table row "tr" tags but not properly formed tables. I would get rid of them if poss.
you could restyle the "img" tag like so to get rid of the borders
img{
borders: none;
}
- stewart0
haha Timson.
you better put the javascript once in the head of the page instead of adding your code to every hyperlink.
- RustyBadge0
UndoUndo - I done that - it isn't working...
- RustyBadge0
Hmmm.. I don't have any tables in the site.
That doesn't work:
img{
borders: none;
}
- UndoUndo0
have you removed the td and tr tags?
- RustyBadge0
removed the tr and td tags from the style sheet? Yes...
- UndoUndo0
sorry typo
try
img{
border: none;
}
- Timson0
haha stewart, didn't know about the Ctrl+F key did you. also doesn't exclude people from viewing your page or goofing up in different environments.
:)
- UndoUndo0
I see tr and td in the source???
- RustyBadge0
there was only td there...no tr
- RustyBadge0
Sorted!
Cheers undoundo!