Welcome to Dream.In.Code
Getting Help is Easy!

Join 136,405 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,450 people online right now. Registration is fast and FREE... Join Now!




Layout Trouble

 
Reply to this topicStart new topic

Layout Trouble

Mcbazzo
31 Aug, 2008 - 12:53 AM
Post #1

New D.I.C Head
*

Joined: 29 Aug, 2008
Posts: 37

Hi, so im starting to do the look and ive looked into some code but can only do it table wise, example:
CODE
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="Center" WIDTH=100%>
<TR>
<TD BGCOLOR="#919C9C"><P ALIGN=Center>
<FONT face="Verdana,Helvetica" SIZE="2" COLOR="#FFFFFF"><B>_-_Bliss Racing_-_</B></FONT></TD>
</TR>
<TR>
<TD BGCOLOR="#000000" HEIGHT="2"></TD>
</TR>
<TR>
<TD BGCOLOR="#CCCCCC"><P ALIGN=Center>Hello and welcome to _-_Bliss Racing_-_.<br>Enjoy the site and please report any bugs to a member of staff.<br>Thankyou!</TD>
</TR>
<TR>
<TD BGCOLOR="#000000" HEIGHT="2"></TD>
</TR>
</TABLE>

As you can imagine this is terrible, does anyone know how to have a section on the left hand side for navigation, a section cut off at top for a banner and time and userbar, and lastly a section for the main contents.


would it be possible to do it as seperate tables?
User is offlineProfile CardPM
+Quote Post

PsychoCoder
RE: Layout Trouble
31 Aug, 2008 - 02:31 AM
Post #2

using DIC.Core;
Group Icon

Joined: 26 Jul, 2007
Posts: 8,992



Thanked: 125 times
Dream Kudos: 8625
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net

My Contributions
Moved to HTML & CSS smile.gif
User is online!Profile CardPM
+Quote Post

nutter
RE: Layout Trouble
31 Aug, 2008 - 03:24 AM
Post #3

New D.I.C Head
*

Joined: 3 Nov, 2007
Posts: 34


My Contributions
If you have dreamweaver then make a table of 3 rows then on the bottom one right-click->table->split-cells then amend to your liking

this is just of the top of my head as i dont have dw installed sad.gif

This post has been edited by nutter: 31 Aug, 2008 - 03:25 AM
User is offlineProfile CardPM
+Quote Post

chili5
RE: Layout Trouble
31 Aug, 2008 - 06:08 AM
Post #4

D.I.C Addict
****

Joined: 28 Dec, 2007
Posts: 700



Thanked: 4 times
My Contributions
Use "colspan" and "rowspan".

Basic layout:

html

<table border="1" width="100%">
<tr>
<td colspan="2">header content here</td>
</tr>
<tr>
<td colspan="2">
content
</td>
<td>navigation</td>
</tr>

<tr>
<td colspan="2">
footer
</td>
</tr>
</table>


If you use dreamweaver, it is a lot easier, and you can just make table, and split and join cells as necessary. Hand coding layouts is hard. smile.gif
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 12/2/08 11:52AM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month