Vertikales Java Menü "verankern"

Hallo,

ich habe folgendes Problem:

Ich verwende bei meiner Homepage Tables und habe ein Vertikales Drop-Down Menü welches auf Java basiert.
Nun habe ich festgestellt das das Menü sich mit der Bildschirmgröße verschiebt.
Ich habe einen 17" Bildschirm und die Menüleiste ist genau auf der Position die ich haben möchte. Hat man nun einen 15" Bildschirm ist das Menü im Textfeldbereich. Bei größeren Monitoren (19", etc.) rutscht das Menü wiederum weit nach links. Wie kann ich das Menü fixieren. Oder helfen da nur frames??

Danke!!!

Rocco

stell bei deiner tabelle eine fixe größe ein

die Tabelle hat eine fixe größe, ist aber zentriert.

MrJava

Post mal den Code und geb den Link an.

hier ist der Link
http://www.metzgerei-kraemer.de/metzgerei/rindfleisch.html

den Code habe ich als download von einer Java Website. Komentare sind teilweise noch dabei. Wahr schon froh das ich das überhaupt zum laufen gebracht habe.

/* NEEDED STYLES */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:2; top:2; z-index:200;}
/* NEEDED ----- This class should be named like this:
#NAME_OF_YOUR_MENUcont
*/
#slideMenucont{position:absolute; top:500; height:600; width:200; visibility:hidden;}
</style>

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

</script>
</head>
<script>

//Creating the menu object -- You can call it whatever you want - just remember to
//have the same name as the argument.
slideMenu = new createSlideMenu("slideMenu")

//Variables to set:
slideMenu.menuy=150 //The top placement of the menu.
slideMenu.menux=0 //The left placement of the menu
slideMenu.useImages = 1 //Are you using images or not?
slideMenu.pxspeed=20 //The pixel speed of the animation
slideMenu.timspeed=25 //The timer speed of the animation
slideMenu.inset = 10 //How much the selected items should pop to the left
slideMenu.arrow = 0 //Set this to className that has font-family:webdings
//if you want to use the arrow feature. Note:
//This ONLY works on DOM capable browsers, and with
//useImages set to 0 - It's basically just a test I did.
//I hope to improve it later on.

//Needed dummy classes - leave in the stylesheet!
slideMenu.bgClass = "slideMenuBG"
slideMenu.txtClass = "slideMenuText"

//Image preload --- leave this
for(var i=0;i<slideMenu.level;i++){
var l = slideMenu.level[i]
new preLoadBackgrounds(l.regImage,l.roundImg,l.roundImg2,l.subImg,l.subRound)
}

//Menu 1 -----------------------
slideMenu.makeMenu('top','Partyservice')
slideMenu.makeMenu('sub','Partyservice','http://www.metzgerei-kraemer.de/metzgerei/partyservice.html')
slideMenu.makeMenu('sub','Geschirrverleih','http://www.metzgerei-kraemer.de/metzgerei/geschirr.html')

morpheus(23)

Geht Nur mit einem festen Rand, hier der html-Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>.::Metzgerei & Partyservice A. Krämer - Nur das Beste für Sie und Ihre Gäste::.</title>
<meta NAME="author" content="Silke Krämer">
<meta name="keywords" content="Metzgerei, Partyservice, eigene Schlachtung, Schwein, Rind, Rezepte, Krämer, Urspringen, Main Spessart, Franken, Unterfranken, Fleischer, schlachten,
Silke, Buffet, Marktheidenfeld, Karlstadt, Spessart, Mainfranken, Würzburg, Wurst, Wurstherstellung, Bio, 97857, Sausage, Beef, Pork, Rindfleisch, Schweinefleisch, Plattenservice">
<meta name="Metzgerei Krämer" content="Homepage der Metzgerei Krämer">
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

