table width question
Results 1 to 5 of 5

Thread: table width question

  1. #1

    table width question

    Alright, I'm not sure of the question I'm trying to ask, but I do know what I want it to look like.

    http://www.bigwheeldesign.com

    Go there. Do you see how the image on the main page stretches or extends beyond the boundaries of the web browser? That's what I want to know how to do. I want a splash page image that is no more than 250 pixels in height with a 1px black border that extends all the way to the edge of the browser, and beyond..but without a vertical "closing" at both ends, of the table/image.

    Do you understand? I'm not so good at explaining, but if you look at that site, you might figure out what I am trying to do.

    So, how? Could someone point me towards a tutorial/html snippet/page that helps me along? Or could someone paste an example and let me upload and try it to see if it's what I am going for....I don't know.

    I'd appreciate ANY help you could offer.
    Thanks a lot!
    ...the scent of your hair as you twirl in your fingers, and the time on the clock, when we realized that it\'s so late, and this walk that we shared....together!

  2. #2
    Senior Member
    Join Date
    Sep 2003
    Posts
    179
    Not sure if I know exactly what your talking about, but this might help.

    First make sure you body tag has the following code in it:
    <body marginheight=0 topmargin=0 marginwidth=0 leftmargin=0>

    That will get rid of borders around the page.

    Then what you could do is make a table as follows:

    <table width='100%' height='250'>
    <tr><td></td></tr>
    </table>

    that will create a table that is as wide as the web browser window, but will resize acording to browswer window.

    If you don't want it to resize, then use the amount of pixels, but remember that will change the way it looks dependent on users resolution (800x600, 1024x768)

    here are some links

    http://www.webmonkey.com
    http://www.devshed.com

    both those should help u out.

    DeafLamb

  3. #3
    Senior Member
    Join Date
    Jan 2002
    Posts
    227
    I hope I understand what do you want to do...

    So if you want a picture that is wide as a browser window and have no vertical borders you could use something like this:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Title here!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

    <style type="text/css">
    img.width {width:100%; border-style:solid none; border-width:1px;}
    body.nomargin{margin:0px;}
    </style>

    </head>
    <body class='nomargin'>
    [img]your picture[/img]
    </body>
    </html>
    This will make your picture extend to full browser width. And 1px wide border will be on top and bottom of your picture.

    Hope this is what you wanted to know. If not feel free to ask.
    http://promote.opera.com/small/opera94x15.gif

    [gloworange]Sun7dots[/gloworange]

  4. #4
    ok sun7dots, I tried your idea, and it worked...sort of.

    Not could you take a look at it:
    http://www.ledbythehart.com

    Now, here's a question: How do I get the table to be in the center of the browser window and not flush to the top? Why did the picture pixelize so much? The picture is 800x250, and when I uploaded and everything, it got real fuzzy and pixelated...why?

    I would appreciate any more help you could offer!
    Thanks a lot guys!
    ...the scent of your hair as you twirl in your fingers, and the time on the clock, when we realized that it\'s so late, and this walk that we shared....together!

  5. #5
    Senior Member Zonewalker's Avatar
    Join Date
    Jul 2002
    Posts
    949
    jobber... you may wish to take a look at this thread below where exactly the same question was asked

    http://www.antionline.com/showthread...=2&#post682171

    and the reason your graphic is pixelated is because it's done using bitmap graphics i.e. jpg, gif etc rather than using vector graphics.

    Z
    Quis Custodiet Ipsos Custodes

Posting Permissions

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

 Security News

     Patches

       Security Trends

         How-To

           Buying Guides