PDA

View Full Version : menu help

Arwen
10-28-2005, 07:56 PM
I have a menu on the right side of my page, but how do I make the same menu on the left?

Here's what I have now (http://master_elf.t35.com/test.html)

And here's the code that I use


<div style="position: absolute; top: 60; right: 30; width: 150"><BR>

<div class="header">header</div>

<br>
+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

+ <a href="">Link</a><br>

</div>


Hope someone can help me!
pb&j
10-28-2005, 08:27 PM
1. add in the PX to this line...
<div style="position: absolute; top: 60px; right: 30px; width: 150px;">

2. copy all that same coding you have right now, and adjust the first line like this...
<div style="position: absolute; top: 60px; left: 30px; width: 150px;">
and change the number values (top and left) so it appears into the right place.
Arwen
10-29-2005, 09:12 AM
Hmm, it doesn't work... Here's what I got (http://master_elf.t35.com/test.html)...
pb&j
10-29-2005, 02:24 PM
you forgot an ending DIV and forgot the PX parts for the first one.
delete that all and try this...

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

<div style="position: absolute; top: 60px; right: 30px; width: 150px">
<BR>
<div class="header">header</div>
<br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br>
+ <a href="">Link</a><br><br>
</div>

<div style="position: absolute; top: 60px; left: 30px; width: 150px;">
<div class="header">header</div>
<br>
+ <a href="">Link 1</a><br>
+ <a href="">Link 2</a><br>
+ <a href="">Link 3</a><br>
+ <a href="">Link 4</a><br>
+ <a href="">Link 5</a><br>
+ <a href="">Link 6</a><br>
+ <a href="">Link 7</a><br>
+ <a href="">Link 8</a><br>
+ <a href="">Link 9</a><br>
+ <a href="">Link 10</a><br>
</div>

</body>
</html>
Arwen
10-29-2005, 03:19 PM
Thank you soooooo much!!! Now it works! :)
pb&j
10-30-2005, 03:13 AM
no worries. good luck!