table width question

Printable View

November 11th, 2003, 11:40 PM
j0bber

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!
November 12th, 2003, 12:52 AM
Deaflamb

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
November 12th, 2003, 01:05 AM
sun7dots

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:

Quote:

<!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.
November 13th, 2003, 06:50 PM
j0bber

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!
November 13th, 2003, 07:08 PM
Zonewalker

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