PDA

View Full Version : Text positioning*

Lees
10-25-2005, 10:18 PM
Could someone please tell me, how you position your paragraphs and text?
I can't figure it out.
pb&j
10-25-2005, 10:29 PM
position it in what way?
do you have a webpage in the works that we can look at and see how to adjust your current coding?
Lees
10-26-2005, 12:06 AM
http://www.freewebs.com/ctrm/Home.htm

That's it. I want to put a paragraph under the picture.
pb&j
10-26-2005, 07:08 AM
1. you seem to be using css positioning, so just go with the flow and use the same type of system for your paragraph too.

2. your coding needed to be fixed up a bit...

<html>
<head>
<title>*'~Choose The Right Music~'*</title>

<style type="text/css">
A:link{COLOR:ffffff; TEXT-DECORATION: none; font-weight: bold; font-size:8pt;}
A:visited{COLOR:ffffff; TEXT-DECORATION: none; font-weight: bold; font-size:8pt;}
A:active{COLOR:ffffff; TEXT-DECORATION: none; font-weight: bold font-size:8pt;}
A:hover{COLOR:555555; TEXT-DECORATION: none; cursor: nw-resize; font-size:8pt;}
img.x
{position: absolute;
left: 247px;
top: 2px;}
</style>

</head>

<body bgcolor="#000000">

<img class="x" src="http://img335.imageshack.us/img335/199/ctrmlay1glow4gg.jpg">

<div style="position: absolute; left: 333px; top: 392px;">
<font color="#FFFFFF" size="+1.5">
<marquee bgcolor="#000000" direction="left" loop="20" width="58%">
<i>Welcome to CTRM! I hope you enjoy your stay here.</i> "Sacred music makes spiritual things more understandable.
It prepares emotions for response to the promptings of the Holy Spirit." -<b> Richard G. Scott </b>
</marquee>
</font>
</div>

<font face="Arial, Tahoma, Verdana, sans-serif" color="black">

<div style="position:absolute; width:100px; height:100px; left:100px; top:100px;">
your text here
</div>

<div style="position:absolute; width:200px; height:400px; left:219px; top:355px;">
<br><a href="frame.html" target="frame">Home</a>
<br><a href="http://valrim.proboards59.com/" target="frame">Forum</a>
<br><a href="nominate.html" target="frame">Media</a>
<br><a href="affiliates.html" target="frame">Listen</a>
<br><a href="categories.html" target="frame">Fan Art</a>
</div>

<div style="position:absolute; width:200px; height:400px; left:729px; top:25px;">
<br><a href="winners.html" target="frame">Testimony</a>
<br><a href="rules.html" target="frame">Writen Works</a>
<br><a href="contact.html" target="frame">Contact</a>
<br><a href="awards.html" target="frame">Affiliates</a>
<br><a href="nominees.html" target="frame">Spiritual thought Of The Day</a>
</div>

</font>
</html>

^^ with the red part, adjust the 100 numbers to make the div box appear in the right spot and have the right dimensions you want.
compare the above coding to your current coding to see the differences and learn from them.