SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    May 2000
    Posts
    229
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ive seen many sites that put a image map at the top of the site with imprints of the important sections on the site.

    Im wanting to do something a bit different though.

    I would like to know if its possible to place an image onto the page, then be able to build a table on top of it that i can enter text and links onto. im not sure if what im saying makes as much sense in paper as it does in my head, but i hope you get the idea.

  2. #2
    SitePoint Addict
    Join Date
    May 2000
    Posts
    229
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    while i am at it, if anyone knows an easy way to control my link text please let me know.

    i know that i can create a style sheet with the <A> tag set to a certain size font color etc etc
    but lets say that i only want that size and color for my navigation bar. And for my body links i want a different color and size. How do i do this?

    thank you in advance =)

  3. #3
    pg for mild peril cow's Avatar
    Join Date
    Mar 2000
    Location
    nevada, usa
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    regarding your table question... place the image in the table tag like so:

    <table background="your_image.jpg">

    be careful though, netscape doesn't like it when you do this. you'll see what i mean...

    to fix this problem, just nest a table within the first table and set its background to a clear pixel, like so:

    <table background="your_image.jpg">
    <tr><td>
    <table background="clear_pixel.gif">
    <tr><td>
    <a href="">your text links go here</a>
    </td></tr>
    </table>
    </td></tr>
    </table>

    good luck!

  4. #4
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    For your links you would use classes in CSS to achieve the effect you want. Below is a small snippet of code from my Style sheet.

    <BLOCKQUOTE><font size="1" face="Verdana, Arial">code/font><HR><pre>
    a {color:#A4489D; text-decoration : underline; }
    a:visited{color : #285A59; text-decoration : underline; }
    a:active{color : #FFEBCD; }
    a:hover{text-decoration : none; background : #49485E; color : #FFEBCD; }
    a.headline{font-size : .8em; }
    a.footer {color: #319C31; font-size:1em;}
    a.footer:active {color:#C0C0C0;}
    a.footer:hover{text-decoration : none; background : #49485E; color : #C0C0C0;}
    a.footer:visited{color:#319C31}
    [/code]

    Then to call it just add "class='yourclasshere'" to your anchor tags.

    ------------------
    Wayne Luke - Sitepoint Moderator/Internet Media Developer
    Digital Magician Studios - Making Magic with Web Applications
    wluke@digitalmagician.com


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
  •