PDA

View Full Version : Link problems! Please help me.. :)

adriana4892
07-24-2005, 07:27 PM
Whenever I create a link on my website, it turns like this: here (http://img283.imageshack.us/img283/3734/untitled5ek.png)

And on my stylesheet, it's not supposed to be like that. It's supposed to be pink.

Here is my stylesheet:

<style type="text/css">

A:link
{ text-decoration: none; color:#E548A5; }
A:visited
{ text-decoration: none; color:#E548A5; }
A:active
{ text-decoration: none; color:#585858; }
A:hover
{ text-decoration: none; color:#585858; cursor: ne-resize;}

h1 {font-family: trebuchet MS;
color: #C52D3C; }

p {font-family: trebuchet MS;
color: #000000; }

body
{ background: #transparent;
background-image: url(greybg.bmp);
background-repeat: repeat;
background-position: 100% 100%;
background-attachment: fixed;

font-family: trebuchet MS;
color: #000000 ;
letter-spacing: 0pt;
font-weight: normal;
font-size: 8pt;

scrollbar-face-color : #CBCBCB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #585858;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #585858;
scrollbar-track-color : #DCD9D9;
scrollbar-arrow-color : #FFFFFF; }


</style>


I don't know if it's because there is something wrong with my stylesheet. But, please help me! :) Help is very much appreciated!
Owlie42
07-24-2005, 08:43 PM
The only thing wrong with your style sheet that I can see is that you're missing the <!--- at the beginning. So it should look like:

<style type="text/css">
<!---
A:link
{ text-decoration: none; color:#E548A5; }
<MORE CSS>
-->
</style>
COBOLdinosaur
07-24-2005, 09:49 PM
Post the html from the part of the page wher eyou have the link please; or better still would be a link to the page.

<!-- ... --> should not make any difference and is not required unless you have visitors using ie3, Netscrap 3, of some other ancient browser.
adriana4892
07-24-2005, 09:57 PM
i don;t understand..
COBOLdinosaur
07-24-2005, 10:13 PM
There does not appear to be any error in the CSS, so the error must be in the page code. we need to see the page to find the error.
adriana4892
07-25-2005, 03:45 AM
There does not appear to be any error in the CSS, so the error must be in the page code. we need to see the page to find the error.
I tried changing the layout, but when i put a new link in, it does the same thing. Here's the code:

<HTML>
<HEAD>
<TITLE>Dirrty ::: Version 1.0</TITLE>
<META NAME="keywords" CONTENT="Christina Aguilera 24/7, graphics, tutorials, affiliates, photogallery, and much more!">
<META NAME="author" CONTENT="Adriana">
<LINK href="stylesheet.css" rel="stylesheet" type="text/css">
</HEAD>

<BODY>
<DIV id=headerlayer style="position:absolute; top:50; left:250;
width:530; height:151; z-index:1; padding:5px;
border: #000000 0px solid; background-color:#FFFFFF;
background-image:url(header.png);">
</DIV>

<DIV id=introlayer style="position:absolute; top:205; left:250;
width:120; height:140; z-index:2; padding:5px;
border: #000000 0px solid; background-color:#000000;
background-image:url(intro.png);"></DIV>

<p>

<MAP NAME='quicklinksmap'>
<AREA SHAPE='rect' COORDS='10,23,67,63' HREF='http://www.christinaaguilera.com/' ALT='Official Website'>
<AREA SHAPE='rect' COORDS='75,24,131,63' HREF='http://stores.musictoday.com/store/default.asp?band_id=465&sfid=2' ALT='Official Store'>
<AREA SHAPE='rect' COORDS='138,23,194,61' HREF='http://www.maccosmetics.com/mac_aid/vivaglam.tmpl?ngextredir=1&CATEGORY_ID=CATEGORY12099&AD_ID=6852' ALT='MAC Cosmetics Aids Fund'>
</MAP>

<img style="position:absolute; top:205px; left:375px;
width:200px; height:66px" border="0" src="quicklinks.png" USEMAP="#quicklinksmap">

<p>

<DIV id=votelayer style="position:absolute; top:275; left:375;
width:200; height:70; z-index:4; padding:5px;
border: #000000 0px solid; background-color:#000000;
background-image:url(vote.png);"><div style="position:absolute;
left:7px; top:18px; width:189px; height:48px;
background-color:transparent; overflow:auto;">

<a href=" http://www.roxcafe.org/always/in.php?site=1121830238 " target="_blank"><b>Always On Time:</a> VIP Top List!</b>

</DIV>

<p>

<MAP NAME='menumap'>
<AREA SHAPE='rect' COORDS='7,27,39,35' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='7,44,55,54' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='7,60,50,69' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='8,74,53,85' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='7,89,46,101' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='6,106,57,117' HREF='http://www.dirrty.unruly.net/'>
<AREA SHAPE='rect' COORDS='8,123,34,131' HREF='http://www.dirrty.unruly.net/'>
</MAP>

<img style="position:absolute; top:-70px; left:205px;
width:60px; height:140px" border="0" src="menu2.png" USEMAP="#menumap">

<p>

<DIV id=afflayer style="position:absolute; top:-70; left:270;
width:135; height:140; z-index:5; padding:5px;
border: #000000 0px solid; background-color:#000000;
background-image:url(topaff.png);"></DIV>



My website isn't published yet.
jhereg
07-25-2005, 06:54 AM
There is one problem with your stylesheet. You have it coded like it was inline in the html file. remove the first line (<style type="txt/css">) and the last line (</style>) and it should work. You don't have to declare this information because you are declaring it in your html file when setting the link to the stylesheet.css file.

It should look similar to:

A:link
{ text-decoration: none; color:#E548A5; }
A:visited
{ text-decoration: none; color:#E548A5; }
A:active
{ text-decoration: none; color:#585858; }
A:hover
{ text-decoration: none; color:#585858; cursor: ne-resize;}

h1 {font-family: trebuchet MS;
color: #C52D3C; }

p {font-family: trebuchet MS;
color: #000000; }

body
{ background: #transparent;
background-image: url(greybg.bmp);
background-repeat: repeat;
background-position: 100% 100%;
background-attachment: fixed;

font-family: trebuchet MS;
color: #000000 ;
letter-spacing: 0pt;
font-weight: normal;
font-size: 8pt;

scrollbar-face-color : #CBCBCB;
scrollbar-highlight-color : #FFFFFF;
scrollbar-3dlight-color : #585858;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #585858;
scrollbar-track-color : #DCD9D9;
scrollbar-arrow-color : #FFFFFF; }
COBOLdinosaur
07-25-2005, 12:52 PM
It look like maybe it is not finding the style sheet. When I put the CSS in the head it works fine. I don't have all the graphics they could also be causing it.

Try putting the CSS directly in the head. If that gives you the pink link, then it means either the server cannot find the stylesheet, or it may be because you have style tags in the file. You should not need them there, the link tell the browser and the server what the content is already.