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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Clickable header

    Hi,

    I just started with making a new site for the first time.
    Now I want to make the header a clickable link to the homepage.
    I have looked on the internet, but I still haven't been able to get the header clickable.
    I only can get by the .css file, and I change this using just notepad.
    Now is my question, is it possible (with only access to the .css file) to make the header clickable.

    Here is the code in the .css file:
    [CODE]
    #ads_balk{position:relative;width:100%;height:20px}
    #ads_header{position:relative;padding:15px 0 15px 0;width:789px}
    #ads_footer{position:absolute;bottom:10px;text-align:center;width:99%}
    #ads_left{position:absolute;top:200px;left:30px;width:120px}
    #ads_right{position:absolute;top:200px;right:30px;width:120px}
    #ads_content{width:120px;padding:0px 15px 15px 11px}
    a img{border:0}
    body{font-family:Trebuchet Ms,arial;background-color:white}
    .container{position:absolute;left:50%;margin-left:-390px;width:780px;text-align:left;overflow:auto}
    .header{background-color:white;font-size:50px;color:transparent;height:72px;padding-top:28px;text-align:center;border:5px solid blue}
    .menu{margin-top:10px;background-color:blue;font-size:13px;color:white;width:150px;text-align:center;border:1px solid blue;float:left}
    .menu a{color:white;text-decoration:none}
    .menu a:hover{color:#999999;text-decoration:underline}
    ul{margin:0;padding:0;list-style:none}
    .content{margin-top:10px;background-color:white;font-size:13px;color:black;border:5px solid blue;padding:10px;padding-top:0px;margin-left:160px}
    .content a{color:black;text-decoration:none}
    .content a:hover{color:black;text-decoration:underline}
    body{font-family:MS Sans Serif;font-size:20;color:black;background-position:center right;background-repeat:default}
    a{color:#0000CC;font-style:underline}
    #container{border:1px solid}
    #header{background-image: url('/user_files/2012_02/363316/header1.png');background-repeat:no-repeat;background-position:center center}
    input.submit{border:1px solid}
    #thumb_area{}
    #thumb_area_lst{}
    span.poll_question{}
    a.poll_answer{}
    span.poll_result{}
    td.form_field{}
    [CODE]

    The corresponding website is www.vivooreunited.tk

    Kind regards,
    Robbert

  • #2
    Regular Coder dan-dan's Avatar
    Join Date
    Aug 2009
    Location
    England
    Posts
    483
    Thanks
    22
    Thanked 79 Times in 78 Posts
    Why do you only have access to the .CSS file?

    CSS is only for styling purpose. To make your header a link you need to wrap it in anchor tag ie <a href="homepage.html" title="Home"><div id="banner"></div></a>

    or
    <div id="banner"><a href="homepage.html" title="Home"></a></div> then set the href to full width and height in your CSS.


  •  

    Posting Permissions

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