Need assistance with my coding -> [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Need assistance with my coding ->

balYyamme

01-02-2006, 03:20 AM

There's just somethign wrong with the textbox aligning, and the font/color code isn't responding. The code is basically a mess, could someone clean it up?

Desired font = Century Gothic. =)

<b style=position:absolute;left:0;top:0;font-family:century gothic;font-size:6pt;> <center>
</a>
<table border=2 bordercolor=#8CDAFF cellspacing=6 cellpadding=6 width=1000 bgcolor=#8CDAFF><tr><td>
<center><font size=1><font face=georgia><p><center>
<p><center><P><BR>
<style type="text/css">

</style>
<HTML>
<HEAD>
<TITLE>bluewind</TITLE>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<IMG SRC="http://img455.imageshack.us/img455/3735/bluewind0uk.jpg" WIDTH=1000 HEIGHT=1000 BORDER=0 ALT="" USEMAP="#bluewind12_3_Map">
<MAP NAME="bluewind12_3_Map">
<AREA SHAPE="rect" ALT="Credits" COORDS="532,41,606,60" HREF="credits.php?">
<AREA SHAPE="rect" ALT="Search" COORDS="442,39,525,58" HREF="search.php?">
<AREA SHAPE="rect" ALT="Inventory" COORDS="326,37,433,66" HREF="inventory.php?">
<AREA SHAPE="rect" ALT="Boards" COORDS="224,34,316,58" HREF="boards.php?">
<AREA SHAPE="rect" ALT="Message Starry" COORDS="373,3,579,35" HREF="sendmessage.php?replytouser=2">
<AREA SHAPE="rect" ALT="Atlas" COORDS="290,5,365,34" HREF="atlas.php?">
<AREA SHAPE="rect" ALT="Kennels" COORDS="187,7,283,33" HREF="kennels.php?">
<AREA SHAPE="rect" ALT="Stables" COORDS="78,5,181,36" HREF="stables.php?">
<AREA SHAPE="rect" ALT="Home" COORDS="5,5,71,34" HREF="home.php?">
</MAP>


<table style="LEFT:650px;POSITION:absolute;top:79px;height:790;w idth:0;background-color=transparent">
<span style="width:299px; height:773px; overflow:auto; allowtransparency="true"><p align=justify>
<style="width:310px; height:799px; border:0px; overflow:auto; allowtransparency="true"><background="images/bluewind44_03.jpg"><p align=justify><font color= #000000><font size= 2><CENTER>TEXT GOES HERE-.-so type as much as you'd like... ^^ <3TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr TEXT GOES HERE-.-so type as much as you'd like... ^^ <3TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr TEXT GOES HERE-.-so type as much as you'd like... ^^ <3TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<3TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrr</center>
</td>
</tr></span>

<table style="LEFT:30px;POSITION:absolute;top:613px;height:0;wid th:0;background-color=transparent">
<span style="width:566px; height:209px; overflow:auto; allowtransparency="true"><p align=justify>
<style="width:562px; height:202px; border:0px; overflow:auto; allowtransparency="true"><p align=justify>
<font color= #000000><font size= 2>
This is where you may type, as much you'd like, you can type forever, this box will scroll down. I hope you enjoy your layout, it should behave nicely. xD [above where you type] The coding shouldn't be played around with, or else the positioning code will become un-stable. ^_^ I apologize for teh long wait, I had to go to LissaExplains and dig out a code as my slicing wasn't working out too well. <33 TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT
<BR><BR>Best of luck with your new layout!

<p>-Polka
</center>
</td>
</tr></span>

</BODY>
</HTML>

<BR><BR><BR><BR><BR><BR>

balYyamme

01-02-2006, 03:52 AM

Bump ->

djou

01-02-2006, 04:31 AM

