I'm having trouble with alignment again! I want the title image to be at the very top and be right in the left corner and I want the "Main Content" Table to be right next to the "News" table with a little bit of space in between. I attached a screenshot.<br />
<br />
Here's the code:<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>--> Vince's Everything Page <--</TITLE><br />
<META name="description" content=""><br />
<META name="keywords" content=""><br />
<META name="generator" content="CuteHTML"><br />
</HEAD><br />
<BODY BGCOLOR="black" TEXT="white"><br />
<!--This site was made by Vince Aquilina...eamil me at <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->--><br />
<div align="left"><br />
<table width="500" border="0" <br />
cellspacing="0"<br />
cellpadding="0"><br />
<tr><br />
<td><br />
<a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a><br />
</td><br />
</tr><br />
</table><br />
<br><br />
<div align="center"><br />
<table width="570" border="1" <br />
bordercolor="#D9D919" cellspacing="0" <br />
cellpadding="5"><br />
<tr><br />
<td><br />
Main Content<br />
</td><br />
</tr><br />
</table><br />
</div><br />
<div align="left"><br />
<table width="90" border="1" <br />
bordercolor="#D9D919" cellspacing="0" <br />
cellpadding="5"><br />
<tr><br />
<td><br />
<font size="2" face="courier new"><b>News:</b><br />
<br><br />
No news</font><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
</BODY><br />
</HTML><!--content-->Follow some of these points, perhaps all of them.<br />
<br />
1] To get a seamless joint to the top and left marging use the following attributes to the body tag.<br />
<br />
<body marginwidth="0" marginheight="0" leftmargin="0" rightmrgin="0" topmargin="0"><br />
<br />
The reason there are quite a few is that netscape and explorer use a few different tags to achieve this.<br />
<br />
2] The next thing to do is align the tables.<br />
<br />
<table align="left" valign="top"> insert the valign if you want it at the top. I don't know why you would want the header image to be aligned to the left and the content to the right. I would consider either putting them both to the left or center. It would look better.<br />
<br />
3] As for the news and main content section you have two tables. Tables are block level elements. This means that once you close the table you get a compulsory line break. So you have to create your table correctly. Somthing like this. This example will include the header for you.<br />
<br />
<table align="left" valign="top"><br />
<tr><br />
<td colspan=2 width="a+b">insert image here</td><br />
</tr><br />
<tr><br />
<td width="a" valign="top">news</td><br />
<td width="b" valign="top">main content</td><br />
</tr><br />
</table><br />
<br />
Hope that helps, you can then start to muck about with the cellspacing and cellpadding.<br />
<br />
any probs post a question.<!--content-->Thanx Alot!!!<!--content-->The next thing to do is get netscape, it comes with composer. Composer is a great little number. You can create some cool tables and view them as you create them. Have a gander at it, well worth it. You will learn a lot from it as well.<br />
<br />
Just remember that it adds a non-breaking space if you start creating a new document with a block level element. You will see what I mean if you try this program out.<!--content-->I guess I might try it out when I have time, but Fow now, I have to finish the site I'm working on.<!--content-->I have 1 more question...How do you make tables with round courners?<!--content-->for round corners you have to use images you cann't do it any other way from what i can remember<br />
<br />
Bonkom
imp:<!--content-->I made the corner images...<!--content-->I would like to:<br />
<br />
~ Make the tables rounded<br />
~ make multiple tables underneath the News one without screwing up the main Content table!<br />
<br />
<br />
Here's what I have so Far (the left side got cut off)...<!--content-->I'm sure I read somewhere in one of these posts that you could have rounded corners in a certain version of netscape. I have looked hard for the source and am trying elsewhere now. However, I wouldn't suggest you use it as it supports only one browser. But if I find it I will post it.<!--content-->Have a read of this thread, I have not tried it, but it may just work. And apparently this CCS technique works on 2 browsers, still doesn't justify the use of.<br />
<br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=14141&highlight=table">http://www.htmlforums.com/showthread.ph ... ight=table</a><!-- m --><!--content-->
<br />
Here's the code:<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>--> Vince's Everything Page <--</TITLE><br />
<META name="description" content=""><br />
<META name="keywords" content=""><br />
<META name="generator" content="CuteHTML"><br />
</HEAD><br />
<BODY BGCOLOR="black" TEXT="white"><br />
<!--This site was made by Vince Aquilina...eamil me at <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->--><br />
<div align="left"><br />
<table width="500" border="0" <br />
cellspacing="0"<br />
cellpadding="0"><br />
<tr><br />
<td><br />
<a href=http://www.htmlforums.com/archive/index.php/"index.html"><img src="title.jpg" border="0"></a><br />
</td><br />
</tr><br />
</table><br />
<br><br />
<div align="center"><br />
<table width="570" border="1" <br />
bordercolor="#D9D919" cellspacing="0" <br />
cellpadding="5"><br />
<tr><br />
<td><br />
Main Content<br />
</td><br />
</tr><br />
</table><br />
</div><br />
<div align="left"><br />
<table width="90" border="1" <br />
bordercolor="#D9D919" cellspacing="0" <br />
cellpadding="5"><br />
<tr><br />
<td><br />
<font size="2" face="courier new"><b>News:</b><br />
<br><br />
No news</font><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
</BODY><br />
</HTML><!--content-->Follow some of these points, perhaps all of them.<br />
<br />
1] To get a seamless joint to the top and left marging use the following attributes to the body tag.<br />
<br />
<body marginwidth="0" marginheight="0" leftmargin="0" rightmrgin="0" topmargin="0"><br />
<br />
The reason there are quite a few is that netscape and explorer use a few different tags to achieve this.<br />
<br />
2] The next thing to do is align the tables.<br />
<br />
<table align="left" valign="top"> insert the valign if you want it at the top. I don't know why you would want the header image to be aligned to the left and the content to the right. I would consider either putting them both to the left or center. It would look better.<br />
<br />
3] As for the news and main content section you have two tables. Tables are block level elements. This means that once you close the table you get a compulsory line break. So you have to create your table correctly. Somthing like this. This example will include the header for you.<br />
<br />
<table align="left" valign="top"><br />
<tr><br />
<td colspan=2 width="a+b">insert image here</td><br />
</tr><br />
<tr><br />
<td width="a" valign="top">news</td><br />
<td width="b" valign="top">main content</td><br />
</tr><br />
</table><br />
<br />
Hope that helps, you can then start to muck about with the cellspacing and cellpadding.<br />
<br />
any probs post a question.<!--content-->Thanx Alot!!!<!--content-->The next thing to do is get netscape, it comes with composer. Composer is a great little number. You can create some cool tables and view them as you create them. Have a gander at it, well worth it. You will learn a lot from it as well.<br />
<br />
Just remember that it adds a non-breaking space if you start creating a new document with a block level element. You will see what I mean if you try this program out.<!--content-->I guess I might try it out when I have time, but Fow now, I have to finish the site I'm working on.<!--content-->I have 1 more question...How do you make tables with round courners?<!--content-->for round corners you have to use images you cann't do it any other way from what i can remember<br />
<br />
Bonkom
imp:<!--content-->I made the corner images...<!--content-->I would like to:<br /><br />
~ Make the tables rounded<br />
~ make multiple tables underneath the News one without screwing up the main Content table!<br />
<br />
<br />
Here's what I have so Far (the left side got cut off)...<!--content-->I'm sure I read somewhere in one of these posts that you could have rounded corners in a certain version of netscape. I have looked hard for the source and am trying elsewhere now. However, I wouldn't suggest you use it as it supports only one browser. But if I find it I will post it.<!--content-->Have a read of this thread, I have not tried it, but it may just work. And apparently this CCS technique works on 2 browsers, still doesn't justify the use of.<br />
<br />
<br />
<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=14141&highlight=table">http://www.htmlforums.com/showthread.ph ... ight=table</a><!-- m --><!--content-->