Web Design Forums

BAZZYB123 · 29-11-2006, 13:14

ive searched for ages but its just for images borders, can anyone give me the code for css, to get rid of all link borders around text with a link

Cheers

d3mcfadden · 29-11-2006, 13:38

a, a img {
border: none;
outline: none;
}

if your talking about underlines

a {
text-decoration:none;
}

BAZZYB123 · 29-11-2006, 16:31

ive tried entering the image decoration code within the source to which the link is referenced in the CSS. but nothing is happening

Paul · 29-11-2006, 17:10

got a link for us to see whats happening?

d3mcfadden · 29-11-2006, 18:35

Quote:

Originally Posted by BAZZYB123

ive tried entering the image decoration code within the source to which the link is referenced in the CSS. but nothing is happening

then i am misunderstanding what you are asking or you are not putting it in the right place (likely as im pretty sure I know what your asking)

BAZZYB123 · 29-11-2006, 18:48

There's the html

<html>

<head>
<title>Mint clothing, Mint designs, Simply Mint!</title>
<link href="myCSS.css" rel="stylesheet" type="text/css">
</head>

<body>
<body bgcolor="#99CCFF">
<div id="header">
<img src="bar.gif">
</div>

<style type="text/css">

</style>

<div id="menu">
<a href="mycss.htm">Home</a> =
<a href="mycss2.htm">Menswear</a> =
<a href="mycss3.htm">Womenswear</a> =
<a href="mycss4.htm">Contact</a> =
<a href="mycss5.htm">Important Info</a> =
<a href="mycss6.htm">News</a>
</div>

</body>
</html>

BAZZYB123 · 29-11-2006, 18:49

and there's the stylesheet

p {
font-family: TrueType, "Lucida Sans Demibold Italic", Times, serif;
font-size: 25px;
color: #FF66FF;
position: absolute; top: 400px; left: 120px;
}

#t {
font-family: TrueType, "Lucida Sans Demibold Italic", Times, serif;
font-size: 25px;
color: #FF66FF;
position: absolute; top: 450px; left: 120px;
}

#x {

font-family: OpenType, "Raavi", Times, serif;
font-size: 20px;
color: #FFFFFF;
position: absolute; top: 300px; left: 90px;
}

#header {

position: absolute; top: 0px; left: 0px;
width: 80%;

}

#menu {

font-family: TrueType, "Loki Cola", Times, serif;
font-size: 25px;
color: #FFFFFF;
position: absolute; top: 155px; left: 0px;
width: 100%; height: 28px;
background-color: #339900; color: #FFFFFF"

}

#symbol {
position: absolute; top: 430px; left: 680px;
width: 80%;
}

a {
text-decoration:none;
}

d3mcfadden · 29-11-2006, 19:06

This:

Quote:

Originally Posted by BAZZYB123

is overriding this:

Quote:

a{
text-decoration: none;
}

delete this:

Quote:

Originally Posted by BAZZYB123

sorted.

BAZZYB123 · 30-11-2006, 04:40

cheers for that, it works!! but how will i keep this code incorporated within the design

<style type="text/css">

</style>

Cheers

Larixk · 30-11-2006, 04:44

put that in the external stylesheet too. and correct any duplicate values.

btw. I thought the correct order to define styles on links is link, visited, hover, active

emil · 30-11-2006, 04:50

You want those colours on your links?
Just put the styles in your CSS file

Code:

