Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    tib
    tib is offline
    New Coder
    Join Date
    Apr 2005
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    positioning text

    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?

  • #2
    tib
    tib is offline
    New Coder
    Join Date
    Apr 2005
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh yeah and I want to place it relative to a div the code for the div is as follows

    Code:
    #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
    Code:
    <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

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    More info, example, sketch?

    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?
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #4
    tib
    tib is offline
    New Coder
    Join Date
    Apr 2005
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Attached Thumbnails Attached Thumbnails positioning text-sketch.gif  

  • #5
    tib
    tib is offline
    New Coder
    Join Date
    Apr 2005
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts
    here is the code to my page
    Code:
    <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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •