Announcement

**Alexquatermain** · Apr 12, 2009, 01:03 PM

I don't know if it helps but the website is at

http://mobi.cityforpeace.co.cc/home.html

**Excavator** · Apr 12, 2009, 02:18 PM

Hello Alexquatermain,
Try grouping the CSS for your links like this -

Code:

a:link, a:active{
	font: 9px Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
	text-align: center;
color: #fff;
}
a:visited {
	color:#408000;
	font-weight: normal;
 } 
a:hover {
	color:#408000;
	background-color: #99FF33;
 }

See how all the things that don't change are in the a:link group. That will cascade down to style the visited, hover and active states until you specify otherwise.
Does that make sense?

Tabbed menu example here - http://nopeople.com/CSS/menu%20tabs/index.html
and one more - http://nopeople.com/CSS/menu%20tabs-...ver/index.html

...

**Alexquatermain** · Apr 12, 2009, 06:40 PM

Haha, ok I see why they are called cascading now

However I still can't change the colour to white for the unvisited links...

Also how were you able to access my style sheet online, I wasn't able to, but thought it was because there was a space in the filename, which was going to be changed...

**Excavator** · Apr 13, 2009, 01:22 AM

Originally posted by Alexquatermain View Post

However I still can't change the colour to white for the unvisited links...

color:#fff; is what does it.

Also how were you able to access my style sheet online, I wasn't able to, but thought it was because there was a space in the filename, which was going to be changed...

I'm using FireFox with the firebug plugin to view/edit code live. The Web Developers Toolbar works well also.

**Alexquatermain** · Apr 13, 2009, 08:57 AM

Ah right, my bad, I tried to type it out rather than copy & pasting, because I remember better that way... But it seems I missed quite a bit...

I still couldn't change the colour, but using the code at http://www.weethet.nl/english/html_coloredlinks.php worked. Am I right in thinking that my problem was nothing to do with the CSS, but with the HTML as the above link suggests?

And one last question, if you would be so kind...

I understand that Dreamweaver inserts its own code at the start of a page.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Is it ok to remove any of this, because it's a mobile website I am designing I would like to remove any unnecessary code to minimise data charges..

Thankyou so much for your help so far, I was completely stuck, and you not only fixed my problem, but helped me understand what CSS is as well

**Excavator** · Apr 13, 2009, 11:57 AM

Good morning Alexquatermain,
In the code you have online right now you have

Code:

a:link, a:active{
	font: 9px Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	[COLOR="Red"]color: FFFFFF;[/COLOR]
}

That bit in red is wrong. Should look more like this - color: #FFFFFF;
The validator finds that too. Have a look at the links about validating in my sig below, as well as the tagline about how you can use the validators like a spellchecker.

That bit that you posted and are thinking of removing is the DocType declaration. There is a link about that in my sig also. Don't remove it, it's needed.

**Alexquatermain** · Apr 15, 2009, 08:49 AM

Thanks, my CSS validates now, which as well as being good practice (I had never come across this before) should help me get a better grade!

I need to work on my HTML coding, although the errors seem to be mostly that I have > instead of />. This is code Dreamweaver has inserted, does it not follow w3c standards? That's shocking if it's true.

My page displays correctly in Dreamweaver, and when I click preview in Firefox, but doesn't seem to display correctly when it's actually online. It's missing the white text, and it's not showing up as bold (although I am going to change this to Strong)

Any ideas there?

Announcement

CSS text problems

CSS text problems

Comment

Comment

Comment

Comment

Comment

Comment

Comment