Hyperlinks within Table/Border Properties

Discussion in 'HTML & Website Design' started by RicknRoll, May 27, 2006.

  1. #1
    Hi there,

    I'm designing a new site, and I'm only used to HTML and stuff, but I would like to do the following, and I was told it can be done using PHP?

    I have a frameless website filled with one table. In the upper cell I have a picturemap, and for these hyperlinks I'd like the target to be the lower cell.
    I'm using dreamweaver MX, but I have no idea how to do this; can someone explain it to me? (or at least point me in the right direction )

    Thanks a lot
    Rick

    P.S. how do change specific border properties in dreamweaver? (I'd like the right-border of my table to be dashed :s)
     
    RicknRoll, May 27, 2006 IP
  2. johneva

    johneva Well-Known Member

    Messages:
    1,480
    Likes Received:
    46
    Best Answers:
    1
    Trophy Points:
    170
    #2
    Putting this in a CSS file or imbertween styles tags in the head of you HTML/XHTML file will give you a 2 pixel red dashed right border.

    
    table{
        border-right: 2px dashed #ff0000;
    }
    
    Code (markup):
    I would highly advise learing some CSS if you dont know any as it is becoming very very important.

    This will cover the basics just run though them and then use it for reference when you need to. Once you have got to grips with the basics of CSS there are some other exellent tutorials on how to use it for your layout instead of tables. ;)
    W3schools CSS tutorials

    As much as I hate to say it cos I hate frames with a passion but it sounds like an iframe would work best for your first question as you can then target it with your links, there is a better way of doing it with PHP but going off what you have said about your self an iframe would be much easyer for you at the min. ;)

    W3schools example
     
    johneva, May 28, 2006 IP
  3. RicknRoll

    RicknRoll Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks so far! The CSS tutorial was very useful, and quite easy actually :D
    I have been thinking about the iframe option, but, as said, I'd rather not use frames... so actually no iframe either...
    I'm sorry for asking, but would you care to attempt explaining the (better ;)) php-way to me... I'm eager to learn! :p
     
    RicknRoll, May 29, 2006 IP
  4. brian394

    brian394 Well-Known Member

    Messages:
    226
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #4
    If you have a page that's not using FRAMES and that's not using IFRAMES and you click on a link the whole page is going to change, there's nothing you can do about that. That's what links are for, they change the address in the address bar. But if you only want a specific element on the page to change (which I think is what your looking for) you can use DHTML instead (which is actually just a combination of Javascript and CSS). However, you're going to have to first load up all the things that could possibly go into the lower cell the first time the page loads (in Javascript variables) and then just swap them out as a user click on a link. Sometimes however, this is not practical because there's just way too much data to pre-load. In cases like this you would want to use something called AJAX. AJAX is a type of Javascript that allows you issue requests to websites then take the data they return and update a certain section of your page with it. Here's a nice video showing some examples of what AJAX can do...

    "What is Ajax?" Screencast (27MB)
    http://www.manning-source.com/books/crane/what_is_ajax_qt7_mov_27MB.zip
     
    brian394, Jun 2, 2006 IP