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 7 of 7
  1. #1
    Regular Coder
    Join Date
    Nov 2008
    Posts
    122
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Wierd Problem About My Links

    On my computer my links are nuerochrome like they should be. In IE they are Nuerochrome. but on this school computer, my links are in times new roman. Whats wrong and how do I fix it.

    Btw on my comp and the school comp im using firefox

    Also my footer is detached


    http://www.skodesigns.com

    Forgot to include it
    Last edited by Mccall101; 03-30-2009 at 02:20 PM.

  • #2
    New Coder
    Join Date
    Mar 2009
    Location
    Milton Keynes, England
    Posts
    54
    Thanks
    4
    Thanked 4 Times in 4 Posts
    The computer you are using at school doesn't have the neurochrome font. Therefore it can only render it in something it has got. This also means that the majority of visitors to your site will also be lacking the font.

    If you want your navigation to be in the neurochrome font, the easiest way (if not the only way?) is to make your navigation use images with the font.

    The link below lists most websafe fonts. You can also specify more than one font in your css. That way if the user doesn't have the first font you have specified it will attempt to render the next.

    http://www.wpdfd.com/issues/87/knowi...eb_safe_fonts/

    Also, you should validate your mark-up:
    http://validator.w3.org/check?uri=ht...Inline&group=0

  • #3
    Regular Coder
    Join Date
    Nov 2008
    Posts
    122
    Thanks
    5
    Thanked 0 Times in 0 Posts
    how do I fix my footer being detached?

  • #4
    Regular Coder
    Join Date
    Nov 2008
    Posts
    122
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Also when I change my font, my links shoot up in the air.

  • #5
    New Coder
    Join Date
    Mar 2009
    Location
    Milton Keynes, England
    Posts
    54
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Quote Originally Posted by Mccall101 View Post
    how do I fix my footer being detached?
    Do you mean the black strip not touching the bottom, leaving half your footer text over the background colour?

    Code:
    #footer{
        position: center;
        width: 1023px;
        height: 22px;
        background-image: url(http://www.skodesigns.com/images/SKODesigns2_07.png);
        background-repeat: repeat-y;
        color: white;
        }
    Adding a background-repeat: repeat-y; fixes that.

  • #6
    Regular Coder
    Join Date
    Nov 2008
    Posts
    122
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by nick1988 View Post
    Do you mean the black strip not touching the bottom, leaving half your footer text over the background colour?

    Code:
    #footer{
        position: center;
        width: 1023px;
        height: 22px;
        background-image: url(http://www.skodesigns.com/images/SKODesigns2_07.png);
        background-repeat: repeat-y;
        color: white;
        }
    Adding a background-repeat: repeat-y; fixes that.
    Well the black strip with the copyright info is detached from my content background image

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    Quote Originally Posted by Mccall101 View Post
    Well the black strip with the copyright info is detached from my content background image
    An UNcollapsing margin is causing that.

    It's being caused by the 10px top margin on your p. Edit this to see -
    Code:
     p {
    		margin: 0 10px;
    		text-align: left;
    		color: #fff;
    		text-indent: 10px;
        }
    You probably want to keep 10px top margin on your p tag in #content so, to fix it, you can either
    - put a top border on #footer like my example shows
    - use padding instead of top margin on your p tag in #footer
    or this-
    Code:
    #content {
        width: 1023px;
        height: 620px;
        background:url(images/SKODesigns2_05.png) no-repeat;
    	text-align: left;
    }
    
    #footer{
        width: 1023px;
        height: 22px;
    text-height: 22px;
    text-align: center;
        background: url(images/SKODesigns2_07.png) repeat-y;
        color:#fff;
        }
    
        #content p {
    		margin: 10px;
    		text-align: left;
    		color: #fff;
    		text-indent: 10px;
        }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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