-
November 11th, 2003 10:40 PM
#1
Member
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!
-
November 11th, 2003 11:52 PM
#2
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 12:05 AM
#3
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.
-
November 13th, 2003 05:50 PM
#4
Member
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!
-
November 13th, 2003 06:08 PM
#5
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
Forum Rules
|
|
Reply With Quote
Bookmarks