PDA

View Full Version : Plz help!

lilchici13
02-23-2003, 03:13 PM
Ok here is my code:

<HTML>
<HEAD>
<TITLE>Simply Sweet</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Simply Sweet.psd) -->
<TABLE WIDTH=547 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/Top01.gif" WIDTH=500 HEIGHT=142 ALT=""></TD>
<TD ROWSPAN=4>
<IMG SRC="images/SideBar.gif" WIDTH=47 HEIGHT=500 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Top02.gif" WIDTH=500 HEIGHT=129 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/NavBar.gif" WIDTH=500 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Simply_05.gif" WIDTH=500 HEIGHT=200 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<style text="text/css">
<!--
body,{font-size: 11px; font-family: trebuchet ms, arial; text-align:justify; color:#000000;
direction:;
scrollbar-arrow-color: #FFAE01;
scrollbar-track-color: #FFE300;
scrollbar-face-color: #FFAE01;
scrollbar-highlight-color: #FFAE01;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFAE01;
scrollbar-shadow-color: #FFAE01;
}
A:link {color: #FF9601; text-decoration: none; font-weight:bold;}
A:visited {color: #FF9601; text-decoration: none; font-weight:bold;}
A:active {color: #FF9601; text-decoration: none; font-weight:bold;}
A:hover { color: #B43016; text-decoration: none; font-weight:bold;}
-->
</STYLE>
<div style="position:absolute; top:315; left:8; width:450; height:450; overflow: auto;">
Want to be my friend? Email me by clicking <a href="mailto:crystalclear13@earthlink.net">here</a>. Thanx!
</BODY>
</HTML>

And here is my site:

http://www.eurekadesigns.com/blog/simply/friends.html

I need to put the navigation in the faded section of the tiger picture and I want to use CSS to do it. How could I change my code so that I can still type in the content section but the navigation will show? Thank you SOOOOO much!
LadyCrow
02-23-2003, 04:40 PM
Okay, you have made a HUGE mistake with your coding. In fact, your page will look wrong on almost ALL browsers. But it cna be fixed easily. You need to keep CSS in the head.

<HTML>
<HEAD>
<TITLE>Simply Sweet</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style text="text/css">
<!--
body,{font-size: 11px; font-family: trebuchet ms, arial; text-align:justify; color:#000000;
direction:;
scrollbar-arrow-color: #FFAE01;
scrollbar-track-color: #FFE300;
scrollbar-face-color: #FFAE01;
scrollbar-highlight-color: #FFAE01;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFAE01;
scrollbar-shadow-color: #FFAE01;
}
A:link {color: #FF9601; text-decoration: none; font-weight:bold;}
A:visited {color: #FF9601; text-decoration: none; font-weight:bold;}
A:active {color: #FF9601; text-decoration: none; font-weight:bold;}
A:hover { color: #B43016; text-decoration: none; font-weight:bold;}
-->
</STYLE>
</HEAD>

Now you can simply make another div layer, and position it so it's where you want the navigation to be.
LadyCrow
02-23-2003, 04:42 PM
That post became too long. I just noticed you didn't close your div tags either.

<div style="position:absolute; top:315; left:8; width:450; height:450; overflow: auto;">
Want to be my friend? Email me by clicking <a href=" mailto:crystalclear13@ear
thlink.net">here</a>. Thanx!</div>
Any tag you open, close.


<div style="position:absolute; top:215; left:8; width:450; height:450; overflow: auto;">Nav Stuff Here</div>
This might work. I am not sure of exact dimensions, but you can just change the top to fit.
lilchici13
02-23-2003, 10:06 PM
OMG THANK YOU SO MUCH!!!! i just have one more quick question i can't space the text out properly! i want it to be like this "Home Link Link Link" but it goes like "link link link"
LadyCrow
02-24-2003, 02:28 AM
i am not sure what you mean
lilchici13
02-24-2003, 07:51 PM
o sorry it didn't come out how i intended it to. but anyway i fiqured it out. i will just post it so neone hoo needs help can figure it out from this. I wanted it to look like this LINK&nbsp&nbsp&nbsp&nbsp&nbspLINK&nbsp&nbsp&nbsp&nbsp&nbspLINK&nbsp&nbsp&nbsp&nbsp&nbspLINK(of course without the ixps showing) wat you do to get that is repeat &nbsp as many times as you want. each one stands for a space.
epolady
02-24-2003, 08:06 PM
Actually it's &amp;nbsp; not &amp;nbsp. Glad you got it squared away though. A simple "word-spacing : 10px;" would be good too, but not supported on older IEs.