Thanks for visiting us!

Badminton Central is a free community for fans of badminton! If you find anything useful here please consider registering to see more content and get involved with our great community users, it takes less than 15 seconds! Everybody is welcome here.

Click here for a FREE account!

hyper links on the banner don't work

Discussion in 'Forum Feedback' started by Double_Player, Aug 13, 2007.

  1. Double_Player

    Double_Player Regular Member

    Joined:
    Jul 21, 2005
    Messages:
    415
    Likes Received:
    0
    Location:
    Kingston, ON
    hi kwun,

    the hyper links on the banner is not working (knowledge base, forum, news, reviews, gallery). I don't know if it supposed to be functional or not. but it only points back to the forum index.
     
  2. kwun

    kwun Administrator

    Joined:
    Apr 24, 2002
    Messages:
    39,285
    Likes Received:
    552
    Occupation:
    BC Janitor
    Location:
    Santa Clara, CA, USA
    no they are not supposed to work yet.

    if someone has some spare time and write me the html for it, i will really appreciate it. ;)
     
  3. wilfredlgf

    wilfredlgf Regular Member

    Joined:
    May 6, 2003
    Messages:
    2,583
    Likes Received:
    8
    Occupation:
    Security Engineer
    Location:
    Malaysia
    I'd do it if only it wasn't for my distaste for hotspots, so Gollum's your man.

    Hotspotssssss, we hatesss them.
     
    #3 wilfredlgf, Aug 13, 2007
    Last edited: Aug 13, 2007
  4. kwun

    kwun Administrator

    Joined:
    Apr 24, 2002
    Messages:
    39,285
    Likes Received:
    552
    Occupation:
    BC Janitor
    Location:
    Santa Clara, CA, USA
    you can also pretend the text aren't there and use real links. i will overlay it with a new banner without the text. the problem is aligning the text. that is the approach i wanted to go with but i need to read up more on placement and i haven't gotten round to that..
     
  5. wilfredlgf

    wilfredlgf Regular Member

    Joined:
    May 6, 2003
    Messages:
    2,583
    Likes Received:
    8
    Occupation:
    Security Engineer
    Location:
    Malaysia
    Are you fine with absolute positioning?
     
  6. Gollum

    Gollum Regular Member

    Joined:
    May 23, 2003
    Messages:
    4,384
    Likes Received:
    50
    Location:
    Surrey, UK
    It should be pretty simple. If you talk me through some of your code, I might be able to do it for you.

    Replace the image with a <div>, set the height and width in CSS, and apply the image as a background to the <div>

    Then make a list <ul> of links, and place it inside the <div>. Float the <ul> to the right. Remove the list bullets, change the list style to in-line so that the links are in a horizontal row, and fiddle with padding/margins as necessary.

    Actually, you'll probably need to split the image in two, if you want to keep the main BC link active.
     
    #6 Gollum, Aug 17, 2007
    Last edited: Aug 17, 2007
  7. Gollum

    Gollum Regular Member

    Joined:
    May 23, 2003
    Messages:
    4,384
    Likes Received:
    50
    Location:
    Surrey, UK
    Alternatively, you can use an image map (ugh). This just defines clickable regions of the image. As Wilfred said:

    Image maps are rather 1995, but I can help explain them if you like. I have used them at least once before (*shudder*). Check out the source code from this website I made: http://www.alliedhealthtraining.co.uk/ . I use an image map for the navigation bar.

    Here's the (simplified) navbar code:
    <img src="home.gif" usemap="#map1">
    You then need a <map> element with the name referred to above. I put mine just before the end of the <body>:
    <p>
    <map name="map1">

    <area href="index.html"
    alt="Home"
    shape="rect"
    coords="7,0,108,25">

    <area href="contact.html"
    alt="Contact details"
    shape="rect"
    coords="225,0,390,25">

    <area href="courses.html"
    alt="Courses"
    shape="rect"
    coords="109,0,224,25">

    </map>
    You can see how the <map> defines areas on the image, and associates them with links.
     
    #7 Gollum, Aug 17, 2007
    Last edited: Aug 17, 2007
  8. wilfredlgf

    wilfredlgf Regular Member

    Joined:
    May 6, 2003
    Messages:
    2,583
    Likes Received:
    8
    Occupation:
    Security Engineer
    Location:
    Malaysia
    I PMed kwun the code without hotspots, using lists that are positioned absolutely on the screen.

    It could be extended to sub-menus if you want.
     
  9. kwun

    kwun Administrator

    Joined:
    Apr 24, 2002
    Messages:
    39,285
    Likes Received:
    552
    Occupation:
    BC Janitor
    Location:
    Santa Clara, CA, USA
    thanks wilfred for the code. i will put it up this weekend. right now i am suffering from major sleep deprivation for staying up until 3-4am watching WC.
     
  10. wilfredlgf

    wilfredlgf Regular Member

    Joined:
    May 6, 2003
    Messages:
    2,583
    Likes Received:
    8
    Occupation:
    Security Engineer
    Location:
    Malaysia
    I did that while bored waiting for time to strike 5 in the office. :p

    My pleasure.
     

Share This Page