News:

Click here for Toll-Free Service for your business starting at $2.00 per month

Main Menu
Menu

Show posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Show posts Menu

Topics - Paris

#1
Support Requests / Tables coding help needed............
September 05, 2006, 07:31:38 AM
Ive been working on a new layout for my website for a while now and have finally, after months of creating and deleting, have made the perfect design/layout. I have set out a basic code for it and am slicing the layout according to the code so it will work perfectly. But I've got a small problem, for some reason no matter what I do or try I just can't seem to get the header to look like it should. I have sliced the header to look a certain way because part of it is a .gif image due to it being an animation and the rest are .jpg images cause of the better quality. Im just trying to get the images placed properly and looking like they should but they wont.

Here is the code:
<html>
<head>
<title>Charmed-Designs.NET +----+ Home +----+</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="web design, designs, webmaster, webmistress, charmed, charmed-designs.net, charmed design, charmeddesign, paris, amber,
amna, bukhari, mimi, free graphics, designs, layouts, templates, anime ,manga, images, photoshop brushes, transparent png, extracted image, tutorials, html,
css, php, photoshop, image ready, imageready, wallpapers">
<meta name="description" content="A Charmed resource for webmasters and webmistresses. We offer free graphics, designs, tutorials, layouts, templates,
images, photoshop brushes, transparent png's, wallpapers and much much more. We're your one and only Charmed Resource.">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width=800 border=0 cellpadding=0 cellspacing=0 class="body" align="center">
<tr>

<td colspan=3>
<img src="images/image.jpg" width=800 height=23 alt=""></td>
</tr>
<tr>

<td colspan=0>
<img src="images/image.jpg" width=45 height=163 alt=""></td>

<td colspan=0>
<img src="images/image.jpg" width=713 height=163 alt=""></td>

<td colspan=0>
<img src="images/image.jpg" width=42 height=163 alt=""></td>

</tr>
<tr>
<td colspan=3>
<img src="images/blah.jpg" width="800" height="32" border="0" alt="" usemap="#menu_02_Map">
<map name="menu_02_Map">
<area shape="rect" alt="" coords="617,6,725,30" href="about.php">
<area shape="rect" alt="" coords="509,6,617,31" href="index.php" target="_self">
<area shape="rect" alt="" coords="401,6,509,30" href="tutorials.php">
<area shape="rect" alt="" coords="294,6,401,31" href="graphix.php">
<area shape="rect" alt="" coords="185,6,294,31" href="designs.php">
<area shape="rect" alt="" coords="77,6,185,31" href="index.php">
</map>
</td>

</tr>
<tr>
<td class="left">
<!--LEFT NAVIGATION-->
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td>
</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td><br>
</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td><br>
</td>
</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td><br>
</td>

</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td><br>
</td>
</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a></td>
</tr>

</table><!--END LEFT NAVIGATION-->
</td>
<td class="content">
<!--START CONTENT-->
<p><img src="avatar.jpg" alt="" align="left">Some content here. Some content here. Some content here. Some content here. Some content here.
Some content here. Some content here. Some content here.</p>
<p>Blahblah blah blahblahblah blah blah blahblah blahblahblah blah blahblahblah blah blah blah blahblah <a href="">Click here</a> or
<a href="">Click this link</a> Blah blah blah blahblah blah blahblah blah blah blahblahblahblah blahblah blah blah blah blah blahblahblah blah blah.</p>

<table align="center" class="hcont">
<tr><td align="center"><b>Title</b></td></tr></table>
<table align="center" class="outline">

<tr><td>
<img src="avatar.jpg" alt="" align="left" style="border: none;" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi bibendum auctor diam.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi tincidunt. Etiam lectus. Mauris pede.
Sed aliquam, lacus quis luctus egestas, nunc risus ultricies nunc, eget varius odio tortor ac justo. Ut egestas posuere elit.
Etiam non elit. Maecenas sed felis. Pellentesque ut velit. Nam vestibulum, nisi id vehicula suscipit, dolor arcu facilisis sem,
a aliquet dolor ante non ipsum. Integer dictum volutpat velit. Nullam et sem in dolor mollis mattis. Nam consectetuer elit eu quam.
Nunc vehicula felis ut nibh.

</td></tr></table>
<table align="center" class="fcont">
<tr><td valign="hcont" align="center"><b> Date and Time</b>
<td></tr></table>
<br><table align="center" class="hcont">
<tr><td align="center"><b>Title</b></td></tr></table>
<table align="center" class="outline">
<tr><td>
<img src="avatar.jpg" alt="" align="left" style="border: none;" /> Vestibulum eleifend, ligula quis commodo euismod, orci arcu feugiat metus, in accumsan
ipsum turpis a dolor. Aliquam erat volutpat. Nunc nonummy felis eget dui. Phasellus tincidunt pede. Sed mi massa, consectetuer eu, nonummy vitae,
ullamcorper a, nulla.Aenean et purus. Pellentesque fringilla sapien ut lacus. Praesent non mauris. Ut sollicitudin luctus mauris. Aliquam elementum,
ligula a accumsan cursus, mauris risus ullamcorper nulla, vel aliquam ipsum lacus non mauris. Nunc purus. Nunc ut est.

</td></tr></table>
<table align="center" class="fcont">
<tr><td valign="hcont" align="center"><b> Date and Time</b>
<td></tr></table>
<!--END CONTENT-->
</td>
<td class="right">
<!--START RIGHT NAVIGATION-->
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
</td>
</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
</td>

</tr>
</table>
<br>
<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
</td>
</tr>
</table>
<br>

