View Full Version : Graphics/DIV layer help


aerith86
10-30-2004, 12:19 AM
I'm not sure if this is a graphics problem or a DIV layer problem, but I've looked this code over four million times and I can't seem to figure out what's wrong with it. I've manipulated the DIV components until they were completely destroyed, and I've tried just about every combination of positioning for the graphics, but they won't budge.

It's late so I'm probably just missing the completely obvious, and will smack myself later. Also I haven't tinkered with layouts in a while, so I may just be a bit out of touch/rusty. I would appreciate any help!

http://www.geocities.com/aerith86/ChairCurrentEntries.html

The links are supposed to be beside "navigation" and the "entry" is supposed to be under the large graphic, on the right side.

---------------------------------------------------------------------

<HTML>
<HEAD>
<TITLE>coeurfragile.diaryland.com | there's not much here, but what's here's mine </TITLE>
<STYLE TYPE="text/css">

A:link
{ text-decoration: none; color:#ff0000}
A:visited
{ text-decoration: none; color:#ff0000}
A:active
{ text-decoration: none; color:#ff0000}
A:hover
{ text-decoration: none; color:#ffffff; cursor:crosshair}

body
{background-color: ffffff;
scrollbar-base-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
font-family: century gothic;
color:#000000;
font-size: 10pt;}

input, textarea
{ background: #ffffff;
font-family: century gothic;
font-size: 10pt;
color: #000000;
border-style: dashed;
border-color: #000000;
border-width: 2px }


.title {background: transparent ; width:100%; border: 0px; font-weight:normal; color:#ffffff; margin: 0px}
-->
</STYLE>
</HEAD>

<img src="brian.jpg" top:0px; left:0px"><br>

<img src="navigation.jpg" top:0px; left:0px">

<div id=links style="top:20; left:20; width:300; height:300;">
<A HREF="index.html"> index </A>
<BR><A HREF="older.html"> older</A>
<BR><a href="http://members.diaryland.com/edit/profile.phtml?user=coeurfragile"> profile</a>
<BR><A HREF="http://diaryland.com" target="_blank"> diaryland</A>
<BR><A HREF="http://members.diaryland.com/edit/notes.phtml?user=coeurfragile"> notes</A>
<br><a href="http://coeurfragile.diaryland.com/music.html"> music</a>
<br><a href="http://www.placeboworld.co.uk"> placebo</a>

<a href="http://www.imood.com/query.cgi?email=boilerroomgirl@msn.com"><img src="http://moods.imood.com/display/email=boilerroomgirl@msn.com/fg=ffffff/trans=1/imood.gif" alt="The current mood of boilerroomgirl@msn.com at www.imood.com" border="0"></a>
<br><br>

<font size="1">
Layout & Image ©2004<br>
by <a href="http://coeurfragile.diaryland.com">Minka</a></font>
</DIV>



<DIV left:50px; top:0px; width:500px; height:100px; background-color: transparent; font-size:10pt; color=#4040ff">

<br>
<BR>%%entry%%
<BR>
<BR>

<font size="1">

</DIV>
</CENTER>
</BODY>
</HTML>

kittycat
10-30-2004, 01:16 AM
You forgot the style= part on a lot of the divs, and the position: absolute; part that makes it position so try this:
<HTML>
<HEAD>
<TITLE>coeurfragile.diaryland.co m | there's not much here, but what's here's mine </TITLE>
<STYLE TYPE="text/css">

A:link
{ text-decoration: none; color:#ff0000}
A:visited
{ text-decoration: none; color:#ff0000}
A:active
{ text-decoration: none; color:#ff0000}
A:hover
{ text-decoration: none; color:#ffffff; cursor:crosshair}

body
{background-color: ffffff;
scrollbar-base-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
font-family: century gothic;
color:#000000;
font-size: 10pt;}

input, textarea
{ background: #ffffff;
font-family: century gothic;
font-size: 10pt;
color: #000000;
border-style: dashed;
border-color: #000000;
border-width: 2px }


.title {background: transparent ; width:100%; border: 0px; font-weight:normal; color:#ffffff; margin: 0px}
-->
</STYLE>
</HEAD>

<body>
<img src="brian.jpg" style="position: absolute; top:0px; left:0px"><br>

<img src="navigation.jpg" style="position: absolute; top:0px; left:0px">

<div id=links style="position: absolute; top:20px; left:20px; width:300px; height:300px;">
<A HREF="index.html"> index </A>
<BR><A HREF="older.html"> older</A>
<BR><a href="http://members.diaryland.com/edit/profile.phtml?user=coeurf ragile"> profile</a>
<BR><A HREF="http://diaryland.com" target="_blank"> diaryland</A>
<BR><A HREF="http://members.diaryland.com/edit/notes.phtml?user=coeurfra gile"> notes</A>
<br><a href="http://coeurfragile.diaryland.co m/music.html"> music</a>
<br><a href="http://www.placeboworld.co.uk"> placebo</a>

<a href="http://www.imood.com/query.cgi?email=boilerroo mgirl@msn.com"><img src="http://moods.imood.com/display/email=boilerroomgirl@msn. com/fg=ffffff/trans=1/imood.gif" alt="The current mood of boilerroomgirl@msn.com at www.imood.com" border="0"></a>
<br><br>

<font size="1">
Layout & Image ©2004<br>
by <a href="http://coeurfragile.diaryland.co m">Minka</a></font>
</DIV>



<DIV style="position: absolute; left:50px; top:0px; width:500px; height:100px; background-color: transparent; font-size:10pt; color:#4040ff">

<br>
<BR>%%entry%%
<BR>
<BR>

<font size="1">

</DIV>
</CENTER>
</BODY>
</HTML>

aerith86
10-30-2004, 01:25 AM
I knew it was stupid mistakes, from deleting things I shouldn't have.


Thanks so much :) It's working perfect now.