User Tag List

Results 1 to 10 of 10
  1. #1
    Regular Member
    Join Date
    Jul 2005
    Location
    Kingston, ON
    Posts
    415
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Default hyper links on the banner don't work

    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. #2
    Administrator kwun's Avatar
    Join Date
    Apr 2002
    Location
    Santa Clara, California, United States
    Posts
    36,148
    Mentioned
    55 Post(s)
    Tagged
    2 Thread(s)

    Default

    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. #3
    Regular Member wilfredlgf's Avatar
    Join Date
    May 2003
    Location
    Malaysia
    Posts
    2,579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    I'd do it if only it wasn't for my distaste for hotspots, so Gollum's your man.

    Hotspotssssss, we hatesss them.
    Last edited by wilfredlgf; 08-13-2007 at 08:27 PM.

  4. #4
    Administrator kwun's Avatar
    Join Date
    Apr 2002
    Location
    Santa Clara, California, United States
    Posts
    36,148
    Mentioned
    55 Post(s)
    Tagged
    2 Thread(s)

    Default

    Quote Originally Posted by wilfredlgf View Post
    I'd do it if only it wasn't for my distaste for hotspots, so Gollum's your man.

    Hotspotssssss, we hatesss them.
    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. #5
    Regular Member wilfredlgf's Avatar
    Join Date
    May 2003
    Location
    Malaysia
    Posts
    2,579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    Are you fine with absolute positioning?

  6. #6
    Regular Member
    Join Date
    May 2003
    Location
    Surrey, UK
    Posts
    4,010
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    Default

    Quote Originally Posted by kwun View Post
    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..
    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.
    Last edited by Gollum; 08-17-2007 at 08:45 AM.

  7. #7
    Regular Member
    Join Date
    May 2003
    Location
    Surrey, UK
    Posts
    4,010
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    Default

    Alternatively, you can use an image map (ugh). This just defines clickable regions of the image. As Wilfred said:

    Hotspotssssss, we hatesss them.
    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.
    Last edited by Gollum; 08-17-2007 at 08:58 AM.

  8. #8
    Regular Member wilfredlgf's Avatar
    Join Date
    May 2003
    Location
    Malaysia
    Posts
    2,579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    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. #9
    Administrator kwun's Avatar
    Join Date
    Apr 2002
    Location
    Santa Clara, California, United States
    Posts
    36,148
    Mentioned
    55 Post(s)
    Tagged
    2 Thread(s)

    Default

    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. #10
    Regular Member wilfredlgf's Avatar
    Join Date
    May 2003
    Location
    Malaysia
    Posts
    2,579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Default

    I did that while bored waiting for time to strike 5 in the office.

    My pleasure.

Similar Threads

  1. why is there a random banner?
    By samtruong200 in forum Forum Feedback
    Replies: 0
    : 07-31-2007, 10:28 PM
  2. Banner Design
    By GunBlade008 in forum Forum Feedback
    Replies: 81
    : 05-21-2007, 02:15 PM
  3. da BANNER;2 winners?
    By dex in forum Canada East
    Replies: 7
    : 06-10-2006, 11:57 PM
  4. BC Banner @ Singapore Open
    By kwun in forum Singapore Open 2004
    Replies: 16
    : 11-19-2004, 01:30 AM
  5. how to make a big banner?
    By kwun in forum Chit-Chat
    Replies: 13
    : 10-22-2004, 03:01 AM

Bookmarks

Posting Permissions

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