I wasn't sure which color you wanted your text to be, so I put it black. The tables were making me go insane, so I used div layers instead.
The vertical scrollbar on the right starts at the top of the page instead of the top of the div, for a reason I ignore.
I removed a lot of extra styling and positioning. The <div id="container"> centers everything in any resolution. overflow-x:hidden removes the horizontal scrollbar. I didn't get the background part (<background ...>), so I made it into a paragraph with a background image. The margins separate the areas from the top left corner of the "container".
Internet Explorer is moving the div of the bottom to the right, making it overlap the other div. I'll give out my markup anyway, in case anybody wants to fix it:

<html>
<head>
<title>bluewind</title>
<style type="text/css">
body {background-color: #8cdaff;font-family:"Century Gothic", "sans serif"; margin:0;text-align:center;color:#000;font-size:12pt;}
td {color: #feefed;background-repeat: no-repeat;}
a:link {color: #cfeefc;text-decoration: none;}
a:visited {fcolor: #52c5fa;text-decoration: none;}
a:hover {font-family: "Trebuchet MS";color: #cfeefc;text-decoration: none;font-style: italic;cursor: default;}
p {text-align:justify;}
#container {width:906px;margin:0 auto;}
#right {width:318px;margin-left:612px;margin-top:-1000px;height:810px;overflow:scroll; overflow-x:hidden;}
#left {width:562px;margin-left:29px;margin-top:-210px;height:221px;overflow:scroll; overflow-x:hidden;}
</style>
<body>
<div id="container">
<img src="http://img455.imageshack.us/img455/3735/bluewind0uk.jpg" width="1000" height="1000" border="0" alt="" usemap="#bluewind12_3_Map">
<map name="bluewind12_3_Map">
<area shape="rect" alt="Credits" coords="532,41,606,60" href="credits.php?">
<area shape="rect" alt="Search" coords="442,39,525,58" href="search.php?">
<area shape="rect" alt="Inventory" coords="326,37,433,66" href="inventory.php?">
<area shape="rect" alt="Boards" coords="224,34,316,58" href="boards.php?">
<area shape="rect" alt="Message Starry" coords="373,3,579,35" href="sendmessage.php?replytouser=2">
<area shape="rect" alt="Atlas" coords="290,5,365,34" href="atlas.php?">
<area shape="rect" alt="Kennels" coords="187,7,283,33" href="kennels.php?">
<area shape="rect" alt="Stables" coords="78,5,181,36" href="stables.php?">
<area shape="rect" alt="Home" coords="5,5,71,34" href="home.php?">
</map>

<div id="right">
<p style="background:url(images/bluewind44_03.jpg)"> </p>
<p>TEXT GOES HERE-.-so type as much as you'd like... ^^
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr TEXT GOES HERE-.-so type as much as you'd like... ^^ TEXT TEXT TEXT TEXT TEXT WRITE WRITE
WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr TEXT GOES HERE-.-so type as much as you'd like... ^^
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrr
atiauer aiou dfuoaer auto aieru aier ut aeirais efuaie ruea tuiae raeri
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr<BR><BR>
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrr
atiauer aiou dfuoaer auto aieru aier ut aeirais efuaie ruea tuiae raeri
TEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrrTEXT TEXT TEXT TEXT TEXT WRITE WRITE WRITE there is a scrollybarrrr
</p></div>

<div id="left">
<p>This is where you may type, as much you'd like, you can type forever, this box will scroll down. I hope you enjoy your layout, it should behave nicely. xD [above where you type] The coding shouldn't be played around with, or else the positioning code will become un-stable. ^_^ I apologize for teh long wait, I had to go to LissaExplains and dig out a code as my slicing wasn't working out too well. 3 TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT <br><br>
Best of luck with your new layout!<p>-Polka </p>
</div></div>
</body></html>

balYyamme

01-02-2006, 08:38 PM

Well, its getting there.Thanks anyway. Anybody else, with suggestions? My coding really messed it up-maybe somebody could slice the image? Unfortantly, this was a layout I made for a friend, and now I guess I'll have to can it. -.-