...

View Full Version : positioning text



tib
06-03-2005, 12:48 PM
Hi I want to put links on the side of my page and have them displayed in the same spot regardless of the resolution (I am new at css) How can I accomplish this?

tib
06-03-2005, 01:00 PM
oh yeah and I want to place it relative to a div the code for the div is as follows



#lBar
{
PADDING-RIGHT: 0px;
BACKGROUND-POSITION: 50% bottom;
FLOAT: left;
BACKGROUND-IMAGE: url(../images/sidemenu2.gif);
WIDTH: 165px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 528px
z-index:-1
}


and in the html i have


<div id="lBar">
<img class="y" src="images/pic2.gif" WIDTH="165" HEIGHT="137">
</div>


so I want to place the text relative to this. Thanks

ronaldb66
06-03-2005, 01:49 PM
Any chance of providing a bit more info here? Do you have an example page, or can you put the page you're working on online somewhere, or could you provide an image, even a sketch, of what this should look like?

... on the side of my page... A page, and any square for that matter, has four sides; which one should the links be on?

... relative to a div... Relative how? Inside the div? Outside?

tib
06-03-2005, 02:20 PM
inside the div i guess here is a sketch (I would post the site but I can't at this time). I want my text to be placed inside the div1 area (lBar in my script)

Thanks for the help.

tib
06-03-2005, 02:29 PM
here is the code to my page


<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />

<script type="text/javascript" src="includes/browser.js"></script>
<script type="text/javascript" src="scripts/config7.js"></script>
</head>

<body onload = "init()">

<table WIDTH="750" ALIGN="CENTER" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<!--#include file = "includes/top_main.txt"-->
<tr>
<td ALIGN="RIGHT">
<div id="level0">
<div id="lBar">
<img class="y" src="images/pic2.gif" WIDTH="165" HEIGHT="137">
</div>
<div id="level2"><div id="level3">
<p></p>
<h1>test</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis egestas. Aliquam eget mauris. In vestibulum nulla at dolor. Aenean faucibus. Cras eget mi nec tellus mattis blandit. Sed enim. Ut dignissim, diam non ultrices posuere, tortor sapien placerat justo, et posuere purus leo eu enim. Suspendisse quis nisl quis elit tincidunt luctus. Cras pulvinar tortor non velit. Sed ut wisi a turpis faucibus porta. Suspendisse potenti. Donec nibh quam, pretium quis, porttitor non, adipiscing at, magna. Maecenas nec diam a risus auctor gravida. Integer quis felis. Nullam diam. Integer nibh diam, malesuada id, ultrices nec, egestas sit amet, est. Phasellus eu turpis et diam bibendum suscipit. Vestibulum neque. Duis vulputate. Donec cursus.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="mainmenu4" href="test1.asp"> More</a></p>
<h3>test</h3>
<p>Aliquam eget mauris. In vestibulum nulla at dolor. Aenean faucibus. Cras eget mi nec tellus mattis blandit. Sed enim. Ut dignissim, diam non ultrices posuere, tortor sapien placerat justo. More on velit. Sed ut wisi a turpis faucibus porta. Suspendisse potenti. Donec nibh quam, pretium quis, porttitor non, adipiscing at, magna. Maecenas nec diam a risus auctor gravida. Integer quis felis. Nullam diam. Integer nibh diam, malesuada id, ultrices nec, egestas sit amet, est. Phasellus eu turpis et diam bibendum suscipit. Vestibulum neque. Duis vulputate. Donec cursus.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="mainmenu4" href="test2.asp"> More</a></p>
<h3>test</h3>
<p>Aliquam eget mauris. In vestibulum nulla at dolor. Aenean faucibus. Cras eget mi nec tellus mattis blandit. Sed enim. Ut dignissim, diam non ultrices posuere, tortor sapien placerat justo. More on velit. Sed ut wisi a turpis faucibus porta. Suspendisse potenti. Donec nibh quam, pretium quis, porttitor non, adipiscing at, magna. Maecenas nec diam a risus auctor gravida. Integer quis felis. Nullam diam. Integer nibh diam, malesuada id, ultrices nec, egestas sit amet, est. Phasellus eu turpis et diam bibendum suscipit. Vestibulum neque. Duis vulputate. Donec cursus.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="mainmenu4" href="test.asp"> More</a></p>

</div>
</div>
</td>
</tr>
<!--#include file = "includes/bottom.txt"-->
</table>

</div>

</body>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum