Forum: web design and graphics community

Celestial Star Forum > Art Boards > Tutorials > Celestial Star Tutorials > Table layout (Div style)

Pages: [1]

« previous next »

Author

Topic: Table layout (Div style) (Read 1077 times)

Melfina

Administrator
Valkyrie Randgris

Posts: 1284

Table layout (Div style)

« on: July 19, 2005, 01:00:00 AM »

Description: Tutorial on the extendable div-looking table layouts.
Tutorial URL: http://celestial-star.net/tutorials/38-table-layout-div-style/

You may comment this tutorial here or ask for help.


	Logged

MySpace ~ MySpace Codex ~ Rune Nifelheim

thorn16

Angeling

Posts: 1

Re: Table layout (Div style)

« Reply #1 on: October 10, 2007, 09:07:15 PM »

I'm having a problem and unfortunately I probably won't get the help in time, but I guess I can try anyway. I'm making a website on dreamweaver for school and I did as you said and just copy and pasted the notepad html into dreamweaver. Everything was going fine, until I added the content part. The content started far to low on the content area than wanted, so I tried the padding-top:0px thing which didn't do anything; it remained in the same area. Then as I expanded the content I noticed it was moving upwards to it's designated place as more was added so I figured the problem was solved. Unfortunately once a certain amount of content
was added it just overlapped the table and messed it all up (especially at the bottom where it did not repeat the background; I couldn't get a screenshot of this for some reason though). I can give you the coding, and an image of what happened. Sadly, I can not upload the page it's on because it's all saved on my hard drive and the images aren't uploaded.
The project is due tomorrow but I guess I'll have to just hand it in with this problem if I can't get help tonight. Thank you in advance, and here is the info.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reload</title>
</head>

<BODY BGCOLOR=#023162 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div align="center">
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0 style="border: 1px solid #00132B"; background: url(Images/tablebg.jpg)";>
<TR>
<TD COLSPAN=4>
<img src="Images/Header.jpg" width="800" height="248" /></TD>
</TR>
<TR>
<TD>
<img src="Images/Navigation.jpg" width="83" height="352" /></TD>
<TD>
<img src="Images/Sideleft.jpg" width="58" height="352" /></TD>
<TD width="560" style="background:url(Images/Content.jpg) no-repeat;"> Your content here Your content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content heYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content hereYour content here </TD>
<TD>
<img src="Images/Sideright.jpg" width="99" height="352" /></TD>
</TR>
</TABLE>

</div>
</BODY>

</html>


« Last Edit: October 10, 2007, 09:09:17 PM by thorn16 »	Logged

fallenangel1085

Angeling

Posts: 3

Re: Table layout (Div style)

« Reply #2 on: November 29, 2007, 02:19:20 AM »

ok i just started making table layouts, i used Magitek designs tutorial. I have everything ready, but i can not get my links to open up into my content table. can anyone help me? heres my site
http://freewebs.com/secretsforgotten1085/main.html
if anyone can please help? i dont understand what im doing wrong, ive tried everything!
thanks
nicole


	Logged

Blackstone

Administrator
Valkyrie Randgris

Posts: 821

Oh look! People!

Re: Table layout (Div style)

« Reply #3 on: December 02, 2007, 12:03:50 PM »

Tables won't help you here. You're going to need to use PHP Includes or iframe. Personally, I recommend PHP includes, but if your host doesn't support PHP, then you might have to revert to frames.

PHP Includes


	Logged

fallenangel1085

Angeling

Posts: 3

Re: Table layout (Div style)

« Reply #4 on: December 03, 2007, 12:11:13 AM »

thank you blackstone for responding, im 99% positive that freewebs doesnt allow psp, because i have tried the psp thing, and it will only show up as codes, it wont show the page. and ive also been told to not use iframes, because they dont show up transparent in all web browsers. so i was thinking about doing a div layout. again first time making that, so im trying to figure out how to make one of them using paint shop pro 8. anyone know any good tutorials?


	Logged

thepinkpunk

Skogul

Posts: 25

I'm d best damn thing dat ur eyes hav ever seen

Re: Table layout (Div style)

« Reply #5 on: January 30, 2008, 05:27:12 AM »

i couldn't open it again on Photoshop what should i do?


	Logged

Hugz n' Kizses,
MGF

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic