69 users online (0 members and 69 guests)  


  Results 1 to 4 of 4

Related

  1. Not working in IE    Forum: HTML Forum
    Replies: 2
  2. Replies: 4
  3. Why isn't this working?    Forum: HTML Forum
    Replies: 5
  4. It's 3:00 AM here and I'm working the .....    Forum: General Discussion
    Replies: 47
  5. Background not working    Forum: HTML Forum
    Replies: 2
  1. #1
    dave75's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    2

    Css not working on site

    Hi, just published my web page, and I used a free css template for it. My address hi-tekcomputers.com

    Below is the CSS style sheet.

    body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
    a { color:#fe5800;}
    a:hover { text-decoration:none;}
    .orange { color:#fe5800;}

    #header { background: url(images/header_bckg.gif) repeat-x ; height:120px; }
    #logo { width:780px; margin:0 auto; padding:50px 0 0 20px; }
    #logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
    #logo a:hover { }
    #menu {color:#fff; text-align:center; margin-top:22px;}
    #menu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
    #menu ul li{display:inline}
    #menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
    #menu ul a:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#232323;}
    #menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
    #menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}

    #main { width:100%; margin:20px 0 20px 0; float:left;}
    #head_image { height:150px; background:url(images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
    #slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
    #under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
    #content { margin:0 auto; padding:0; width:780px;}
    #content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal;}
    #text {float:left; width:530px; padding-left:20px;}
    #sidebar { background:url(images/sidebar_bckg.gif) repeat-x; margin:20px 0 0 560px; color:#6f6e6e; padding:20px; }
    #sidebar h2 {color:#fe5800; margin:0 0 15px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}

    #footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
    #left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
    #left_footer a { color:#FFFFFF;}
    #left_footer a:hover { text-decoration:none;}
    #right_footer { float:right; padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
    #right_footer a { color:#FFFFFF;}
    #right_footer a:hover { text-decoration:none;}

    Basically, my site now has no graphics and is all jumbled, can anyone help me out?
    thanks.

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: Css not working on site

    Hi there dave75,

    and a warm welcome to these forums.

    Your problem is here...
    Code:
    
    <link href=www.hi-tekcomputers.com/style.css" rel="stylesheet" type="text/css" />
    
    ...it should be...
    Code:
    
    <link href="http://www.hi-tekcomputers.com/style.css" rel="stylesheet" type="text/css" />
    

  3. #3
    dave75's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    2

    Re: Css not working on site

    Thanks Coothead, was just the problem. I appreciate the help, site is up and functional now! This is my first serious web page, I guess it has a bit of a learning curve.

  4. #4
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: Css not working on site

    No problem, you're very welcome.



Tags for this Thread