Plaats menu

[Pa Dalton]

Hallo,

ik heb een zwevend menu 'tje van het web geplukt en het lukt mij maar niet om deze op een vaste plaats te positioneren.
Links, rechts en center is geen probleem. Maar ik wil hem iets van de rechterkantlijn afhebben.
Wie wil mij hiermee helpen? Ben al een hele morgen aan het rommelen.

<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://www.1.com/css/">1</a>
<a href="http://www.2.com/html/">2</a>
<a href="http://www.3.com/javascript/">3</a>
<a href="http://www.4.com/coldfusion/">4</a>
<a href="http://www.5.com/myspace/codes/">5</a>
</div>

Alvast hartelijk bedankt.

 

[Ryan89]

Hallo,

Allereerst ben ik geen ontzettende kei met html, maar als ik in mijn geheugen graaf naar mijn lessen die ik heb gehad op school, moet je volgens mij met margin het menu aan de rechterkant positioneren en dan met padding een stukje van de kant afhalen.

 

[Pa Dalton]

Helaas Ryan89, dat gaat niet lukken.

Ik heb het net 5 minuten geleden op onderstaande manier opgelost.
Het werkt, maar of dit de schoonheidsprijs verdiend?
Ik houd mij aanbevolen voor een andere(betere) oplossing.



<style>
div.floating-menu {position:fixed;left:750px;
border: 1px solid black;
top: 27px;
width:120px;
height: 18px;
background:#9ccfff;border:
1px solid #9ccfff;z-index:300;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
</style>

<div class="floating-menu">
<h3> </h3>
<%= TopicLink([<p align="CENTER">TOP</p>],[_3I01BBGCZ],[TOP]) %>
</div>

bedankt voor het meedenken.