Welcome Guest [Log In] [Register]
Welcome to EV Forums. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
AHHH help *shot*; I feel like a real noob
Topic Started: May 13 2007, 11:14 AM (382 Views)
Smudgey May 13 2007, 11:14 AM Post #1
Starter
 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; <!--/* Same as above for browser support. */-->
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.
Posted Image
Offline Profile Quote Post Goto Top
 
Shadow May 13 2007, 02:39 PM Post #2
Member Avatar
/Eyes*on~the*Sky\

 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
Posted ImagePosted ImagePosted ImagePosted ImagePosted Image
--Sketches-- [Swordplay] [Graphics] [Stories] [Sprites] --Poetry--
Adorable little Buneary made by Cyndaquil201! =D Thanks!
Offline Profile Quote Post Goto Top
 
Smudgey May 13 2007, 03:55 PM Post #3
Starter
 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....
Posted Image
Offline Profile Quote Post Goto Top
 
Kronakitty Jun 2 2007, 10:19 PM Post #4
Member Avatar
shining gate!

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

Posted Image Posted Image Posted Image Posted Image Posted Image
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Web Help · Next Topic »
Add Reply


Skin by Kronakitty. Brushes from Celestial Star and Magitek Designs.