|
HTML - Tables - Increasing Main Content Without It Stretching My Nav
Hello
I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting. I have a table, 2 columns, 10 rows, cell spacing 4 I've set the main content (right) to span all 10 rows. I want to be able to increase the main content without it stretching my rows. Row height set to 40px. My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one. This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space. Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above? You'd think you'd be able to set it to height = 100% or something, but apparently not. Many thanks, monki Similar TutorialsHi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe Hello, I have recently ran into an issue with tables. I set a table width to 800px, and I want it so the text automatically breaks down to the next line instead of stretching the table past 800px wide. A solution that functions in both IE and FF would be very much appreciated. Thank you Hey guys i used to mess around doing simple sites but haven't messed with it for a few years and I about forgot everything.. Now what I'm trying to do here is make my content box stretch as more content is added but when I do it now it breaks my page.. Can anyone direct me to how to fix this problem.. here is what I mean. http://img687.imageshack.us/i/fixprob.jpg/ I need to do this without making my box a scroll bar box as I want it to just stretch down my page. My background where content should stretch is a solid color and my sides are all even as well so it should flow fine I just don't remember how to do this. Thanks in advance. I know I'm probably going to get ridiculed for this being my first post, but I can't seem to find any help elsewhere. I browsed the forum a bit before posting but didn't really know what to look for. OK so this the first website I've ever made and I only have limited html knowledge but so far this is what I have. www.freewebs.com/maurerrj Here is the html: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 1/15/2007 4:28:49 PM -->
<head>
<title></title>
<style type="text/css">
<!--
.{background: #D6D3C0;}.{background-image: url(http://img138.imageshack.us/img138/3373/newbackground4qp5.jpg);background-repeat: repeat-y;background-position: center;}
-->
</style>
</head>
</style><body topmargin="0">
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr><td colspan="0" width="750"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
<tr><td colspan="0" width="750"><img height="19" src="http://img407.imageshack.us/img407/7290/fillervh5.jpg" width="724" border="0"><td></td>
<tr height="0"><td colspan="0" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
<tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
<tr><td><img height="36" src="http://img260.imageshack.us/img260/1838/filler2qj3.jpg" width="153" border="0"></td></tr>
<tr><td><a href="#"><img height="22" src="http://img156.imageshack.us/img156/9990/home1pp8.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img92.imageshack.us/img92/8751/conifersls9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img251.imageshack.us/img251/7016/grassesbf3.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img525.imageshack.us/img525/5920/shrubsvf9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img86.imageshack.us/img86/2730/perennialszy4.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img137.imageshack.us/img137/4079/troughgardenskr9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img91.imageshack.us/img91/5199/directionsae8.jpg" width="153" border="0"></a></td></tr></table></div>
</body>
</html>
Anyway, onto the point... I want to make an area to put all of my content like text and images and what not in that main area but I don't really have any idea how to do it. Also the background image isn't showing up in firefox, so if you have any idea how to fix that let me know. But for now I guess you have to look at it in IE. Also, I will be having galleries under the evergreen, perennials, etc. tabs, and I think I want to use lightbox, but I don't know much about it. So any tips with that would help. The lightbox website is http://www.huddletogether.com/projects/lightbox2/ Any help you can give me is TRULY appreciated. I had a guy helping me fix my flyout menu and now my content that is under my div content is at the bottom of my page instead of at the bottom. I am not sure what to do to get it back to the top. Any help or ideas, I have been messing with this for hours. http://www.mesquitechristmas.com/index.html If you need me to post some code just let me know what code to post, or you can just view the source code.... -Thanks Hello- I'm having a problem with my header. When I first started building this dumb thing, it was in IE7. Everything was looking fine with that, and then I tried to switch to Firefox, and nothing was where it should have been. My doctype wasn't valid, which is now fixed. Anyway, the problem. When I put the header content into the page's html, it displays like it should, but when the header is in a separate file, it leaks down into the main page. HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="Header"> <!--#include virtual="/includes/header.txt" --> <br> </div> <div id="Menu"> <!--#include virtual="/includes/menu.txt" --> </div> <div id="Content"> <h1>Hello!</h1> <p style="text-indent:30px">Welcome </p> <br> <p><b>Jan 14</b></p> <p>The calendar, links, contact us, and 'what to bring' pages are up.</p> <br> </div> <div id=footer> <!--#include virtual="/includes/footer.txt" --> <br> <!--#config timefmt="%B %d, %Y"--> Last Modified: <!--#echo var="LAST_MODIFIED"--> </div> </body> </html> Header: Code: <a href="index.shtml"><img src="cricket_edited.jpg" alt="Home" style="border:none;"></a>    Title CSS: Code: body {
font:15px/20px verdana, arial, helvetica, sans-serif;
color:#336600;
background-color:#FFFFCC;
}
* {
margin:0px;
padding:0px;
}
h1 {
margin:0px 0px 15px 0px;
font-size:28px;
line-height:28px;
font-weight:900;
color:#999966;
}
h2 {
font-size:26px;
line-height:0px;
font-weight:700;
color:#999966;
margin:0px 0px 15px 15px;
}
p {
margin:0px 0px 16px 0px;
}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
a {
font-size:15px;
text-decoration:none;
font-weight:600;
}
a:link {color:#CC3333;}
a:visited {color:purple;}
a:hover {background-color:white;}
a:active {border:solid 1px #CC3333;}
ul {
list-style-type: circle;
}
#Header {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:30px;
font-size:30px;
font-weight:bold;
border-color:black;
border-style:solid;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
#Content {
margin:0px 230px 50px 10px;
padding:10px;
background: #FFFFCC;
}
#Menu {
float:right;
padding:10px;
background-color:#eee;
border:3px dotted #336600;
width:150px;
}
.hmenu {
font-size:15px;
font-weight:bold;
text-indent:6px;
}
.sub {
font-size:13px;
text-indent:20px;
}
#Footer {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:33px;
border-style:solid;
border-color:black;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
Can anyone help? Thanks, Kate Hello, I'm working on a site, but have run into a problem I'm not sure how to deal with. The contents of the footer area of the page are centered within a Div as you can see at the url: http://www.mylessinclair.com/testsite/ However, I think it might be easier on the eye if the links and content were centered underneath the main content panel. I'm trying to avoid the use of tables in achieving this, so I'm thinking that I need two Divs side by side for the footer. One 150px wide as in the side bar above it, marked up as float left - and then just center the footer contents in the other Div ? Am I on the right track here, or is it a bit more complicated? Hope someone can advise. Many thanks, Myles Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hello, im trying to make a webpage and figured invisible tables would be a good way to structurise the page, ive ran into a problem tho as in the cell content alignment is wrong. heres what im trying to achieve: Code: ____________________________________________ | navigation |text starts from up here | | navigation | | | navigation | | | navigation | | |____________|_____________________________| but while the navigation bar is always the same height the text cell is sometimes taller sometimes shorter thus i get situations where the small amount of text starts from the middle of the cell instead of top as i want it to and when there is alot of text the navigation bar moves to the middle of the streched out cell heres the html im using right now Code: <table> <tr> <td> <a href=blah blah>link</a><br> <a href=blah blah>link</a><br> etc </td> <td> here is the text </td> </tr> </table> please help Does anyone know how to fix this? as you can see, there's random content at the bottom left there. it's not supposed to be and is supposed to be located in the column that's very wide there, but for some reason is throwing it down below the left column. how can i fix this? http://erocsteady.freehostia.com/tes...ents/index.php ^you can see what im talking about here I need help/ I applied an opacity on my table background. But the problem is, i have content such as images and text areas in my table which are getting affected by the opacity i placed on my table. I applied a 14% opacity to my table and now its making my images and textbox inside my table invisible. anyway to fix this problem. here is an example of my code HTML <table class="home"> <tr> <th>Welcome</th> </tr> <tr> <td width="100" height="200"> <p><img src="Web Photos/welcomebanner.gif" class="feature" width="1025" height="200" /></p> </tr> CSS table.home td { font-size: small; border: 1px solid FFFFFF; background-color: #FFFFFF; filter: alpha(opacity=14); } I have a html form drop down menu, and I wanted to increase the line height dynamically on load of drop down. How can I achive this? Thanks in advance. Hello All, I am increasing the font size of the text using javascript. In IE, the div size increases or text get automatically wrapped when font size increased. But in firefox browser, the div size remain same and text flows out of the div. Anybody having any idea to correct his behavior in firefox? Please help. hello why does the stretched gif which makes the right-hand column work on this page - http://www.testtracks.com/bios.html get broken when it goes to this page? - http://www.testtracks.com/test.html help very much appreciated, thanks sandy Hello everyone! I am having a trouble coding a website design. I am not even sure this is possible, but how can I stretch a window (pop-up window) between the top and the bottom of the page (so when I open the window on a larger display it looks the same)? Thank you in advance, Andrei I am making an eBay layout for a friend but one of the cells doesn't seem to be stretching. The cell is the one with layout_09.jpg as the background. Heres how it looks like at the moment: http://ki114.phpnet.us/ebay/layout.html And heres the code: HTML Code: <html> <head> <title>layout</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (layout.psd) --> <table id="Table_01" width="780" height="700" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5" width="780" height="172"> <img src="images/layout_01.jpg" width="780" height="172" alt=""></td> </tr> <tr> <td colspan="5" width="780" height="4"> <img src="images/layout_02.jpg" width="780" height="4" alt=""></td> </tr> <tr> <td rowspan="2" width="34" height="471"> <img src="images/layout_03.jpg" width="34" height="471" alt=""></td> <td width="102" height="439"> <img src="images/layout_04.jpg" width="102" height="439" alt=""></td> <td rowspan="2" width="35" height="471"> <img src="images/layout_05.jpg" width="35" height="471" alt=""></td> <td rowspan="3" background="images/layout_06.jpg" width="562" height="478"> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>m </td> <td rowspan="3" background="images/layout_07.jpg" width="47" height="100%"> </td> </tr> <tr> <td width="102" height="32"> <img src="images/layout_08.jpg" width="102" height="32" alt=""></td> </tr> <tr> <td colspan="3" background="images/layout_09.jpg" width="171" height="100%"> </td> </tr> <tr> <td colspan="5" width="780" height="64"> <img src="images/layout_10.jpg" width="780" height="46" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Thanks in advance. hi i'm new! i'm pretty good with html and i'm setting up my website, jesse-m.com. if you go to this link: http://jesse-m.com/fourth%20layout/header_test.php, that is what i want the sidebar to look like. but when i put my cutenews code in under the news section, this is what happens to the sidebar: http://jesse-m.com/fourth%20layout/header.php how do i make the sidebar not follow the height of the news section? i don't want it to stretch! i just want it to stop when it has nothing else to show and just continue the white background. because it's a php document, here is the source of the page WITH the cutenews: PHP Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style type="text/css"> <!-- body { background-color: #E4E4E4; } --> </style> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>» JESSE-M.COM • a number one source for jesse mccartney fans</title> <link rel="stylesheet" href="http://www.katiecassidyfan.com/jesse/fourth layout/style.css" type="text/css" /> </head> <body> <div align="center"> <table width="610" border="0"> <tr> <td><img src="header.png" width="610" height="271" /></td> </tr> </table> <table width="614" border="0"> <tr> <td width="184" height="10" valign="top" class="sidebar">WELCOME</td> <td width="420" valign="top" class="sidebar">NEWS</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF">welcome to jesse-m.com! we have been down for awhile but are now back stronger than ever and ready to supply you with the latest jesse gossip, pictures, and news. be sure to check back multiple times throughout the day because we will be following jesse's foot steps throughout his busy career and are happy to keep his most dedicated fans up to date.</td> <td rowspan="17" valign="top" bgcolor="#FFFFFF" class="news"><?PHP $number=10; include("/home/content/k/a/t/katiefan/html/jesse/cutenews/show_news.php"); ?></td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">STATISTICS </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF">owners: kirstie and ana <br /> opened: march 1st, 2008<br /> layout version: 2<br /> host: <a href="http://www.katiecassidyfan.com" target="_blank">katiecassidyfan</a><br /> contact: <a href="mailto:staff@jesse-m.com">staff@jesse-m.com</a> </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">NAVIGATION</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF"><a href="jesse">jesse</a>: facts, biography, awards<br /> <a href="http://www.jesse-m.com/gallery" target="_blank">gallery</a>: candids, photographs, scans<br /> <a href="video" target="_blank">video vault</a>: interviews, tv, movies<br /> <a href="web" target="_blank">web</a>: affiliates, links, official sources<br /> <a href="site" target="_blank">site</a>: information, webmasters, past</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">MUSIC PLAYER </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF"><center><object type="application/x-shockwave-flash" width="171" height="83" data="http://katiecassidyfan.com/jesse/test/second/xspf_player.swf?playlist_url=http://katiecassidyfan.com/jesse/test/second/playlist.xspf"> <param name="movie" value="http://katiecassidyfan.com/jesse/test/second/xspf_player.swf?playlist_url=http://katiecassidyfan.com/jesse/test/second/playlist.xspf" /> <embed src="http://katiecassidyfan.com/jesse/test/second/xspf_player.swf?playlist_url=http://katiecassidyfan.com/jesse/test/second/playlist.xspf" width="171" height="83"></embed> </object></center></td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">RECENT PICTURES </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">ELITE AFFILIATES </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF">1. <a href="http://www.katiecassidyfan.com" target="_blank">katie cassidy fan</a><br /> 2. <a href="http://www.glorianafans.com/" target="_blank">Gloriana Fans</a><br /> 3. because we have not been online for awhile, we erased all of our affiliates. if you'd like to be an elite, please contact us! </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">PROJECTS</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF">"wanted" - body fragrance<br /> "alvin and the chipmunks: 2" - cinema </td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">TAGBOARD</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF"><Center><!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="175" height="180" src="http://www3.cbox.ws/box/?boxid=3017165&boxtag=7321&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EBEBEB 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="175" height="75" src="http://www3.cbox.ws/box/?boxid=3017165&boxtag=7321&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EBEBEB 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --></center></td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF" class="sidebar">DISCLAIMER</td> </tr> <tr> <td height="10" valign="top" bgcolor="#FFFFFF">jesse-m.com is a fansite and <em>only</em> a fansite for <strong>jesse mccartney</strong>. we are no way affiliated with jesse or his management unless stated so. we do not pose to be him or any of his family members and any exclusive information that is sent to this site is for our use, <em>and our use</em>, <u>only</u>. everything on this site was created by either ana or kirstie and are not be resdistrubited any where else without persmission. these graphics are ours and not yours to use! all photos, videos, articles and interviews are owned by copyright their respective owners. jf you'd like to have any illegal content removed, please <a href="http://www.katiecassidyfan.com/jesse/staff@jesse-m.com">e-mail</a> us before taking an legal action. we would love to cooperate with you.</td> </tr> <tr class="bottom"> <td height="10" colspan="2" valign="top" bgcolor="#FFFFFF"><div align="center">copyright: <strong>JESSE-M.COM</strong> | opened: 2008 | <a href="jesse">Jesse</a>, <a href="gallery">Gallery</a>, <a href="video">Video Vault</a> | Hits: <!-- Start FastWebCounter.com --> <script src="http://fastwebcounter.com/secure.php?s=www.jesse-m.com"></script> <!-- End FastWebCounter.com --> | Online: <!-- Start FastOnlineUsers.com --> <script type="text/javascript" src="http://fastonlineusers.com/on2.php?d=www.jesse-m.com"></script> <!-- End FastOnlineUsers.com --></div></td> </tr> </table> <p><br /> </p> </div></body> </html> i have a custom friendster layout which i made using basic HTML which basically turns my friendster profile into a blog: http://www.friendster.com/jholicmks have a question though about the object tag. as you can see from the website i use the <OBJECT> tag to import my blog contents into the content area of the site. unfortunately, after fiddling around with its height properties i can't seem to get the <OBJECT> to expand to fit its contents. all i've managed to do is get the scrollbar to disappear and, after 800px down, it cuts off completely. here's the code i used: http://h1.ripway.com/onlymoderatelymad/jholic.js it's very messy javascript coding, i know. but if anyone has a solution for my problem i'd appreciate it. Hey, I made this photoshop template, and sliced it and everything, but when I open the index.html, it don't stretch across screen. Can someone help me do this? Here is the code: PHP Code: <html> <head> <title>10-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (10-1.psd) --> <table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="15"> <img src="images/index_01.jpg" width="800" height="65" alt=""></td> </tr> <tr> <td rowspan="9"> <img src="images/index_02.jpg" width="54" height="480" alt=""></td> <td colspan="13"> <img src="images/index_03.jpg" width="685" height="2" alt=""></td> <td rowspan="10"> <img src="images/index_04.jpg" width="61" height="535" alt=""></td> </tr> <tr> <td colspan="12"> <img src="images/index_05.jpg" width="684" height="62" alt=""></td> <td rowspan="9"> <img src="images/index_06.jpg" width="1" height="533" alt=""></td> </tr> <tr> <td colspan="12"> <img src="images/index_07.jpg" width="684" height="12" alt=""></td> </tr> <tr> <td colspan="8"> <img src="images/index_08.jpg" width="432" height="1" alt=""></td> <td rowspan="3"> <img src="images/index_09.jpg" width="90" height="17" alt=""></td> <td colspan="3" rowspan="2"> <img src="images/index_10.jpg" width="162" height="2" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/index_11.jpg" width="30" height="27" alt=""></td> <td rowspan="2"> <img src="images/index_12.jpg" width="90" height="16" alt=""></td> <td colspan="3"> <img src="images/index_13.jpg" width="177" height="1" alt=""></td> <td rowspan="2"> <img src="images/index_14.jpg" width="90" height="16" alt=""></td> <td rowspan="3"> <img src="images/index_15.jpg" width="45" height="27" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/index_16.jpg" width="43" height="26" alt=""></td> <td> <img src="images/index_17.jpg" width="89" height="15" alt=""></td> <td rowspan="2"> <img src="images/index_18.jpg" width="45" height="26" alt=""></td> <td rowspan="2"> <img src="images/index_19.jpg" width="45" height="26" alt=""></td> <td> <img src="images/index_20.jpg" width="92" height="15" alt=""></td> <td rowspan="2"> <img src="images/index_21.jpg" width="25" height="26" alt=""></td> </tr> <tr> <td> <img src="images/index_22.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_23.jpg" width="89" height="11" alt=""></td> <td> <img src="images/index_24.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_25.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_26.jpg" width="92" height="11" alt=""></td> </tr> <tr> <td> <img src="images/index_27.jpg" width="1" height="22" alt=""></td> <td colspan="11" background="images/index_28.jpg" width="683" height="22" alt=""><marquee><font color="white">Welcome to conquer online website!</font></marquee></td> </tr> <tr> <td colspan="12"> <img src="images/index_29.jpg" width="684" height="354" alt=""></td> </tr> <tr> <td colspan="13"> <img src="images/index_30.jpg" width="738" height="55" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="54" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="29" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="43" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="89" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="92" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="25" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="61" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Hey All Groovie forum you got here Ok, now to my main point... I want to be able to stretch a image (banner) fully across the screen. I dont want to adjust the height, just make it run from one to side to the other. Also how do I stretch the background image to fullscreen without css? Cheers |
|||||||