<table align="center" class="hnavi">
<tr><td class="navih"><b>Navigation</b></td></tr></table>

<table align="center" class="navi">
<tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

</td>
</tr>
</tbody></table>
<br>
<table class="topnav" align="center">
<tbody><tr><td class="hnavi"><b>Navigation</b></td></tr></tbody></table>
<table class="nav" align="center">
<tbody><tr><td>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>

» <a href="">link</a><br>
» <a href="">link</a><br>
» <a href="">link</a><br>
</td>
</tr>
</table><!--END RIGHT NAVIGATION-->
</td>
</tr>

<tr>
<td colspan=3 STYLE="BACKGROUND:URL(images/image.jpg);BACKGROUND-REPEAT:NO-REPEAT;HEIGHT:126PX;TEXT-ALIGN:CENTER;PADDING-TOP:24PX;">&nbsp; &nbsp;</td>
</tr>
</table>
</body>
</html>


Just look at this in your FireFox browser (I hate IE and do not code accoring to it EVER) and can you see whats going on with the header. I need to get a top image of 800px, and then an image below it to the left, and an image in the center, and another image to the very right of this image(3 images in all adding upto 800px underneath the very top image), and an image underneath all the other images of 800px.

For some reason I can't get the 3 images in the middle to align properly and "stick" together so they look like one image. I can't figure out what went wrong with the coding, ive tried changing big things and little things both....but so far nothing has worked. I seriously need some expert help on this subject so thats why Im asking here. Please help me figure this out so I can finally take my site off of hiatus  :P.

Oh P.S.
No I won't think about re-coding my site in CSS. It sounds great and all, but really I havnt even gotten the hang of HTML yet, jumping on the CSS train isnt the smartest thing to do. Maybe someday, far away, when hovercars take over the freeways, I'll code all of my pages in CSS. But for now, Im pretty much sticking with Tables....every browser understands em, and they look perdy too.....but when its time to convert....I hope you CSS experts won't mind when I come running for some serious help  :D.

Thank you, Paris.
#2
Okay, well Im trying to make a pretty simple layout using tables with a header then 3 expanding columns and then a footer. Pretty simple huh? Yeh well don't rub it in.

I tried using my new dreamweaver but it makes the columns very terribly aligned with the header and the footer, so the borders are apart from the header and the footer.

The source code is:

<!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=iso-8859-1" />
<title>--+++Moral X Felicity+++--</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
        font-size: 10;
}
body {
background-color: #FFFFFF;
}

.navi1 {
        border-left: 1px;
        border-right: 1px;
        border-top: 0px;
        border-bottom: 0px;
        border-style: solid;
        border-color: #f2a3e5;
        text-align: left;
        font-size: 8;
        font-family: verdana;
}
.content {
        border-left: 0px;
        border-right: 1px;
        border-top: 0px;
        border-bottom: 0px;
        border-style: solid;
        border-color: #f2a3e5;
        text-align: left;
        font-size: 10;
        font-family: verdana;
}
.navi2 {
        border-left: 0px;
        border-right: 1px;
        border-top: 0px;
        border-bottom: 0px;
        border-style: solid;
        border-color: #f2a3e5;
        text-align: right;
        font-size: 8;
        font-family: verdana;
}
a:link {
color: #FFCC00;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFCC00;
}
a:hover {
text-decoration: underline;
color: #FF6600;
}
a:active {
text-decoration: none;
color: #FFCC00;
}
-->
</style></head>

<body>
<table width="750" height="563" border="0" align="center" cellpadding="0" cellspacing="0" background="file:///C|/Documents and Settings/Paris/Desktop/Moral_Felicity/header.jpg">
</table>
   
   
  <table width="750" align="center">

    <td width="15" align="center"></td></tr><tr>
    <td width="133" align="center" background="file:///C|/Documents and Settings/Paris/Desktop/Moral_Felicity/nav1_bg.jpg"><a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>       
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
    </td>

    <td width="464" align="center">
                     Thoughts of being over you are the only way out, pretending you're gone is my only route. Every time I hurt, I change the subject...
                     never thought that I would reject, the thought that you'd be back. Hold me back? Please dont come back.... Sorrow is all I have, my love wont die...
                     nor will I. And I know that you know Im still in love, you dont need a sign from above....Im not over you. Again...and again...through
                     and through....Dont wannna say it, but Im still in love with you.
                     <br>
                     <br>
                     -Give me hope...give me peace...give me Moral Felicity.
    </td>

    <td width="133" align="center" background="file:///C|/Documents and Settings/Paris/Desktop/Moral_Felicity/nav2_bg.jpg"><a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>       
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
                    <a href="">Link here</a><br>
    </td>
    <td width="7" align="center"></td>
  </table>
  <table align="center">
    <td width="750" height="189" background="file:///C|/Documents and Settings/Paris/Desktop/Moral_Felicity/footer.jpg">&nbsp;</td>
   
</table>
</table>
</body>
</html>



Here is what Im talking about:


See, the columns are just not aligning properly, ive tried many different things to get them to align but nothing seems to work.

Also, I was wondering if someone could tell me how to make transparent tables, tables with no background, just text and align them anywhere on the page without disturbing the other tables and moving them. I need this info for my welcome box and footer at the very top and bottom of the layout.

Thanks for your help.

#3
Okay, so I'm not doing the div/css/xhtml layout anymore cause that was driving me crazy, and now im coding my layout in tables.  And still.....I am having some problems I CANNOT solve.


