Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1
    Junior Member
    Join Date
    Sep 2010
    Posts
    8
    Member #
    23954
    Hello! I have designed a home page with .xhtml and an external linked style sheet. For some reason, unknown to me, the styles I have indicated for the headers (h1, h2, h3) in my .css stylesheet aren't showing correctly. The .xhtml and .css pass validation. Any guidance would be GREATLY appreciated!

    The link is:
    http://www.dgstanleygraphics.com/syn...l/indexd.xhtml

  2.  

  3. #2
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    I don't see what the problem is. You have told the header tags to be black, be a certain em value and have some padding and they seem to be doing all of those things properly.
    Check out some of my work: http://www.jr-webdesigns.com

  4. #3
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    I did just notice that your h2 and h3 colors could be wrong. Your h2 has color: #D00000; and h3 has color: ##000000;. I'm assuming you want all the headers to be black, so they should be color: #000000;. I doubt that would actually effect anything though. The default font color is black anyway.
    Check out some of my work: http://www.jr-webdesigns.com

  5. #4
    Junior Member
    Join Date
    Sep 2010
    Posts
    8
    Member #
    23954
    Quote Originally Posted by Jeffrey Rank, post: 200757
    I did just notice that your h2 and h3 colors could be wrong. Your h2 has color: #D00000; and h3 has color: ##000000;. I'm assuming you want all the headers to be black, so they should be color: #000000;. I doubt that would actually effect anything though. The default font color is black anyway.
    That's the strange thing. I took a second look after reading your post and the .css that I uploaded is:
    @charset "UTF-8";

    /*
    * Main Structure, wrap the whole layout in a div to keep it narrow and centered
    */

    #wrapper {
    position: relative;
    width: 900px;
    margin: 0 auto;
    text-align: left;
    z-index: 10;
    }

    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4;
    background-image: url("images/bkgbrfrx.jpg");
    background-repeat:repeat-x;
    text-align: center;
    display: block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    background-position: center top;
    width:100%;
    }

    #nav {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none inside;
    }

    /* Navigation, a styled list */

    #nav {
    list-style-type: none;
    margin-left: -10px;
    margin-right: 2px;
    width: 900px;
    padding: 10px;
    overflow: auto;
    }

    #nav li {
    float: left;
    }

    a:link,a:visited #nav li:first-child {
    border: none;
    padding-left: 0px;
    }

    #nav li a {
    display: block;
    width: auto;
    padding: 7px;
    border: 7px #d00000;
    margin: 0 auto;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    }

    #logo {
    background: none;
    text-align: left;
    border: 0px solid;
    }

    h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 2em;
    padding-top: 20px;
    padding-bottom: 1px;
    color:#D00000;
    }

    h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.2;
    text-align: center;
    color: #000000;
    }

    h3 {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    line-height: 1.2;
    text-align: center;
    color: ##D00000;
    }

    p {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2;
    }

    #foot {
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none inside;
    }

    /* Foot, a styled list */

    #foot {
    list-style-type: none;
    margin-left: -10px;
    margin-right: 2px;
    width: 900px;
    padding: 10px;
    overflow: auto;
    }

    #foot li {
    float:left;
    width:800px;
    margin:0;
    padding:1em;}

    a:link,a:visited #nav li:first-child {
    border: none;
    padding-left: 0px;
    }

    #foot li a {
    display: block;
    width: 100%;
    padding: 7px;
    border: 7px #ffffff;
    margin: 0 auto;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    }
    The .css that pulls up on the web is totally different. I have cleared any other style sheets off of the server in that folder. Strange???

  6. #5
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    Yeah, I don't think this is the CSS that I saw. I'm not exactly sure what to suggest because I don't see an issue with the h tags in general. I do find it odd that my IE 8 browser thinks that it's not good enough to view the website and tells me that it's a firefox document and tries to open it like a downloaded image. Haha. Crazy IE. Good thing I use firefox mainly.
    Check out some of my work: http://www.jr-webdesigns.com

  7. #6
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    It's not IE as such. It's the page extension. Change it to .html and that will get solved.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  8. #7
    Junior Member
    Join Date
    Sep 2010
    Posts
    8
    Member #
    23954
    Quote Originally Posted by Jeffrey Rank, post: 200762
    Yeah, I don't think this is the CSS that I saw. I'm not exactly sure what to suggest because I don't see an issue with the h tags in general. I do find it odd that my IE 8 browser thinks that it's not good enough to view the website and tells me that it's a firefox document and tries to open it like a downloaded image. Haha. Crazy IE. Good thing I use firefox mainly.
    This is just too weird! I have written the code on my MacBook in text edit in pain text format and uploaded it thru Fetch. I have checked it in Chrome, Safari and Firefox. They all pull it up the same except it is a little larger and flows differently in Safari, which I have no explanation for either! Is this where I am suppose to pull my hair out?!? LOL

  9. #8
    Senior Member Ferro's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    386
    Member #
    14204
    Liked
    5 times
    On your h3 tag in your css I notice you have a double "#" in front of the color attribute. I'm not sure this has anything to do with your problem, but just thought I'd point it out. It could be ignoring that color attribute and inheriting.
    Not sure whether it will ignore the first "#" and execute normally or whether the "##" will wipe out that attribute...

  10. #9
    Junior Member
    Join Date
    Sep 2010
    Posts
    8
    Member #
    23954
    Quote Originally Posted by Ferro, post: 200769
    On your h3 tag in your css I notice you have a double "#" in front of the color attribute. I'm not sure this has anything to do with your problem, but just thought I'd point it out. It could be ignoring that color attribute and inheriting.
    Not sure whether it will ignore the first "#" and execute normally or whether the "##" will wipe out that attribute...
    I changed that as well... didn't make any difference. ???

  11. #10
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    Would you be able to describe how the h tags are supposed to show correctly? I am not understanding where the problem is here. Sorry.
    Check out some of my work: http://www.jr-webdesigns.com


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:58 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com