a:link {color: #FFFFFF; text-decoration: none; }
a:visited {color: #FFFFFF;}
a:hover {color: #FF66FF;}
a:active {color: #FFFFFF;}

BAZZYB123 · 30-11-2006, 07:00

awsome cheers for that, much appriciated, can always count on forums

stickmus · 30-11-2006, 07:56

Not very well though:
The count to one million thread

29-11-2006, 13:14	#1 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	links around text ive searched for ages but its just for images borders, can anyone give me the code for css, to get rid of all link borders around text with a link Cheers

29-11-2006, 13:38	#2 (permalink)
d3mcfadden Senior Member Join Date: Apr 2005 Location: - Posts: 694	a, a img { border: none; outline: none; } if your talking about underlines a { text-decoration:none; } Last edited by d3mcfadden : 29-11-2006 at 16:02.

30-11-2006, 04:50	#11 (permalink)
emil dt immigrant Join Date: Nov 2004 Location: Bucharest - Romania Posts: 6,769	You want those colours on your links? Just put the styles in your CSS file Code: a:link {color: #FFFFFF; text-decoration: none; } a:visited {color: #FFFFFF;} a:hover {color: #FF66FF;} a:active {color: #FFFFFF;} __________________ ABSTRACT Q X R

30-11-2006, 07:56	#13 (permalink)
stickmus hmmm... Join Date: Jan 2004 Location: Yorkuk Posts: 2,130	Not very well though: The count to one million thread __________________ George Smith - a vain attempt to get higher on google for my name

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

29-11-2006, 16:31	#3 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	ive tried entering the image decoration code within the source to which the link is referenced in the CSS. but nothing is happening

29-11-2006, 17:10	#4 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,716	got a link for us to see whats happening?

29-11-2006, 18:48	#6 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	There's the html <html> <head> <title>Mint clothing, Mint designs, Simply Mint!</title> <link href="myCSS.css" rel="stylesheet" type="text/css"> </head> <body> <body bgcolor="#99CCFF"> <div id="header"> <img src="bar.gif"> </div> <style type="text/css"> <!-- a:link {color: #FFFFFF; text-decoration: underline; } a:active {color: #FFFFFF; text-decoration: underline; } a:visited {color: #FFFFFF; text-decoration: underline; } a:hover {color: #FF66FF; text-decoration: none; } --> </style> <div id="menu"> <a href="mycss.htm">Home</a> = <a href="mycss2.htm">Menswear</a> = <a href="mycss3.htm">Womenswear</a> = <a href="mycss4.htm">Contact</a> = <a href="mycss5.htm">Important Info</a> = <a href="mycss6.htm">News</a> </div> </body> </html>

29-11-2006, 18:49	#7 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	and there's the stylesheet p { font-family: TrueType, "Lucida Sans Demibold Italic", Times, serif; font-size: 25px; color: #FF66FF; position: absolute; top: 400px; left: 120px; } #t { font-family: TrueType, "Lucida Sans Demibold Italic", Times, serif; font-size: 25px; color: #FF66FF; position: absolute; top: 450px; left: 120px; } #x { font-family: OpenType, "Raavi", Times, serif; font-size: 20px; color: #FFFFFF; position: absolute; top: 300px; left: 90px; } #header { position: absolute; top: 0px; left: 0px; width: 80%; } #menu { font-family: TrueType, "Loki Cola", Times, serif; font-size: 25px; color: #FFFFFF; position: absolute; top: 155px; left: 0px; width: 100%; height: 28px; background-color: #339900; color: #FFFFFF" } #symbol { position: absolute; top: 430px; left: 680px; width: 80%; } a { text-decoration:none; }

30-11-2006, 04:40	#9 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	cheers for that, it works!! but how will i keep this code incorporated within the design <style type="text/css"> <!-- a:link {color: #FFFFFF; text-decoration: underline; } a:active {color: #FFFFFF; text-decoration: underline; } a:visited {color: #FFFFFF; text-decoration: underline; } a:hover {color: #FF66FF; text-decoration: none; } --> </style> Cheers

30-11-2006, 04:44	#10 (permalink)
Larixk Senior Member Join Date: Sep 2006 Location: Utrecht, Netherlands Posts: 986	put that in the external stylesheet too. and correct any duplicate values. btw. I thought the correct order to define styles on links is link, visited, hover, active

30-11-2006, 07:00	#12 (permalink)
BAZZYB123 Registered User Join Date: Nov 2006 Posts: 50	awsome cheers for that, much appriciated, can always count on forums

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)