PDA

View Full Version : Link troubles..

aerith86
05-17-2003, 05:05 AM
Hi all.
I'm trying to change a couple links on my iframe so that they stay white all the time (it's around an image), but when I add the code
(<a href="about.html" style="color:ffffff"><img style="position:absolute; top:50px; left:0px;" src="b1.gif"></a>) all I get is those ugly blue and purple links. Can anyone help?
Greeno
05-17-2003, 12:49 PM
Thats easy. Put this code at the top of your page :


<style type="text/css">
<!--

A:link
{ text-decoration: value [underline, overline, underline overline, line-through, blink, none]; color:#000000 }
A:visited
{ text-decoration: value [underline, overline, underline overline, line-through, blink, none]; color:#000000 }
A:active
{ text-decoration: value [underline, overline, underline overline, line-through, blink, none]; color:#000000 }
A:hover
{ text-decoration: value [underline, overline, underline overline, line-through, blink, none]; color:#000000;

-->
</style>


You dont have to have the text decorations. Also, change the colors to FFFFFF if you still want them to be all white.
lefty
05-17-2003, 02:07 PM
Also, you have to take out the word "value" and replace it with one of the attributes, ie:

{ text-decoration:underline; color:#000000; }
aerith86
05-17-2003, 02:16 PM
I was actually only trying to change one link's colour. How do you do that?
aerith86
05-17-2003, 04:24 PM
Nevermind, I will just change the whole page's links. I put it in and it still didn't work, I'll post the code, since maybe there is something wrong with it.

Thanks for all your help :)

<html>
<head>
<title> In Your Eyes .:. A Sylver Fanlisting </title>

<style type="text/css">
<!--

A:link
{ text-decoration: none ; color:#ffffff }
A:visited
{ text-decoration: none ; color:#ffffff }
A:active
{ text-decoration: none ; color:#ffffff }
A:hover
{ text-decoration: none ; color:#ffffff; }

-->
</style>


</head>
<body background="sylver.gif">


</div>

<div id="floatframe">

<iframe width=430 height=300 src="home.html" align=center frameborder=0 hspace=10 vspace=10 scrolling="yes" name="home"> </iframe>

</div>

<style type="text/css">

#floatframe {position:absolute; left:308px; top:50px; frameborder=0 border=0

}

</style>




<a href="about.html"><img style="position:absolute; top:50px; left:0px;" src="b1.gif"></a>

<a href="rules.html"><img style="position:absolute; top:110px; left:0px;" src="b2.gif"></a>

<a href="join.html"><img style="position:absolute; top:170px; left:0px;" src="b3.gif"></a>

<a href="members.html"><img style="position:absolute; top:230px; left:0px;" src="b6.gif"></a>

<a href="codes.html"><img style="position:absolute; top:290px; left:0px;" src="b4.gif"></a>

<a href="links.html"><img style="position:absolute; top:350px; left:0px;" src="b5.gif"></a>





</body></html>
aerith86
05-17-2003, 06:50 PM
Me again...

I created a new stylesheet for the pages I was having trouble with the links.

It still does not work. All the links are set to be the colour white (my links are images, so I want them to blend in) and it's still the blue/purple link box around them. Anyone know how to fix this?
Lemon Squash
05-17-2003, 07:16 PM
Post your code?....
aerith86
05-17-2003, 07:36 PM
<html>
<head>
<title> In Your Eyes .:. A Sylver Fanlisting </title>

<LINK rel="stylesheet" type="text/css" href="iye2.css">


</head>
<body background="sylver.gif">


</div>

<div id="floatframe">

<iframe width=430 height=300 src="home.html" align=center frameborder=0 hspace=10 vspace=10 scrolling="yes" name="home"> </iframe>

</div>

<style type="text/css">

#floatframe {position:absolute; left:308px; top:50px; frameborder=0 border=0

}

</style>




<a href="mail.html" target="home"><img style="position:absolute; top:0px; left:0px;" src="b1.gif"></a>

<a href="rules.html" target="home"><img style="position:absolute; top:60px; left:0px;" src="b2.gif"></a>

<a href="join.html" target="home"><img style="position:absolute; top:120px; left:0px;" src="b3.gif"></a>

<a href="members.html" target="home"><img style="position:absolute; top:180px; left:0px;" src="b6.gif"></a>

<a href="codes.html" target="home"><img style="position:absolute; top:240px; left:0px;" src="b4.gif"></a>

<a href="links.html" target="home"><img style="position:absolute; top:300px; left:0px;" src="b5.gif"></a>




</body></html>
Cherchezlafemme
05-17-2003, 08:09 PM
Could you post the style sheet code?
aerith86
05-17-2003, 09:03 PM
<style type="text/css">
<!--A:link { text-decoration: none; color:"#ffffff" }
A:visited { text-decoration: none; color:"#ffffff" }
A:hover{text-decoration: none; color: "#ffffff";
cursor:crosshair}
--></style>
Cherchezlafemme
05-17-2003, 09:10 PM
<style type="text/css">
<!--

A:link
{ text-decoration: value [none]; color:#000000 }
A:visited
{ text-decoration: value [none]; color:#000000 }
A:active
{ text-decoration: value [none]; color:#000000 }
A:hover
{ text-decoration: value [none]; color:#000000;

change your color (in bold)

your style tag was just a bit messy!
lefty
05-17-2003, 09:31 PM
actually, aerith is correct in the text-decoration field; the word "value" shouldn't be in there.

Also if it's an external stylesheet, take out the <style> tags.
aerith86
05-17-2003, 10:06 PM
I think maybe i've been sitting here waaay too long. Now not even a whole new stylesheet will work for me. Internal OR external.

<html>
<head>
<title> In Your Eyes .:. A Sylver Fanlisting </title>

<style type="text/css">
<!--

A:link
{ text-decoration: none; color:#000000 }
A:visited
{ text-decoration: none; color:#000000 }
A:active
{ text-decoration: none; color:#000000 }
A:hover
{ text-decoration: none; color:#000000; cursor:crosshair}

-->
</style>


</head>
<center>
<br><br><br><br>

<a href="frames.html"><img src="ban.gif"></a><br><br>

800 x 600 .:. 32 bit colour .:. IE 6.0<br><br>

© Samminka 2003


I also tried it with the stylesheet externally, but it resulted with nothing again.

</body></html>
aerith86
05-17-2003, 10:59 PM
Okay I took a break, restarted, got some fresh air...

The stylesheet now works, except for the links again. The stubborn little things just refuse to change colour. Would the trouble have anything to do that the links are images?
angelivion
05-18-2003, 03:18 AM
<img border="0" src="file.jpg">

You think?
aerith86
05-18-2003, 06:36 AM
I've been trying to figure this out for over 12 hours and all I had to do was change the borders....even though I feel incredibly stupid right now, THANK YOU soooo soooo much for finally ending this.

And tons of thankyous to all the others who tried to help :)


I'm actually almost crying because of my beautiful borderless images...