View Full Version : Yo, small problem here...


PoynterJones
10-25-2005, 02:41 PM
Hiya there and thanks for actually making an attempt [sp?] for coming on this thread.

Well anyway, the text on my website [see below] seems to go all over the place.... if you scroll down to the bottom, and open close the Yahoo Geocites advertisment banner, the text seems to move. I need the text to stay in place in the middle of the big 'blob'. I don't know if it's just my pc though...

The website is http://www.geocities.com/princessangel_janine/index.html

Many thanks,
Jan

lefty
10-25-2005, 03:09 PM
Maybe it's just me, but that website is blank...?

PoynterJones
10-25-2005, 03:11 PM
Whoops, wrong link, its

http://www.geocities.com/princessangel_janine/home.html

Monkey Bizzle
10-25-2005, 03:35 PM
Since you are using positioning, it's kind of pointless to use a table... I took that out and cleaned up your code some... Try this:

<html>
<head>
<title>[[(</3)]].The.Rock.Star.In.Training.[[(</3)]]</title>

<style type="text/css">

body,tr,td, h6, p, li, b, u
{font-size: 8pt;
font-family: Verdana;
color: #FFFFFF;
line-height: 12px;
letter-spacing: 0pt;}

body
{scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
background-color: #000000;
margin: 0;}

a:link
{color: #FFFFFF;
text-decoration: none;
font-weight: normal;}

a:visited
{color: #FFFFFF;
text-decoration: none;
font-weight: normal;}

a:active
{color: #FFFFFF;
text-decoration: none;
font-weight: normal;}

a:hover
{color: #FFFFFF;
text-decoration: line-through;
cursor: help;}

</style>

</head>
<body>

<div id="Main Body" style="position: fixed; bottom: -200px; width: 100px; right: 250px;" align="right">

I'VE NEVER SEEN "POSITION: FIXED" BEFORE. I THINK YOU MEANT "POSITION: ABSOLUTE" CHANGED THE WORD "FIXED" TO "ABSOLUTE" AND CHANGE THE BOTTOM POSITION TO A POSITIVE NUMBER. THE REASON WHY IT MOVES WHEN YOU GET RID OF THE GEOCITIES AD IS BECAUSE YOU HAVE IT POSITIONED FROM THE RIGHT. I WOULD SUGGEST POSITIONING THIS DIV AND THE ONE UNDER THIS FROM THE TOP AND LEFT.

<!-- ImageReady Slices (zeerockstarintraning.png) -->
<img src="http://tinypic.com/eg5v8m.png" width="500" height="800" border="0" alt="" usemap="#zeerockstarintraning_Map">
<map name="zeerockstarintraning_Map">
<area shape="poly" alt="Click to go to the Homepage of The Rock Star In Training" coords="9,681, 21,677, 152,677, 165,683, 165,747, 160,753, 155,754, 20,754, 13,751, 7,751" href="http://www.geocities.com/princessangel_janine/index.html">
<area shape="circle" alt="Click to go to the Randoms page!" coords="437,553,48" href="http://www.geocities.com/princessangel_janine/randoms.html">
<area shape="circle" alt="Click to go to the Blog page!" coords="425,440,59" href="http://www.geocities.com/princessangel_janine/blog.html">
<area shape="circle" alt="Click to go to the Site page!" coords="443,674,46" href="http://www.geocities.com/princessangel_janine/site.html">
<area shape="circle" alt="Click to go to the Music page!" coords="390,318,54" href="http://www.geocities.com/princessangel_janine/musicplaylist.html">
</map>
<!-- End ImageReady Slices -->

</div>

<div id="mainbodytext" style="position: absolute; bottom: 100px; width: 200px; left: 82px;" align="center">
<b>Welcome</b>
<p>Hey, me here. Welcome to my personal website, The Rock Star In Training. I hope you don't get too bored looking around :P. Well, I really don't have much to say. Look out for more features in my website...
<p>You Rock,
<p>T.R.S.I.T
</div>

</body>
</html>

PoynterJones
10-25-2005, 03:57 PM
Thanks Monkey Bizzle, I get it now :D :star2:

Monkey Bizzle
10-25-2005, 04:13 PM
Thanks Monkey Bizzle, I get it now

You're welcome =)

kiwee
10-25-2005, 06:12 PM
by the way, none of it shows up in FireFox, apart from half the background

Monkey Bizzle
10-25-2005, 07:41 PM
by the way, none of it shows up in FireFox, apart from half the background

once they fix the code using the one i posted, that should be fixed... but you probably already knew that... being an HTML guru and all ;)