Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    Member #
    13103
    ok I'm doing a really basic webpage for school work and I have created a table for my navi bar

    how can code it so that it sits on top of a picture(some sort of thick coloured line), so it stands out from the rest of the page. well i'm using dreamweaver and if there is a way to do it on that, that would be helpful too.

  2.  

  3. #2
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Set it as a background image.

    If you need more specific help, post an image of what you want, and the code you are working with.
    Shani

    I have an eye for detail like you'd never believe.

  4. #3
    Senior Member
    Join Date
    Apr 2006
    Posts
    146
    Member #
    13110
    Liked
    1 times
    HTML Code:
    <table style="background: url(image file here);">
    <tr>
    <td>link one</td>
    <td>link two</td>
    </tr>
    </table>

  5. #4
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    Member #
    13103
    oh cheers. thanks.

  6. #5
    Senior Member
    Join Date
    Apr 2006
    Posts
    146
    Member #
    13110
    Liked
    1 times
    me? if so your welcome

  7. #6
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    Member #
    13103
    Quote Originally Posted by infiniti
    me? if so your welcome
    yep you. Got its finished and mark off
    Now that I've finished that one. I'm starting on a new one (and last for this semester!) for this table I was wanting to use one column as the navigational bar. anyway of using the same code but formattinf it? or can this not be done using tables?

  8. #7
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Shani

    I have an eye for detail like you'd never believe.

  9. #8
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    Member #
    13103
    hmm not quite the same. Say if my table was 2col, 4 rows etc. i would want just the first column to display a background picture behind that part of the table and not the rest. the other column would be used for information, or the main body of the website or whatever it's called.
    also i read the never use a table for a navibar. haha if i had more time and knew more html I would avoid this.

  10. #9
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Okay, so you put the background image in your table as described above. I've never tried this, but it should work, just add [minicode] left top no-repeat[/minicode] to the tidbit posted above:

    HTML Code:
    <table style="background: url(image file here) left top no-repeat;">
    <tr>
    <td>link one</td>
    <td>link two</td>
    </tr>
    </table>
    left top set the position of the background image, no-repeat prevents tiling which is automatic when you put a background on a table.

    All of this assumes the image you are using is properly sized. Then you'd have to set your td width to match the width of your image. If for some reason it doesn't work, you'll have to define the style in the head and then call it in your table.
    Shani

    I have an eye for detail like you'd never believe.

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I don't think we should be doing homework for someone ....
    Everything you're trying to do is easily found by Googling for some tutorials.
    Or, perhaps taking notes during class.



Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:37 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com