View Full Version : Layout Help! How do i table it?
Potato
03-07-2003, 02:25 AM
I have just making a preliminary layout for my site. I am sure everythign will be kept like it is but ill add mor images to the top and advertisements on left. The question is how do i seperate into tables? Like i want a table for the middle there for i can put a news script and stuff, and i need one on left for links and on right for advertising. Thats pretty much all where i would need to edit from time to time. Here is the layout:
http://www.gyro-tek.com/Layout.jpg
cg9com
03-07-2003, 02:33 AM
you can learn to build tables here (http://htmlgoodies.com/tutors/tbl.html), but heres my take on it, a top spanning 3 columns correct?
this is a very simple version, that you would need to customize, use it as an example.
<table>
<tr>
<td colspan="3">
Top section
</td>
</tr>
<tr>
<td>
Left Column
</td>
<td>
Middle Column
</td>
<td>
Right Column
</td>
</tr>
</table>
ronaldb66
03-07-2003, 08:03 AM
You really don't need a table cell for the top anyway, just a 100% width div or something... if you really want to have a table cell there, it's still better to use a separate table for it; this will aid the browser in rendering the page faster since it can already display the top while figuring out what the rest is going to look like.
dreamingdigital
03-07-2003, 09:28 PM
If you made your layout in Photoshop, simply hit the "jump to ImageReady" button on the bottom of the toolbox. (Ctrl+Shift+M) Once in Imageready click the "optimized" tab and fiddle with the colour settings in the "optimize" toolbox. Click Ctrl+R to view Rulers and drag out guides from the ruler to where you want your slices to go. Type K to select the slice tool and, using your guides, draw the slices on your layout. When you're happy with it goto File->Save Optimized As-> then chose HTML and Images. Load up the HTML file in a txt editor. Your table is generated for you. Now you might want to fiddle with the cells you want to put content in to make the image it assigned to that cell a background image. It's easy and it works. Believe me. :)
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.