...

View Full Version : "Home" hyperlink does not show.



effpeetee
05-23-2007, 04:54 PM
"Home" - a hyperlink does not show on the top left of the page.
Although the place where it should be is active.

http://www.exitfegs.co.uk/hol1.html

I have just modified this page to use CSS so it is probably something that I have/have not done.

Any help or explanation will be welcome.
There is obviously something about CSS that I have not fully understood.

effpeetee

BonRouge
05-23-2007, 05:12 PM
It's there.

effpeetee
05-23-2007, 05:13 PM
Yes. But I want to see it!

effpeetee

BonRouge
05-23-2007, 05:15 PM
I see it. Do you want a different colour?

VIPStephan
05-23-2007, 05:22 PM
The link is showing up in bright blue color in my Firefox…
However, again, you have a nesting error and some semantical errors at the same time.

The home link isn’t a headline, is it? So why is it in a <h4> (apart from the fact that headline elements can’t be within anchors - it has to be vice versa). And your very first headline on a page has to be a <h1> for proper document outline. You can’t start with <h3>. That’s like starting to build a house at the first floor instead of the basement. :)
And scrap that <center> element. That’s deprecated. Use CSS to center text.

Also what is the clearing div for on this page for? There is nothing that this would be necessary for (at least by the time of writing). If you don’t have/want a visible border/background surrounding your images the clearing isn’t necessary.

You shouldn’t put HTML according to styles you may have set before, you should style the HTML after you put it. And if you have numerous pages with an <h1> and these headlines are supposed to look differently on different pages you can give each page its own ID or class and style them individually:



<body id="page1">
––––
<body id="page2">
––––
(etc.)



#page1 h1 {font-size: 4em;}
#page2 h1 {font-size: 2em;}
(etc.)


If some pages look equal you can give them the same class and apply styles through that class:



<body id="page3" class="gallery">
––––
<body id="page4" class="gallery">




body {background-color: black;}
#page3 h1 {color: red;}
#page4 h1 {color: green;}
.gallery {background-color: white;}
.gallery h1 {font-size: 3em;}

kewlceo
05-23-2007, 05:23 PM
Since your background is black, the default anchor link style (which has a standard color of blue) is hard to see. You can add some new defaults to your anchors as follows:



/* psuedo-classes in LoVe HAte order (Link, Visited, Hover, Active.) */
a:link,
a:vistited { color: white; }
a:hover,
a:active { color: red; }


As for the <center> tags in your HTML, you shouldn't be using that my friend. Instead, you could style your h3 opening tag like so:


<h3 style="text-align: center;">
Or better yet, just make a style for h3 in your CSS.

effpeetee
05-23-2007, 05:38 PM
Yes, I'm still struggling. The various <h> tags are just desperation on my part.
You know! "If in doubt, push every button in sight!"

I had forgotten that the hyperlinks have their own color settings.

Ah well - If at first you don't succeed..............................

Regards and thanks to all for the continuing help.
My 82 year old brain needs all the help it can get.

effpeetee

kewlceo
05-23-2007, 06:01 PM
Regards and thanks to all for the continuing help.
My 82 year old brain needs all the help it can get.

You're doing great. :thumbsup:

Here's a nice CSS Cheat Sheet (http://home.tampabay.rr.com/bmerkey/cheatsheet.htm) that may be helpful with your transition to using style sheets (ignore their use of capitalized selectors though).

Cheers,

effpeetee
05-23-2007, 07:14 PM
You're doing great. :thumbsup:

Here's a nice CSS Cheat Sheet (http://home.tampabay.rr.com/bmerkey/cheatsheet.htm) that may be helpful with your transition to using style sheets (ignore their use of capitalized selectors though).

Cheers,
That's brilliant.
Just what the doctor ordered.

effpeetee

http://www.exitfegs.co.uk/dadatpub.html

This is me. View at your own risk.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum