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 3 of 3
  1. #1
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts

    clickable content

    Hi,

    I am trying to make a clickable area of content. The clickable area will contain a mixture of text and images and styled boxes. The clickable area is encaptulated with in the training area div. I have put an anchor tag at the begining and at the end.

    This works fine on Fire Fox but when i test with other browsers I am finiding that the cursor doesn't change as I hover the area. I can still click through but without the cursor changing appropriatly to a hand. No one would ever know they can click through.

    Heres the relevant code:

    Code:
    <a style="text-decoration:none;" href="/sales"><div id="training_area">
           
            	<div class="product_areabox">
                	
                    <img class="product_pic" src="images/train_it.jpg" />
                    <span style="padding:5px;">
                    <h6>IT Training</h6>
                    <p>
                    Training for your future? 
                    Then you need an innovative 
                    provider that deliver bespoke or
                    preset packages to meet your need. 
                    Whether you are looking for basic IT
                    training, internet, web design or 
                    creative workshops. Jamie's offers a 
                    wide array of products competitively
                    priced that will meet your requirements.
              		
                    </p>
                    </span>
                </div>
                
            </div>        
            </a>
    Cheers
    You can not say you know how to do something, until you can teach it to someone else.

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    This is basically because you can't place a div inside a link. Divs are block level whereas the a tag is inline, and you can't place block level tags within inline. Try changing the div to a span... or you can use javascript in the div, such as:

    onclick="window.location('/sales'); return false"

    God knows if that is right because I'm not javascript literate, but something along those lines should work. THis will help
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Thanks for that
    You can not say you know how to do something, until you can teach it to someone else.


  •  

    Posting Permissions

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