The layout looks like a huuuuge disaster now that i add the boxes(td tags...and stuff) to it. I've tried alot of things to see if it will work, but nothing seems to be making it any better. If anyone could just help me and tell me what it is im doing oh so soooo so wrong that would be GREAT!

This is the (lousy) code:

<HTML>
<HEAD>
<TITLE>Charmed-Designs Inc.</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<BODY background-image:url (images/background.jpg); bgcolor="#ABABAB" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<CENTER>
<TABLE id="Table_01" width="800" height="100%" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD colspan="5" background="images2/header.gif" width=800" height="207">
</TD>
</TR>
<TR>
<TD colspan="5" background="images2/CDINCV5_02.gif" width="800" height="1">
</TD>
</TR>
<TR>
<TD background="images2/l_bg.gif" width="90" height="647">
                </TD>
<TD background="images2/l_navi.gif" width="131" height="647">
                <td background="images2/l_nav.gif" width="128" height="46" background-repeat:no-repeat;>Welcome</td>
                <td bgcolor="#d9d9d9"background-repeat:y-repeat; width="128" height="46">
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a>
                 </td>
                 <td background="images2/l_nav_bott.gif" width"130" height="48" background-repeat:no-repeat;></td>
                 </TR>
</TD>

<TD background="images2/content.gif" width="356" height="647">
                This is the content area. Content goes here. I would write Lorem Ipsum here but Im really not feeling like it at the moment. Maybe after I
                figure out all of the layout stuff first.
</TD>

<TD background="images2/r_navi.gif" width="130" height="647">
                <td background="images2/r_nav.gif" width="128" height="46" background-repeat:no-repeat;>Welcome</td>
                 <td bgcolor="#d9d9d9" background-repeat:y-repeat; width="128" height="46">
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a></br>
                 <a href="">Link</a>
                </td>
                 <td background="images2/r_nav_bott.gif" width="129" height="46" background-repeat:no-repeat;></td>
               </TR>
                </TD>
               
<TD background="images2/r_bg.gif" width="93" height="647">
</TD>

        </TR>

<TR>

<TD colspan="5" background="images2/footer.gif" width="800" height="45">
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>


Okay, now what im trying to get is:


NOTE: Obviously the affiliates bar and content box is not coded in as of yet, thats because I didnt want to make it anymore confusing for whoever is helping me then this stuff already is, im sure ill figure out how to add those later though.

Thank you for your help, Paris.
#4
Support Requests / Div/table layout trouble...
April 22, 2006, 10:53:44 PM
okay, this is my first time trying a div/table layout(first attempt at divs actually) and im having some trouble with the images being cut off too early and some padding issues.

heres the screenshot of the problems im having(highlighted in red):


Now, as you can see, the headers of the content boxes and the navigation boxes are being cut off partially.....and if they dont have text in them...they are not even being shown, i have no idea how to get around that.

Other than that, i am trying to use padding so i can position the header text, navigation links, and content text correctly in each div/image and am not able to make it work...im not sure what im doing wrong and why its not working.

Also, i am having a problem where the content box background is expanding to much to the right....and it doesnt really need to seeing as the text inside that div is fitting whithout any more expansion needed, from the right or left i mean.
EDITED= took care of this using the "background-repeat: repeat-y;" value.

Also, the divs are positioned a bit off when i look at the layout in IE instead of FF, how can i make this layout IE compatible?

Here's the code:

<HTML>
<HEAD>
<TITLE>Charmed-Designs Inc.</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
<BODY bgcolor="#7a7979" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<TABLE id="Table_01" width="800" height="900" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD background="Header.jpg" width="800" height="207">
</TD>
</TR>
<TR>
<TD background="background.jpg" width="800" height="100%">

<div style="position: absolute; left: 316px; top: 300px; width: 137px">
<div style="background: url(CDINCV5/l_nav_head.jpg) repeat;" "padding-bottom: 100px;">
<b>WELCOME</b>
</div>
<div style="background: url(CDINCV5/l_nav_bg.jpg) repeat;">
LINK here<BR>
LINK<BR>
LINK<BR>
LINK<BR>
LINK<BR>
LINK<BR>
</div>
<div style="background: url(CDINCV5/l_nav_foot.jpg) repeat;"></div>
</div>
<!----END LEFT NAVI-----></div><!----END LEFT NAVI---->

<div style="position: absolute; left: 454px; top: 400px; width: 351px">
<div height="46" style="background: url(CDINCV5/cont_head.jpg) no-repeat;">
<b>Welcome<br><br></b>
</div>
<div style="background: url(CDINCV5/cont_bg.jpg) repeat;" width="344" "padding-left: 30px;">

Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>
Write your text and content here.<br>

</div>
<div height="45" style="background: url(CDINCV5/cont_foot.jpg) no-repeat;"><BR><BR></div>
</div>

<div style="position: absolute; left: 799px; top: 300px; width: 134px">
<div style="background: url(CDINCV5/r_nav_head.jpg) no-repeat;">
<b>WELCOME</b>
</div>
<div style="background: url(CDINCV5/r_nav_bg.jpg) repeat;">
LINK here<BR>
LINK<BR>
LINK<BR>
LINK<BR>
LINK<BR>
LINK<BR>
</div>
<div style="background: url(CDINCV5/r_nav_foot.jpg) no-repeat;"></div>
</div>
</TD>
</TR>
<TR>
<TD background="footer.jpg" width="800" height="44">
</TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>


So if anyone can tell me how to get around these issues...and use divs properly to make this layout work that would be nice....ill be waiting...checking and rechecking this topic for new posts.....:D

