PDA

View Full Version : HELP!tables...

m1s5y
12-29-2003, 02:27 PM
i kno that theres a whole section on them.. but can sum1 just gimme the code.. cuz im CONFUSED! this girl.. www.5ugar.tk has all these boxes next 2 eachother.. ne1 kno the code??!!??(friendpages.com is my host)-xx0x- . .ทด*m1s5y
Chrissi
12-29-2003, 02:38 PM
I can't seem to access the website, but from what you're saying (boxes next to each other) it might be like this...


<table>
<tr>

<td>
BOX1
</td>

<td>
BOX2
</td>

<td>
BOX3
</td>

</tr>
</table>


Replace "Box1", "Box2", "Box3" with what you want in the boxes.

And you just extend that pattern that for however many boxes there are... I might not really not know what you're talking about, but this is what I can gather.

If you want another row of boxes, you would add a </tr><tr> in between, like this:

<td>BOX4</td>
</tr><tr>
<td>BOX5</td>
digireste
12-29-2003, 07:43 PM
The site 5ugar.tk uses frames, not exactly tables. Lissa explains frames best.

http://www.lissaexplains.com/frames.shtml
spikemeister
01-13-2004, 11:44 PM
I have put some code together to show you an example of a similar layout using divs. This is untested but should work and should only need slight modification (i hope).
The background colours are only there to show you where the different areas of the page would be.


<style>
<!--
#banner {
height: 20%;
width: 100%;
^^
#box1 {
background-color: #00CC66;
overflow: auto;
position: absolute;
width: 50%;
height: 80%;
^^
#box2 {
background-color: #0000FF;
overflow: auto;
position: absolute;
left: 50%;
height: 40%;
width: 25%;
^^
#box3 {
background-color: #CC0033;
overflow: auto;
position: absolute;
height: 40%;
width: 25%;
left:50%;
top: 50%

^^
#box4 {
background-color: #CC33FF;
overflow: auto;
position: absolute;
left: 75%;
height: 80%;
width:25%;
text-align: justify;
^^
-->
</style>
</head>

<body>
<div id="banner">content in here content in here
content in here content in here</div>
<div id="box1"> content in here content in here
content in here content in here</div>
<div id="box2">content in here content in here
content in here content in here </div>
<div id="box3"> content in here content in
here content in here content in here</div>
<div id="box4"><p>the only way is up for you
and me now the only way is up for oyu and me now</p></div>

</body>