Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > Div Layout problem

Pages: [1]

« previous next »

Author

Topic: Div Layout problem (Read 669 times)

TsurukoSama

Angeling

Posts: 1

Zelos

Div Layout problem

« on: July 11, 2007, 07:01:37 PM »

Sorry, I'm sort of new with HTML, so my codes seem a bit all over the place,lol.

I can't get the layout to stretch down after I type.

Code:

<HTML>
<HEAD>
<TITLE>TsurukoSama</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style>
body { font-family: Verdana, Arial, Times new roman; font-size: 11px; color: #CA65D1; background-repeat: repeat-y; }
a { color: #CA65D1; }
</style>
</HEAD>
<BODY BACKGROUND="background.png" BGCOLOR="#CA65D1" TEXT="#000000" LINK="#0000FF"

VLINK="#FF00FF" ALINK="#FF0000">
<body>
<link rel="stylesheet" type="text/css" href="index.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/home_01.png" WIDTH=800 HEIGHT=157 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/home_02.png" WIDTH=800 HEIGHT=128 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/home_03.png" WIDTH=800 HEIGHT=151 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/home_04.png" WIDTH=800 HEIGHT=152 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/home_05.png" WIDTH=800 HEIGHT=162 ALT=""></TD>
</TR>
</TABLE>

<div style="position: absolute; left: 5px; top: 650px; width: 184px; body background: "background.png";>
<center><a href="LINK">&clubs; home</a> <a href="LINK">&clubs; Link</a> <a

href="LINK">&clubs; Link</a> <a href="LINK">&clubs;

Link</a></center></div></div>
<div style="position: absolute; left: 186px; top: 650px; width: 606px; background: "background.png">
<TABLE WIDTH=606 BORDER=0 CELLPADDING=0 CELLSPACING=0 style="border: 1px solid #000000";

background: "background.png"; >
<center> <img src="zeloscon4.png">TEST TEST TEST TEST
 
TEST TEST TEST
 
TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 TEST TEST TEST TEST
 
TEST TEST TEST
 </center>
</BODY>
</HTML>

Could anyone help me? Greatly appreciated.


	Logged

tall0ne

Angeling

Posts: 18

Re: Div Layout problem

« Reply #1 on: July 11, 2007, 10:00:08 PM »

Make sure your using the right link on the background part. Sometimes it might work to add the "/" before the link. Also, it might be better to just add the link on the beginning part of the code, you repeat it a lot on the div and table coding. You can always try the tutorial from Celestial-star.net for the coding part. http://celestial-star.net/tutorials/35-div-layout-ii/ good luck!


	Logged

xspill_it_sister

Angeling

Posts: 3

Re: Div Layout problem

« Reply #2 on: July 13, 2007, 06:20:41 AM »

i followed the div layout 1 & 2 on Celestial-star, and i was pretty easy for the most part, then it came to uploading it onto a server, which i'm still having trouble with, but also, i'm having the same problem you are. i can't seem to get the content and navi to expand past what i made it look like on photoshop. (which isn't much room) isn't it suppose to grow? i keep putting those codes that were listed, but it still doesn't work. i'm so confused. if you find out, could you help me please? thanks ^^


	Logged

katie-kate

Incubus

Posts: 87

Re: Div Layout problem

« Reply #3 on: April 21, 2008, 10:41:37 AM »

I'm sure by now you've figured it out, but you need a background image to make your content and navigation areas "stretch" as you type. Normally I open my image in Photoshop and with the single row marquee, copy the very bottom pixel [you might want to zoom in for this] and paste it in a new canvas. Then I save it as something like "bg.jpg" and insert it into my coding. If it's a div layout I put it in my CSS usually, but if it's a table layout I put it in the HTML.

body {background:url('bg.jpg');} for div layouts, and
<table width=XXX cellpadding=0 cellspacing=0 align=[left, right or center] style="background:url('bg.jpg')> for table layouts.

Of course, you could easily put the code in the CSS of a table layout by giving the table an ID and styling it like so:

table#idnamehere {background:url('bg.jpg');}

But like I said, I'm sure you've figured this out by now, but I'm also pretty sure you're not the only ones to have this problem.


	Logged

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic