AHHH help *shot* (EV Forums)

Title: AHHH help *shot*
Description: I feel like a real noob

Smudgey - May 13, 2007 11:14 AM (GMT)

Ok, I want to change the layout on my site. I got the code of one of my free layouts because I was lazy and didn't want to re-code it. I had it all working and then I thought I'd test it out by typing some content without any breaks. That's when the problems started. You see, this is what the layout should look like normally with out much content types in, just some jibberish.
http://pokelair.ulmb.com/styles/newlayout.php
When I typed with out line breaks, I got this:
http://pokelair.ulmb.com/styles/newlayout1.php
Just say I didn't put breaks on some of my pages, it's going to look like that. I tried whatever I could think of to sort it out but I don't know what is wrong.

Here's My code:

CODE

<html>
<head>
<title>Site Name</title>
<style>
hr {
background-color:990033;
color: #990033; 
height: 5px;
}

BODY {
border: #8a4100;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#header {
background: #333333;
text-align: center;
width: 100%;
}

body {
font-family: verdana;
color: fff;
background-color: 666666;
}

.leftnav a:hover {
background-image: url('http://pokelair.ulmb.com/styles/lefthover.PNG');
width: 169px;
}

h1 {
text-align: center;
background-image: url('/styles/h1.PNG');
}

.leftnav ul {
padding: 0px;
margin: 0px;
}

.leftnav li {
list-style-type: none;
}

.leftnav ul li ul li {
display: inline;
}

.leftnav {
background-image: url('/styles/left2.PNG');
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 170px;
color:#ffffff;
border: #000;
}

.banner
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('http://i177.photobucket.com/albums/w227/pokelair/banner.png');
width: 800px;
height: 210px;
border: 0px solid #000000;
text-align:center;
}

.content {
background-image: url('/styles/content1.PNG');
color: #000;
width: 630px;
border: #000;
text-align: justify;

}

.disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('/styles/disclaimer10.PNG');
border: 0px solid #000000;
text-align:center;
width:800px;
height:218px;
}

#centerlayout {
margin-left: -370px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 800px;
left: 50%;
top: 0%;
position: absolute;
}

BODY,P,TD {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

a:link {
text-decoration:none;
color:FFF
}

a:visited {
text-decoration:none;
color:#FFFFFF
}

a:active {
text-decoration:none;
color:FFF
}

a:hover {
text-decoration:none;
color:#FFFFFF;
background-color: #000000;
font-weight: none
}

.leftnav a {
padding-left: 7px;
padding-right: 8px;
}

</style>
</head>

<body>
<div id="centerlayout">
<table width="800" align="center" border="0" bordercolor="000" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" class="banner"></td>
</tr>
<td class="leftnav" valign="top" width="170px">
<div id='header'>Header</div>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<div id='header'>Header</div>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<div id='header'>Header</div>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<div id='header'>Header</div>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<div id='header'>Header</div>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
<a href="URL">Page Name</a><br>
</td><td valign="top" class="content" width="630px">

</td></tr>

<tr>
<td valign="top" colspan="2" class="disclaimer">
</td></table>

If you guys know how to fix it could you tell me please ^.~ Thanks, yes I know, I'm a noob.

Shadow - May 13, 2007 02:39 PM (GMT)

Does it do the same thing when you type a long paragraph with breaks? If it doesn't, then there isn't a whole lot to fix. If you type without breaks, it's going to stretch the page no matter what. =O

Smudgey - May 13, 2007 03:55 PM (GMT)

No with breaks it's fine. I though there was a way as on my layout now, it just goes straight down when I just continue typing....

Kronakitty - June 2, 2007 10:19 PM (GMT)

Well, it's definitely because of that long gibberish line. o_O; Why would you want to type your content without breaks, though?

View Full Version: AHHH help *shot*

View Full Version: AHHH help shot