a:active {
text-decoration: none;
}
.text { font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #000000; }
-->
</style>
</head>
<body background="http://www.metzgerei-kraemer.de/metzgerei/layo…rgrundgruen.jpg" >

<style>
BODY {SCROLLBAR-FACE-COLOR: #C0008B; SCROLLBAR-HIGHLIGHT-COLOR: #C0008B; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #C0008B; SCROLLBAR-DARKSHADOW-COLOR: #666666; }
</style>
<table width="875" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width ="100"></td>

<td width ="170" valign="top" height="100%">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" nowrap background="http://www.metzgerei-kraemer.de/metzgerei/layout/nav.jpg">
<tr><td>

<style type="text/css">
div.clSlideMenu{ /* All slideMenu2 DIV elements */
position:absolute;
font-family:arial,verdana,helvetica;
font-size:10px;
overflow:hidden;
width:150;
height:22;
}
a.clA0{ /* All top level links */
color:white;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
a.clA1{ /* All sub level links */
color:black;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
a.clA2{ /* All sub2 level links */
color:navy;
text-decoration:none;
}

/* NEEDED STYLES */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:2; top:2; z-index:200;}
/* NEEDED ----- This class should be named like this:
#NAME_OF_YOUR_MENUcont
*/
#slideMenucont{position:absolute; top:500; height:600; width:200; visibility:hidden;}
</style>

</script>

//Creating the menu object -- You can call it whatever you want - just remember to
//have the same name as the argument.
slideMenu = new createSlideMenu("slideMenu")

//Variables to set:
slideMenu.menuy=150 //The top placement of the menu.
slideMenu.menux=0 //The left placement of the menu
slideMenu.useImages = 1 //Are you using images or not?
slideMenu.pxspeed=20 //The pixel speed of the animation
slideMenu.timspeed=25 //The timer speed of the animation
slideMenu.inset = 10 //How much the selected items should pop to the left
slideMenu.arrow = 0 //Set this to className that has font-family:webdings
//if you want to use the arrow feature. Note:
//This ONLY works on DOM capable browsers, and with
//useImages set to 0 - It's basically just a test I did.
//I hope to improve it later on.

//Needed dummy classes - leave in the stylesheet!
slideMenu.bgClass = "slideMenuBG"
slideMenu.txtClass = "slideMenuText"

//Image preload --- leave this
for(var i=0;i<slideMenu.level;i++){
var l = slideMenu.level[i]
new preLoadBackgrounds(l.regImage,l.roundImg,l.roundImg2,l.subImg,l.subRound)
}

//Menu 1 -----------------------
slideMenu.makeMenu('top','Partyservice')
slideMenu.makeMenu('sub','Partyservice','http://www.metzgerei-kraemer.de/metzgerei/partyservice.html')
slideMenu.makeMenu('sub','Geschirrverleih','http://www.metzgerei-kraemer.de/metzgerei/geschirr.html')

//Menu 2 -----------------------
slideMenu.makeMenu('top','Angebot','http://www.metzgerei-kraemer.de/metzgerei/partyservice.html')

//Menu 3 -----------------------
slideMenu.makeMenu('top','über uns','http://www.metzgerei-kraemer.de/metzgerei/wir.html')

//Menu 4 -----------------------
slideMenu.makeMenu('top','Fleischkunde')
slideMenu.makeMenu('sub','Rindfleisch','http://www.metzgerei-kraemer.de/metzgerei/rindfleisch.html')
slideMenu.makeMenu('sub','Kalb','http://www.metzgerei-kraemer.de/metzgerei/kalb.html')
slideMenu.makeMenu('sub','Schweinefleisch','http://www.metzgerei-kraemer.de/metzgerei/schweinefleisch.html')
slideMenu.makeMenu('sub','Geflügel','http://www.metzgerei-kraemer.de/metzgerei/gefluegel.html')

//Menu 5 -----------------------
slideMenu.makeMenu('top','Rezepte')
slideMenu.makeMenu('sub','vom Rind','http://www.metzgerei-kraemer.de/metzgerei/rezepterind.html')
slideMenu.makeMenu('sub','vom Kalb','http://www.metzgerei-kraemer.de/metzgerei/rezeptekalb.html')
slideMenu.makeMenu('sub','vom Schwein','http://www.metzgerei-kraemer.de/metzgerei/rezepteschwein.html')
slideMenu.makeMenu('sub','Geflügel','http://www.metzgerei-kraemer.de/metzgerei/rezeptegefluegel.html')
slideMenu.makeMenu('sub','Beilagen/Vegetarisch','http://www.metzgerei-kraemer.de/metzgerei/rezeptevegi.html')

//Menu 6 -----------------------
slideMenu.makeMenu('top','Shop','http://www.metzgerei-kraemer.de/metzgerei/shop.html')

//Menu 7 -----------------------
slideMenu.makeMenu('top','Gästebuch')
slideMenu.makeMenu('sub','eintragen','http://www.metzgerei-kraemer.de/metzgerei/geintrag.html')
slideMenu.makeMenu('sub','lesen','http://www.metzgerei-kraemer.de/metzgerei/glesen.html')

//Menu 8 -----------------------
slideMenu.makeMenu('top','Kontakt')
slideMenu.makeMenu('sub','e-mail','mailto:kontakt@metzgerei-kraemer.de')
slideMenu.makeMenu('sub','Impressum','http://www.metzgerei-kraemer.de/metzgerei/impressum.html')

//Menu 9 -----------------------
slideMenu.makeMenu('top','Links','http://www.metzgerei-kraemer.de/metzgerei/links.html')

//Initiating the menu !!
slideMenu.init()

</script>

</td></table>
</td>
<td width="605" bgcolor="#FFFFFF" align="left" class="text">

[Blockierte Grafik: http://www.metzgerei-kraemer.de/metzgerei/layout/head2.jpg]

Fleischkunde - Das Rind
[Blockierte Grafik: http://www.metzgerei-kraemer.de/metzgerei/layout/rind_schema.jpg]

1. Hals

Verwendung: Gulasch, Hackfleisch, Schlachtfleisch

2. Brustbein

Verwendung: Suppenfleisch

3. mittlere Brust

Verwendung: Suppenfleisch

4. Bug

Verwendung: Sauerbraten, Braten, Suppenfleisch

5. Hochrück

Verwendung: Sauerbraten, Braten, Suppenfleisch

6. Roastbeef

Verwendung: Steaks, Braten

7. Querrippe

Verwendung: Suppenfleisch

8. Nachbrust

Verwendung: Suppenfleisch

9. Bauchlappen

Verwendung: Suppenfleisch

10. Filet

Verwendung: Lendensteaks, Tournedos, Chateaubrind, Filetsteak, Filet Mignon

12. Huft

Verwendung: Braten

13. Nuss

Verwendung: Braten

14. Unterschale

Verwendung: Braten

15. Hinterhesse / Beinscheiben

16. Vorderhesse / Wade

17. Oberschale

Verwendung: Rouladen

18. Schwanz

Verwendung: Suppe

15/16 Beinfleisch
</td>
</tr>

</table>

</body>
</html>

Vertikales Java Menü "verankern"

Tags

Benutzer online in diesem Thema