Tables and stuff…

@MunceyJul 21.2007

Basically i want to make something like a forum skin…

Below is a picture (ignore the white boxes with pink outlines and yellow scribble).. the blue is a like main background thing which is kinda in the middle of the page (it’s not touching the sides of the site at all). Then the yellow is like another table which includes no boarder but includes more tables and other stuff like the banner which are all inline.

~~[img]~~http://img232.imageshack.us/img232/5159/blapd4.jpg[/img]

How do i make something like this cause im stuck…

to post a comment

HTML

@MunceyauthorJul 21.2007 — #36 views no reply. Do i use divs? If so what css do i put onto the div so that it does this?!

@bolty2ukJul 21.2007 — #Not sure what you are actually asking here.

Do you want someone to create the code for you or do you simply need some advice on how others would do it.

If its the later my usual and preffered approach would be to try using divs and css.

But, in reality what normally occurs is i run into a problem or more often than not it wont sit right in some browser so i end up bunging tables in..

i guess everyone has different methods which they prefer.

@ray326Jul 22.2007 — #I don't get exactly what you're wanting but it just looks like a series of divs to me.

@cluettrJul 23.2007 — #While the table vs. block level and inline level styling is something that is debated often I would suggest that you use divs and DO NOT use tables... you'll thank yourself in the long run for learning to do it the better way.

I used tables forever and only because so many tutorials teach tables for things that should not be used as tables (such as layouts).

Below is a piece of code I use to create the structure for a layout which is tableless no matter how deep you go into it:

[code=html] 
 <div>
 <span id='menu_top'><? include ("panel_tc_menu_default.php"); ?></span>
 </div>
 
 <div style="height:6px;margin:0;padding:0;"><!-- --></div> 
 
 <div>
 <span style="width:6px;margin:0;padding:0;"><!-- --></span>
 <span style="width:26px" id="menu_left"><? include ("panel_l_menu_default.php"); ?></span>
 <span style="width:6px;margin:0;padding:0;"><!-- --></span>
 <span style="width:<?= $screen_width - 92 ?>px;vertical-align:top" id="layout"><? include ("layout_pane_default.php"); ?></span>
 <span style="width:6px;margin:0;padding:0;"><!-- --></span> 
 <span style="width:26px" id="menu_right" ><? include ("panel_r_menu_default.php"); ?></span> 
 </div>
 
 <div style="height:3px;margin:0;padding:0;"><!-- --></div>
 
 <div>
 <span id='menu_bottom'><? include ("panel_bc_menu_default.php"); ?></span>
 </div> 
 
 </div>
 [/code]

Tables and stuff…

4 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Tables and stuff…

4 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #HTML _↴