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:
    41,044
    Likes Received:
    2,066
    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:
    11
    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:
    41,044
    Likes Received:
    2,066
    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:
    11
    Occupation:
    Security Engineer
    Location:
    Malaysia
    Are you fine with absolute positioning?
     
  6. Gollum

    Gollum Regular Member

    Joined:
    May 23, 2003
    Messages:
    4,642
    Likes Received:
    298
    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,642
    Likes Received:
    298
    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:
    11
    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:
    41,044
    Likes Received:
    2,066
    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:
    11
    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