2 Replies Latest reply on Sep 18, 2008 8:51 AM by Newsgroup_User

    Header to link to home page

    Level 7
      Hi all

      On this site http://www.visit-the-coqui.com/testing_6/final/index_eng.html
      the header image is specified as a background image using CSS

      #header_eng {
      background-color: white;
      background: url("purificar_final_head_logo.jpg") no-repeat;
      height: 140px;
      width:890px;
      }

      I want to be able to click on the header (preferably just on the text) so
      that it will take you back to the home page. Is that possible or would it
      have to the whole of the header image?

      What is the best practice for this sort of thing?

      --
      B
      http://www.visit-the-coqui.com
      If you are thinking of a vacation to Puerto Rico

      http://www.thegadgettraveler.com
      Travel gadget and other news here



        • 1. Re: Header to link to home page
          Level 7
          B wrote:
          > Hi all
          >
          > On this site http://www.visit-the-coqui.com/testing_6/final/index_eng.html
          > the header image is specified as a background image using CSS
          >
          > #header_eng {
          > background-color: white;
          > background: url("purificar_final_head_logo.jpg") no-repeat;
          > height: 140px;
          > width:890px;
          > }
          >
          > I want to be able to click on the header (preferably just on the text) so
          > that it will take you back to the home page. Is that possible or would it
          > have to the whole of the header image?
          >
          > What is the best practice for this sort of thing?
          >


          Put a link in your 'header_eng' <div> like below:

          <div id="header_eng">
          <a href=" http://www.visit-the-coqui.com/testing_6/final/index_eng.html"></a>
          </div>

          Then style it with some css:

          #header_eng a {
          width: 475px;
          height: 140px;
          display: block;
          border: 1px solid #000;
          }

          The border on the anchor is there as an indicator only. Remove it once
          you have the anchor in the correct position.
          • 2. Re: Header to link to home page
            Level 7
            Hi Osgood

            That's awesome - THANKS

            --
            B
            http://www.visit-the-coqui.com
            If you are thinking of a vacation to Puerto Rico

            http://www.thegadgettraveler.com
            Travel gadget and other news here


            "Osgood" <notavailable@thisaddress.com> wrote in message
            news:gats9b$avm$1@forums.macromedia.com...
            >B wrote:
            >> Hi all
            >>
            >> On this site
            >> http://www.visit-the-coqui.com/testing_6/final/index_eng.html the header
            >> image is specified as a background image using CSS
            >>
            >> #header_eng {
            >> background-color: white;
            >> background: url("purificar_final_head_logo.jpg") no-repeat;
            >> height: 140px;
            >> width:890px;
            >> }
            >>
            >> I want to be able to click on the header (preferably just on the text) so
            >> that it will take you back to the home page. Is that possible or would it
            >> have to the whole of the header image?
            >>
            >> What is the best practice for this sort of thing?
            >>
            >
            >
            > Put a link in your 'header_eng' <div> like below:
            >
            > <div id="header_eng">
            > <a
            > href=" http://www.visit-the-coqui.com/testing_6/final/index_eng.html"></a>
            > </div>
            >
            > Then style it with some css:
            >
            > #header_eng a {
            > width: 475px;
            > height: 140px;
            > display: block;
            > border: 1px solid #000;
            > }
            >
            > The border on the anchor is there as an indicator only. Remove it once you
            > have the anchor in the correct position.