Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation "Home" hyperlink does not show.

    "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

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's there.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Yes. But I want to see it!

    effpeetee

  • #4
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I see it. Do you want a different colour?

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,005 Times in 978 Posts
    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:

    Code:
    <body id="page1">
    ––––
    <body id="page2">
    ––––
    (etc.)
    Code:
    #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:

    Code:
    <body id="page3" class="gallery">
    ––––
    <body id="page4" class="gallery">
    Code:
    body {background-color: black;}
    #page3 h1 {color: red;}
    #page4 h1 {color: green;}
    .gallery {background-color: white;}
    .gallery h1 {font-size: 3em;}

  • #6
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    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:

    Code:
    /* 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:

    Code:
    <h3 style="text-align: center;">
    Or better yet, just make a style for h3 in your CSS.
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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

  • #8
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by effpeetee View Post
    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.

    Here's a nice CSS Cheat Sheet that may be helpful with your transition to using style sheets (ignore their use of capitalized selectors though).

    Cheers,
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by kewlceo View Post
    You're doing great.

    Here's a nice CSS Cheat Sheet 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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •