SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    May 2002
    Posts
    108
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    some ideas about how this was done

    this is probably a very remedial thing here for most of you, but i never learned it...lol

    if you look at this page here and notice the top bar...is that all done with css? is that all 1 image across? or is it multiple images?

    also on a side note, there are some sites that do the same thing with that upper bar, but seem like the tuck content up in the corner so it almost seems like the graphics is layered over the frame borders and is applied to both the top, left and bottom frame...

    can someone help me understand any of this?
    i want to be a nerd....

  2. #2
    Gone!
    Join Date
    Aug 2001
    Location
    Witty Location Parody
    Posts
    3,889
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    From what I can see, the logo in the top bar is a single image, and the rest of it to the right is produced using an Image Map with no obvious CSS intervention. An image map helps make a single image into multiple clickable regions.

    Check it out.

    I am not quite sure what you mean by the second question though.

    Glen

  3. #3
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    View | Source reveals...
    Code:
    <map NAME="NavigationMap">
      <area SHAPE="rect" ALT="Features" COORDS="21,20,107,35" HREF="./news.htm">
      <area SHAPE="rect" ALT="Software" COORDS="124,20,218,35" HREF="./download.htm">
      <area SHAPE="rect" ALT="Music" COORDS="239,20,296,35" HREF="./mp3.htm">
      <area SHAPE="rect" ALT="Site" COORDS="318,20,355,35" HREF="./map.htm">
      <area SHAPE="rect" ALT="News" COORDS="107,46,141,60" HREF="./news.htm">
      <area SHAPE="rect" ALT="Online" COORDS="150,46,191,60" HREF="./online.htm">
      <area SHAPE="rect" ALT="ListServer" COORDS="201,46,262,60" HREF="./listserv.htm">
      <area SHAPE="rect" ALT="Articles" COORDS="98,63,147,77" HREF="./articles.htm">
      <area SHAPE="rect" ALT="Reviews" COORDS="155,63,205,77" HREF="./reviews.htm">
      <area SHAPE="rect" ALT="Rambling" COORDS="214,63,270,77" HREF="./rambling.htm">
    </map>
    ...
    <img src="./graphics/look/Feature.gif" alt="AnalogX Feature navigation" width="367" height="89" border="0" usemap="#NavigationMap">


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
  •