Thanx, Paris.
#5
Support Requests / Disappearing posts........
April 02, 2006, 08:54:58 AM
okay, where the heck did my post about php/mysql problem go??? I know for a fact i posted it here...and then i came back to check for replies and the server was down or something...and then i waited a bunch of hours and came back again...and its gone. Just gone....as if it were never there in the first place???
#6
Support Requests / tables troubles....
March 30, 2006, 07:27:07 AM
im trying to get the content to stay at the top but ever since i added 3-4 more navigations the content stays way down and i can't figure out how to fix it and make it come back at the top where it belongs. Just look at http://charmed-designs.co.nr and you'll see what i mean(ofcoarse you'll have to scroll down to see the content boxs im talking about.)

Since i can't post all of my source code cause its more than 2000 characters ill just post some that i think might be the most important here.

Here is the content area and content box code:

</td>
</tr>
</table></td>



<td background="images/ethereal_symphonia_12.gif" width="100% height="100%">
</td>
<td colspan="4">
<table id="Table_03" width="536" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content.gif" width="536" height="100%">



<!----------------------------------------------------CONTENT STARTS HERE------------------------------------>


<table id="Table_01" width="463" height="322" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="0" background="images/content/content_box_01.jpg" width="463">
</td>
</tr>
<tr>
<td rowspan="6">
<table id="Table_07" width="2" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_02.jpg" width="2">
</td>
</tr>
</table></td>
<td>
<table id="Table_06" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--------------------------------------------HEADER STARTS HERE------------------------------------------->
<td background="images/content/head.jpg" width="458" height="15">
<p class="h1">
CONTENT
</font>
</td>
<!--------------------------------------------HEADER ENDS HERE--------------------------------------------->
</tr>
</table></td>
<td rowspan="6">
<table id="Table_08" width="3" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_04.jpg" width="3">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_05" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/head2.jpg" width="458" height="15">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_04" width="458" height="254" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%">
<p><div style="float:left;padding:3px;margin:0px"><img src="avi.jpg"/></div>
Orci laoreet ut donec nec, ac eu pellentesque, rutrum velit. Vehicula eros, interdum ligula non arcu tempor congue, nibh non cum consectetuer tristique
sagittis auctor, ipsum ipsum volutpat. Commodo id diam felis lectus maecenas, ante consequat condimentum. Ipsum phasellus magnis ut in fermentum libero,
eget ante vel gravida, donec molestie non sed adipiscing. A sit curabitur litora tincidunt sapien, neque dui vel nascetur facilisi eleifend sed, conubia
cras eros fringilla suscipit non, nisl non ac molestie porta habitasse. Non neque pede et in, ipsum cursus iaculis sociis aliquam, tortor interdum eu porta
a est, rutrum a ante nulla, vestibulum sed sagittis. Ligula aliquam vitae ante quam lectus sollicitudin, integer id tristique nunc aliquam, in suscipit,
suspendisse justo etiam ligula in habitant, risus pretium. Non ipsum at, lacinia mauris at tincidunt integer magnis enim, lectus wisi ultricies mauris
dapibus.
</p>
</td>
<!---------------------------------------End Content Area------------------------------------------------>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_03" width="458" height="17" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/foot2.jpg" width"458" height="19">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_02" width="458" height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------------Footer------------------------------------------------->
<td background="images/content/cfoot.jpg" width="458" height="14" valign="top">
<p align="right">-- -- -- Posted by <i>Paris</i> Comments</p>
</td>
<!---------------------------------------------End Footer--------------------------------------------->
</tr>
</table></td>
</tr>
<tr>
<td background="images/content/content_box_09.jpg width="458">
</td>
</tr>
</table>
<br>
<br>
<!----------------------------------------------------CONTENT AREA 2----------------------------------------->

<table id="Table_01" width="463" height="322" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" background="images/content/content_box_01.jpg" width="463">
</td>
</tr>
<tr>
<td rowspan="6">
<table id="Table_07" width="2" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_02.jpg" width="2">
</td>
</tr>
</table></td>
<td>
<table id="Table_06" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<!--------------------------------------------HEADER STARTS HERE------------------------------------------->
<td background="images/content/head.jpg" width="458" height="15">
<font color="#01a8f9">
HEADER
</font>
</td>
<!--------------------------------------------HEADER ENDS HERE--------------------------------------------->
</tr>
</table></td>
<td rowspan="6">
<table id="Table_08" width="3" height="318" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/content_box_04.jpg" width="3">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_05" width="458" height="15" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/head2.jpg" width="458" height="15">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_04" width="458" height="254" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------Content Area---------------------------------------------------->
<td background="images/content/content.jpg" width="458" height="100%">
<p><div style="float:left;padding:3px;margin:0px"><img src="avi.jpg"/></div>
Orci laoreet ut donec nec, ac eu pellentesque, rutrum velit. Vehicula eros, interdum ligula non arcu tempor congue, nibh non cum consectetuer tristique
sagittis auctor, ipsum ipsum volutpat. Commodo id diam felis lectus maecenas, ante consequat condimentum. Ipsum phasellus magnis ut in fermentum libero,
eget ante vel gravida, donec molestie non sed adipiscing. A sit curabitur litora tincidunt sapien, neque dui vel nascetur facilisi eleifend sed, conubia
cras eros fringilla suscipit non, nisl non ac molestie porta habitasse. Non neque pede et in, ipsum cursus iaculis sociis aliquam, tortor interdum eu porta
a est, rutrum a ante nulla, vestibulum sed sagittis. Ligula aliquam vitae ante quam lectus sollicitudin, integer id tristique nunc aliquam, in suscipit,
suspendisse justo etiam ligula in habitant, risus pretium. Non ipsum at, lacinia mauris at tincidunt integer magnis enim, lectus wisi ultricies mauris
dapibus.
</p>
</td>
<!---------------------------------------End Content Area------------------------------------------------>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_03" width="458" height="17" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/content/foot2.jpg" width"458" height="17">
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table id="Table_02" width="458" height="14" border="0" cellpadding="0" cellspacing="0">
<tr>
<!---------------------------------------------Footer------------------------------------------------->
<td background="images/content/cfoot.jpg" width="458" height="14" valign="top">
<p align="right">-- -- -- Posted by <i>Paris</i> Comments</p>
</td>
<!---------------------------------------------End Footer--------------------------------------------->
</tr>
</table></td>
</tr>
<tr>
<td background="images/content/content_box_09.jpg width="458">
</td>
</tr>
</table>

<!--------------------------------------------END CONTENT AREA 2---------------------------------->

<!----------------------------------------------------CONTENT ENDS HERE-------------------------------------->
</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="7">
<table id="Table_02" width="785" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/footer.gif" width="785" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="images/ethereal_symphonia_15.gif" width="785" height="4" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="193" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="134" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="332" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center>
</body>
</html>

Can someone please tell me what i did wrong and how to fix it, if you need more code to understand, then just ask and ill post.
#7
Can someone please tell me if there is a certain attribute i can use to show code snippets or large sections of code on my site? Like on forums you can use [ c o d e ] [ / c o d e] to show code. I tried using <code>TEXT HERE</code>and also <pre>TEXT HERE</pre> but neither work like i want them to.

Please help soon, thanx.
#8
okay, well i just created a few new directories for my layouts(linkware)and im trying to link to the images and pages from my root directory into the pages in my new directories.

For example:
one directory is "divs" and the page im trying to create inside of it is called "divlayers.php". Im trying to make it have the same layout as the pages in my root directory have. I use the php include code to include the header and footer(layout codes)codes into the pages but i can't figure out how to link to images and pages in other directories.

like for images ive tried this:
(Example)
("/image.gif")
and
("root/image..gif")
and
("root/divs/image.gif")

and for links:
(Example)
<?php include('root/header.php'); ?>(for the header and footer)
or
<?php include('/header.php'); ?>
or
<a href="root/divs/divlayers.php">۞ Div - Layers</a><br>
or
<a href="/divs/divlayers.php">۞ Div - Layers</a><br>

it never works.....please tell me what im doing wrong and what i can do to fix it.
#9
Support Requests / does freepgs offer mysql??
February 17, 2006, 12:47:33 AM
Im beginning to get into php/mysql to make scripts and stuff...and since it would be really convenient, i was wondering whether freepgs offers mysql hosting or whatever else is needed to make things like a comments database or a news cms system and so on. If so, how do i get it...and how do i know if i dont already have it?
#10
Im trying to stretch the backgrounds for my navigations and content area all the way to the footer but ive done everything i can and with the code im using it should work....i mean it worked for a friend of mine, her layout is styled almost exactly like mine, and she is using the same codes to stretch her backgrounds as me(i let her...dont worry...its not against copyright law) and its working fine for her. Unfotunately, i have no idea why and how it is working for her...and i think she did something different....but wont get into telling me for some reason. All she said was that the HTML code should make it work...and I should know how myself.

Anyways, I really hope someone can help me. Below are the code and the images:


<HTML>
<HEAD>
<style type="text/css">
body     {
         cursor: crosshair;
         margin: 0px;
         padding: 0px;
         background-color: fcbc5c;
         scrollbar-3dlight-color: #C0C0C0;
         scrollbar-arrow-color: #ffffff;
         scrollbar-base-color: #767676;
         scrollbar-darkshadow-color: #414141;
         scrollbar-face-color: #767676;
         scrollbar-highlight-color: #C0C0C0;
         scrollbar-shadow-color: #414141;
         scrollbar-track-color: 365665;
}
.head    {
         color: #fc7809;
         font-size:10pt;
         font-family: verdana;
         text-decoration: none;
         font-weight: bold;

}
.head2    {
         color: #fffa62;
         font-size:10pt;
         font-family: verdana;
         text-decoration: none;
         font-weight: bold;

}
.update    {
         color: #fc7809;
         font-size: 8pt;
         font-family: verdana;
         text-decoration: none;
         font-weight: bold;

}
.outline {
         background-color:#fcbc5c;
         border-style:solid;
         border-left:solid;
         border-right:solid;
         border-top:none;
         border-bottom:none;
         border-color:#fc7809;
         border-width:1px;
                 
}
.top     {
         background-image:url(cont_head1.gif);
         background-attachment:center;
         

}   
.conttxt {
         color: #fc7809;
         font-size: 8pt;
         font-family: verdana;
         text-decoration: none;
         font-weight: 900;
}
table    {
         color: #fc7809;
         font-size: 8pt;
         font-family: verdana;
         text-decoration: none;
         font-weight: 900;
       
}
A:link, A:visited, A:active {
   color: #fc7809;
   font-size: 7pt;
   font-family: verdana;
   text-decoration: none;
   font-weight: 500;
   
}
A:hover {
   color: #fcd728;
   font-size: 7pt;
   font-family: verdana;
   text-decoration: none;
   cursor: help;
}
</style>
<TITLE>:.:>>---Charmed-Designs Inc.--Pure Bliss-Version 4.0--<<:.:</TITLE>
</HEAD>
<body bgcolor="#fcbc5c" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center">
<TABLE WIDTH="775" HEIGHT="441" BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER>
<center><img src="Bliss_header.jpg" width="775" height="441" border="0" alt="" usemap="#Bliss_header_Map" align="center">
<map name="Bliss_header_Map">
<area shape="rect" alt="" coords="710,387,753,408" href="tos.php" target="_self">
<area shape="rect" alt="" coords="599,392,689,412" href="contact.php" target="_self">
<area shape="rect" alt="" coords="157,408,190,425" href="siteinfo.php" target="_self">
<area shape="rect" alt="" coords="82,412,136,432" href="index.php" target="_self">
<area shape="rect" alt="" coords="0,416,71,433" href="index.php" target="_self">
</map>
</center>

<TR>
<TD>
<TD VALIGN="TOP" ALIGN="CENTER" WIDTH="186" STYLE="BACKGROUND:URL(navlbg.jpg);BACKGROUND-REPEAT:NO-REPEAT;">
<br><br>
<!------------------------------------------------------------------------------------------------------------------------>
<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>

</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>

</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">

<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>

</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>

</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>

<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>

<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>

<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>

<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>

<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<!------------------------------------------------------------------------------------------------------------------------>

</TD>
<TD COLSPAN=2 VALIGN="TOP" ALIGN="CENTER" WIDTH="401" STYLE="BACKGROUND:URL(content.jpg);BACKGROUND-REPEAT:NO-REPEAT;PADDING-TOP:25PX;PADDING-LEFT:6PX;PADDING-RIGHT:6PX;">
<!------------------------>
<p class="top" valign="bottom" align="center"> » Header</p>
<table width="337" border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td height="36" width"337" background="cont_head2.gif" class="head2" align="center" valign="bottom"><b>Header</b></td>
</tr>
<tr>
<td class="outline">
<table width="100%" border="0" cellspacing="0" align="center">
<tr>
<div style="float:left;padding:3px;"><img alt="" src="bliss_avi.gif" style="border: none;" /></div>Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text
<br><br>
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here.

</tr>
</table>
<tr>
<td colspan="2" class="outline">
<table width="100%" border="0" cellspacing="5" align="center">
<tr>
<td class="update" width="50%">Date</td><td class="update" width="50%"><a href="index.php">Subject</a></td>
</tr>
</table>
</td>

</tr>
<tr>
<td height="28" width="337" background="cont_foot.gif">
</tr>
</table>
<br>

<table width="337" border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td height="36" width"337" background="cont_head2.gif" class="head2" align="center" valign="bottom"><b>Header</b></td>
</tr>
<tr>
<td class="outline">
<table width="100%" border="0" cellspacing="0" align="center">
<tr>
<div style="float:left;padding:3px;"><img alt="" src="bliss_avi.gif" style="border: none;" /></div>Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text
<br><br>
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here.

</tr>
</table>
<tr>
<td class="outline">
<table width="100%" border="0" cellspacing="5" align="center">
<tr>
<td class="update" width="50%">Date</td><td class="update" width="50%"><a href="index.php">Subject</a></td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="28" width="337" background="cont_foot.gif">
</tr>
</table>
<br>
<center>
<table border="0" style="padding:2px;"><tr><td id="navhover"><a href="index.php"> « <b>Previous</b> </a></td> <td id="navhover"><a href="index.php"> <b>1</b> </a></td>  <td id="navhover"><a href="index.php"> <b>2</b> </a></td>  <td id="navhover"><a href="index.php"> <b>3</b> </a></td>  <td> <b>4</b> </td> </tr>

</table>
</center><!------------------------------------------------------------------------------------------------------------------------>

</TD>
<TD VALIGN="TOP" ALIGN="CENTER" WIDTH="188" STYLE="BACKGROUND:URL(navrbg.jpg);BACKGROUND-REPEAT:NO-REPEAT;PADDING-TOP:5PX;">
<!------------------------------------------------------------------------------------------------------------------------>
<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td  STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>

<a href="gallery" target="_blank">☼ Link here</a>
</td>
</tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:REPEAT;">

<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>

<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td  STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
</td>
</tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>
</table>
<br>

<table width=156 border=0 cellspacing=0 cellpadding=0>
<tr>
<td height="23" width="156" background="nav_head.gif" class="head" align="center"><b>Header</b></td>
</tr>
<tr><td STYLE="BACKGROUND:URL(nav_bg.gif);BACKGROUND-REPEAT:NO-REPEAT;">
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a><br>
<a href="index.php">☼ Link here</a>
<br>
</td></tr>
<tr>
<td height="10" width="156" background="nav_foot.gif">
</tr>

</table>
<!------------------------------------------------------------------------------------------------------------------------>

</TD>
</TR>

<TR>
<TD ALIGN="CENTER" VALIGN="TOP" COLSPAN="8" STYLE="BACKGROUND:URL(bliss_footer.jpg);BACKGROUND-REPEAT:NO-REPEAT;HEIGHT:124PX;TEXT-ALIGN:CENTER;PADDING-
TOP:13PX;"></TD>
</TR>
</TABLE>
</TD>
</TR>

</TABLE>
</BODY>
</HTML>


(bliss_header.jpg)


(bliss_footer.jpg)


(nav_head.gif)


(nav_bg.gif)


(nav_foot.gif)


(navlbg.jpg)


(navrbg.jpg)


(content.jpg)


(cont_head1.gif)


(cont_head2.gif)


(cont_foot.gif)


(bliss_avi.gif)


Okay, well that should be it....if something is missing then please just tell me and ill post it.

I also can't  figure out why the (cont_head1.jpg) isnt showing up, the text that should be on it is, but the image isnt. The code looks right to me, but maybe something is wrong.??.

Here are the screenshots of the top and bottom of how the layout looks:

Screenshot 1(top)


Screenshot 2(bottom)


I really hope someone can help....soon. ^_^
#11
IVe been trying to code this thing on my own for way over a week now but whenever i feel like im about finished a new problem shows up.

1. Right now ive got most of the coding done but one issue still remains, I cannot get my navigation tables(boxes)to go where i want them to. Ive coded the layout so that the content area comes first in the code(in the layout it is right in the middle)and then the right and left navigations. Right now i only have one navigation in the code because i think its easier to ateast get one in correctly before i try the other. The right one is the one that is in the layout so far.

Can someone please tell me how to get both navigations in the correct places and working properly. Also, ofcoarse, how to add the second navigation for the left without disturbing the rest of the layout.

2. For some weird reason i can't get the font color and font type in the navigation to change, i can change the font-weight and size but the color and type isnt changing.

3. This isnt a main problem really, but it would help alot if i could solve it. Can anyone tell me whether there is some way(attribute,element etc) that i can use to get the content inside of the content box and the navigation box to move to a certain percent or area so that it looks nice. The way the bg's are cut it looks really terrible when i put it to right or left like i want to. Like in div's you can put where you want the content on the page exactly....except if i use divs im afraid that the content bg wont stretch like it should for the content.

4. When i look at the page in IE i can see a space about 5-10 pixels in height that breakes the top menu from the rest of the page. What am i doing wrong and how should I fix it.

Below is the code:
<html>
<head>
<style>
body{
margin: 0px;
padding: 0px;
background-color: 365665;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #767676;
scrollbar-darkshadow-color: #414141;
scrollbar-face-color: #767676;
scrollbar-highlight-color: #C0C0C0;
scrollbar-shadow-color: #414141;
scrollbar-track-color: 365665;
}
.srch {
background-color: #477817;
border-style: solid;
border-width: 2px;
padding: 1px;
color: #ffffff;
font-weight: 700;
font-family: Tahoma;
font-size: 8pt;
border-top-color: 1e330a;
border-bottom-color: 71c024;
border-right-color: 71c024;
border-left-color: 1e330a;
}
/* main font class */
.mnCon {
color: #ffffff;
font-size: 8pt;
font-family: Tahoma;
text-decoration: none;
font-weight: 900;
}
.head    {
         color: #3b5f6f;
         font-size:10pt;
         font-family: bitdust two;
         text-decoration: none;
         fontweight : none;
}
         
.Conttxt {
         color: #3c6070;
         font-size: 8pt;
         font-family: Tahoma;
         text-decoration: none;
         font-weight: 900;
}
.sbCon {
color: #ffffff;
font-size: 8pt;
font-family: Tahoma;
text-decoration: none;
font-weight: 500;
}
.Small {
color: #ffffff;
font-size: 7pt;
font-family: Tahoma;
text-decoration: none;
        font-weight: 500;
}
a.smLink:link, a.smLink:visited, a.smLink:active {
color: #000000;
font-size: 7pt;
font-family: Tahoma;
text-decoration: none;
        font-weight: 500;
}
a.smLink:hover {
color: ffffff;
font-size: 7pt;
font-family: Tahoma;
text-decoration: underline;
}

td.mn{
background-position: 0px 0px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 5;
}
td.sb{
background-position: 0px 0px;
padding-top: 0;
padding-bottom: 2;
padding-right: 12;
padding-left: 12;
}
a.btm:link, a.btm:visited, a.btm:active {
color: #ffffff;
font-size: 6pt;
font-family: Tahoma;
text-decoration: none;
font-weight: 500;
}
a.btm:hover {
color: ffff;
font-size: 6pt;
font-family: Tahoma;
text-decoration: underline, overline;
font-weight: 500;
}
</style>
<script>
<!---hide from old browsers

<!-*******************************************************
FLASH DETECT 2.5
Coded by http://photoshoptower.com, unless otherwise noted.
(c) 2006-2007 Paris.
http://www.charmed-designs.co.nr
*******************************************************->

// This script will test up to the following version.
flash_versions = 20;

// Initialize variables and arrays
var flash = new Object();
flash.installed=false;
flash.version='0.0';

// Dig through Netscape-compatible plug-ins first.
if (navigator.plugins && navigator.plugins.length) {
for (x=0; x < navigator.plugins.length; x++) {
if (navigator.plugins[x].name.indexOf('Shockwave Flash') != -1) {
flash.version = navigator.plugins[x].description.split('Shockwave Flash ')[1];
flash.installed = true;
break;
}
}
}

// Then, dig through ActiveX-style plug-ins afterwords
else if (window.ActiveXObject) {
for (x = 2; x <= flash_versions; x++) {
try {
oFlash = eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash." + x + "');");
if(oFlash) {
flash.installed = true;
flash.version = x + '.0';
}
}
catch(e) {}
}
}

// Create sniffing variables in the following style: flash.ver[x]
// Modified by mjac
flash.ver = Array();
for(i = 4; i <= flash_versions; i++) {
eval("flash.ver[" + i + "] = (flash.installed && parseInt(flash.version) >= " + i + ") ? true : false;");
}

function searchFeature(){
terms = document.search.q.value;
alert('you wanna search for '+terms+' eh?');
}
//done hiding--->
</script>
<!--nonflash header-->
</head>
<body background="techlytbg.jpg">
<center>
<!--start header-->
<table height="1" width="778" bgcolor="#2a480d" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="1" width="778"></td></tr></table>

<table height="1" width="778" bgcolor="#2a480d" cellpadding="0" cellspacing="0" border="0">

<tr>
<td height="417" width="778" bgcolor="#2a480d" background="banner.jpg" valign="top"></td>
</td>
</tr>
</table>
<!--end header-->

<!--start navigation table --->
<table height="20" width="778" bgcolor="#2a480d" cellpadding="0" border="0" cellspacing="0">
<tr>
<td>
<img src="hd5.jpg" width="778" height="120" border="0" alt="" usemap="#hd5_Map">
<map name="hd5_Map">
<area shape="rect" alt="" coords="690,0,742,19" href="linkus.php" target="_self">
<area shape="rect" alt="" coords="552,0,637,19" href="contact.php" target="_self">
<area shape="rect" alt="" coords="369,0,423,18" href="index.php" target="_self">
<area shape="rect" alt="" coords="153,0,221,20" href="siteinfo.php" target="_self">
<area shape="rect" alt="" coords="30,0,80,19" href="index.php" target="_self">
</map>
</td>
</tr>
</table>
<!--end navigation table-->


<!--start Page-->

<table cellpadding="0" cellspacing="0" border="0" width="778" height="1" bgcolor="#2a480d">
<tr>
<td valign="top" width="778" height="1">

<!--start main content-->

<table border="0" cellpadding="0" cellspacing="0" width="778" bgcolor="#2a480d">
<td width="778" bgcolor="#2a480d" background="pagebg.jpg" align="center">

<!--start main content box 1-->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#2a480d" height="1" width="372"><tr>
<td height="42" width="372" bgcolor="#2a480d" background="conttop.jpg" class="head"><p align="center">CONTENT</p></td></tr>

<tr>
<td height="42" width="372" bgcolor="#2a480d" background="contbg.jpg" valign="top">

<table align="center" height="100%" width="312" border="0" cellpadding="0" cellspacing="1" border="0"><tr>
<td height="100%" width="312" valign="top" align="center" class="Conttxt">

<span>
<b>Lorem Ipsem</b><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
<b>Lorem Ipsem</b><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
<b>Lorem Ipsem</b><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>

</span>
</tr>
</td>
</table>
</td>
</table>
</td>
</td></tr></table>
</td></tr></table>
</td></tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#2a480d" height="1" width="372"><tr>
<td height="42" width="372" bgcolor="#2a480d" background="contbtm.jpg"></td></tr>
</table>
</td>
</td>
</tr></table>

<!-------end content box 1--------------->
</td></tr></table>

<!--end main content-->


<!--start NAVIGATION Right-->
<table border="0" cellpadding="0" cellspacing="0" width="778" bgcolor="#2a480d">
<td width="778" bgcolor="#2a480d" background="pagebg.jpg">

<!-------------------START NAVIGATION BOX 1------------------------------------------->

<td bgcolor="#2a480d" height="1" valign="top" align="center" width="184">
<table bgcolor="#2a480d" cellpadding="0" cellspacing="0" border="0" height="100%" width="184"><tr>
<td bgcolor="#2a480d" height="33" width="184" background="navrighttop.jpg" class="head"><p align="center" valign="bottom"></p></td></tr>
<tr>
<td bgcolor="#2a480d" height="100%" width="184" background="navbg2.jpg" valign="top">
<table align="center" height="100%" width="150" border="0" cellpadding="0" cellspacing="1" border="0">
<p align="center" class="head">TUTORIALS<p>
<tr>
<td height="100%" width="75%" valign="top" class="Small">
<span>
<p align="center">
<a href="index.php">Photoshop</a>
<br>
<a href="index.php">Image Ready</a>
<br>
<a href="index.php">HTML</a>
<br>
<a href="index.php">PHP</a>
<br>
<a href="index.php">CSS</a>
<br>
<a href="index.php">lookup</a>
<br>
<a href="index.php">Guild</a>
<br>
<a href="index.php">Misc</a>
</span></td></tr>
</table>
<tr>

<td height="33" width="184" background="navrightbtm.jpg">
</td></tr>
</td></tr></table>
</td></table>
</td>

</table>
</table>
</td>
</td>
<!------------------END NAVIGATION BOX 1---------------------------------------------->


<!--end sidebar-->
<!--end page-->
</td></table>

<!--start footer-->
<table cellpadding="0" cellspacing="0" border="0" width="778" bgcolor="#365665">
<tr><td align="right" valign="bottom">
<img src="cpfooter.jpg" width="778" height="72" border="0" alt="" usemap="#cpfooter_Map">
<map name="cpfooter_Map">
<area shape="rect" alt="" coords="309,52,485,71" href="index.php" target="_self">
</map>
&nbsp;&nbsp;&nbsp;

<BR>
</td></tr></table>
<!--end footer-->
</center>
</body>
</html>


Below is how it should look:


Here is how it currently looks:
Top screenshot-


Bottom screenshot-


Hope someone can help.......

::Thanx::
#12
Ive tried the address for my site:
http://kyoki-designs.co.nr

and it says "server not found"

When i try the "NS1.LVCS.NET" thing:
64.193.110.133

it says "unable to connect"

and the same for the"NS2.LVCS.NET" and "NS01.BACKUPDNS.COM" things

Im  not sure why my site isnt showing, all ive done to it is changed the index.php page and added a site coming back soon sign instead of the layout.And I know it was working after that cause i checked it for two days after. Then it stopped working.

Btw, i can still get into my account on freepgs and also edit my pages and all of that stuff.

please can someone tell me how to fix this problem soon.