new to css and SO confused! [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : new to css and SO confused!

KriscoQT

02-18-2004, 01:38 AM

Hey, I'm brand new at CSS. I got a lot of stuff up so far, but there are three things I'm confused about:
1) I can't get my link hover to work. It always turns a pukey green :(
2) my text won't show up in the right color from the CSS link, I have to put a new code in after that.
3) I have the CSS linked with all the info about the background color, font color, etc., but I have to put in the div layer stuff on every page.

Ohh man, I am so confused. If you check out my site, most of the pages have the CSS code directly on them because that was before I knew how to link it. Try the "stuff" page for the CSS link.

Thank you so much to anyone who can help. And tell me any other errors in there, I know there are tons!
http://losinggrip.envy.nu

salomeyasobko

02-18-2004, 01:42 AM

for the link thing, you have

</style>
later in your code. 349901 is the green color. just change that to pink or whatever color you wanted it to be :D

KriscoQT

02-18-2004, 02:03 AM

where do you see that? I went through my code and I didnt see it anywhere. :(

Dude128

02-18-2004, 03:52 AM

it's in your second style sheet- you have the first one, then there's a banner code from your hose, then that one. since it comes after the code inserted by your host, it almost seems as though it may have been added by them as well...

pb&j

02-18-2004, 03:56 AM

going to your site and doing a VIEW SOURCE, it looks like your host puts in a bit of advertising coding that may be the problem, but it shouldnt be.

try copying this and uploading it as a new page...

<html>
<head>
<title>losing grip</title>
<style type="text/css">
.link {font:12px verdana; text-decoration:none; font-weight:bold; color:BLUE; }
A:link
{text-decoration:underline;color:#FF0099;}
A:visited
{text-decoration:none;color:#FF0099;}
A:active
{text-decoration:blink;color:#000000;}
A:hover
{text-decoration:none;color:#FF0099;cursor:crosshair;}
body
{ background: #000000;
font-family:keyboard font;
color: #FF0099 ;
font-weight:bold;
font-size:x-small;
scrollbar-face-color : #FF0099;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
padding: 0px;
margin: 0px;
}

#header {
margin: 20px;
padding: 10px;
height: 150px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>

<body>

<div id="header">
<div align="right"><font size=5>losing grip</font></div>
</div>

<div id="left">
+ <a href="http://losinggrip.envy.nu/blog/index.html">blog</a><br>
+ <a href="/stuff.html">stuff</a><br>
+ <a href="http://losinggrip.envy.nu/me.html">me</a><br>
+ <a href="http://losinggrip.envy.nu/index.html">home</a><p>
</div>

<div id="center"><p>
kristi. 17. vegetarian.<br>
orphan. pessimist. dancer<br>
taurus. strawberry blond hair. <br>
green eyes. depression. SI. <br>
hypersomniac. black nail polish. <br>
lipgloss. writes about everything. <br>
<a href="http://www.imood.com/users/losing_grip"><img src="http://moods.imood.com/display/uname=losing_grip/fg=FF0099/trans=1/imood.gif" alt="The current mood of losing_grip at www.imood.com" border="0"></a><p>
<a href="http://www.tessenx.com/cravingclique.html" target="_blank"><img src="/img/iamcraving.gif" border="0"></a>
<img src="/img/mochafrap.gif" border="0"> frappucino & <img src="/img/oreo.gif"> oreos.</a>

<p>
<img src="http://www.teen-moods.net/images/buttons/button-ablue-2.gif" border="1" alt="Teen Moods: The Depression Support Community"> <p>


<a href=http://okcounter.com/en_status.html?id=450887>
<img src=http://okcounter.com/count.html?id=450887 border=0></a>


</div>

</body>
</html>

KriscoQT

02-19-2004, 11:56 PM

I copy and pasted that exactly, but still got they pukey green color. the page is http://losinggrip.envy.nu/test.html i may just have to deal with the green, if it's my host doing it. I'll email them and see what I can do.

I have another problem, though. I can't make my font bold. I use the standard < b > code, but it doesn't work. < u > works, though. I don't understand what I'm doing wrong. I even tried doing a whole font code before it, but it won't work. The pages I tried this on are http://losinggrip.envy.nu/blog/page1.html
thanks :)

kittycat

02-20-2004, 12:07 AM

Maybe it is just something the host is adding in then... you could try this:

In your style sheet place

a.all:hover { color: #colour } (replace colour with what you want and any other attributes.)

Then just after the <body> tag put
<div class="all">

And on that page (well the correct one anyway) I didn't notice any bold tags at all...

Rosey

02-20-2004, 12:42 AM

right after your regular style sheet you have this:

<style type="text/css">

</style>

if you put that there, take it out.

That would be weird if your host were to add something like that.

KriscoQT

02-22-2004, 10:42 PM

yeah thats my host. i didnt add that. kitty cat, will that cancel the hosts code?

kittycat

02-23-2004, 12:54 AM

I just tested it now, and with the minor adjustment below it should work :)

.all a:hover { color: #colour }
And then same instructions as above.