• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vertikale Navigationsleiste

A

alex141097

Neues Mitglied
Hey erstmal :grin:
Ich habe schon probiert in einem anderen Thread für mein Problem Hilfe zu bekommen. Leider war ich vergeblich vieleicht aknn einer von euch ja mir helfen.
alsso hier mein Problem
Ich habe eine Navigationsleiste die horizontal ist und ueber dem bild. Aber
ich will das die Navigationsleiste rehcts vertikal neben dem bild ist. Hoffentlich kann mir jmd helfen. Schonmal Danke im Vorauss.
Hier der HTML Code.:razz::razz:
Danke im Voraus
HTML: 
<html>
<BODY BGCOLOR="white" onLoad="initm()">
<CENTER>
<STYLE type="text/css">
<!--
A   {text-decoration : none;}
LI  {color: 999999}
// -->
</STYLE>
<SCRIPT language="javascript">
<!--  auskommentieren
      if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))
      || ((navigator.appName == "Microsoft Internet  Explorer")&&(parseInt(navigator.appVersion.substring(0,1)) >=4)))
      {var version=true}
/* Browserabfrage: Layer-Object bekannt? */
if (document.layers)
      {ns = 1; ie = 0;}
else  {ns = 0; ie = 1;}
/* Funktion Dokument initialisieren */ /* Besser: Macromedia Script */
function initm() {if (ns) layer = document.MENU;
                 if (ie) layer = MENU.style;
                                 }
/* Funktion Schicht anzeigen */
function show(name) {if (ns)
                    {document.layers['' + name].visibility = "show";}
                                        else
                                        {document.all['' + name].style.visibility = "visible";}
                    }

function hide(name) {if (ns)

                    {document.layers['' + name].visibility = "hide";}

                                        else

                                        {document.all['' + name].style.visibility = "hidden";}

                                        }



/* Menu-Ebene verschieben rechts */

function movel() {if(ns)

                 {document.MENU.left=-50;}

                                 else

                                 {MENU.style.left=-50;}

                                 }



/* Menu-Ebene verschieben links */

function mover(){if(ns)

                {document.MENU.left=-210;}

                                 else

                                {MENU.style.left=-210;}

                                }

//-->

</SCRIPT>
<p>
<img src="http://img.webme.com/pic/g/gw-iva/logo.jpg" align="left" />
</p>
<div align="left">
<br /><br /><br /><br /><br /><br /><br /><br />
<div id="MENU" style="position:absolute; width:250; height:480; z-index:1; left:-210; top: 25; visibility: show; visibility: visible">

    <TABLE WIDTH="250" HEIGHT="450" BORDER=1 BGCOLOR="#000000" CELLPADDING=5 CELLSPACING=0><TR>

    <TD ALIGN=right VALIGN=top>

        <TABLE WIDTH=200 HEIGHT=470 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR>

                <TD ALIGN=right VALIGN=top>

                &nbsp;<BR>&nbsp;<BR>

                <A HREF="Home.html" target="_top" onMouseOver="show('Layer1')" onMouseOut="hide('Layer1')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Home</FONT></A><BR>

                <A HREF="Kontakt.html" target="_top" onMouseOver="show('Layer2')" onMouseOut="hide('Layer2')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Kontakt</FONT></A><BR>

                <A HREF="Beispiele.html" target="_top" onMouseOver="show('Layer3')" onMouseOut="hide('Layer3')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Beispiele</FONT></A><BR>

                <A HREF="Infos" target="_top" onMouseOver="show('Layer4')" onMouseOut="hide('Layer4')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Infos</FONT></A><BR>

                <A HREF="Produkte" target="_top" onMouseOver="show('Layer5')" onMouseOut="hide('Layer5')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Produkte</FONT></A><BR>

                <A HREF="Login" target="_top" onMouseOver="show('Layer6')" onMouseOut="hide('Layer6')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Login</FONT></A><BR>

                <A HREF="Impressum" target="_top" onMouseOver="show('Layer7')" onMouseOut="hide('Layer7')"><FONT FACE=arial COLOR="#FEFFED" SIZE=1>Impressum</FONT></A><BR>

                </TD>

                <TD ALIGN=right VALIGN=middle>

                <A HREF="Javascript:movel('MENU')"><img src="http://www.ds-webtools.de/tools/dhtml/weg/raus.gif" width=20 height=20 border=0 alt="Nach Rechts"></A><BR>

                <IMG SRC="leer.gif" WIDTH=1 HEIGHT=400 BORDER=0><BR>

        <A HREF="Javascript:mover('MENU')"><img src="http://www.ds-webtools.de/tools/dhtml/weg/rein.gif" width=20 height=20 border=0 alt="Nach Links"></A>

        </TD></TR></TABLE>

    </TD></TR></TABLE>

 </div>

<DIV ID="Layer1" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Home<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">Gelange Sie zurück auf die Startseite.

</FONT></FONT>

</TD></TR></TABLE>

</DIV>

<DIV ID="Layer2" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Kontakt<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">

Hier können Sie Kontakt mit uns aufnehmen.<BR>

</FONT></FONT>

</TD></TR></TABLE>

</DIV>

<DIV ID="Layer3" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Beispiele<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">

Hier sind ein paar Beispiele von unseren Programmierten Websiten.
</FONT></FONT>

</TD></TR></TABLE>

</DIV>

<DIV ID="Layer4" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Infos<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">

Hier sind Infos über uns.
</FONT></FONT>

</TD></TR></TABLE>

</DIV>
<DIV ID="Layer5" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Produkte<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">

Hier sind alle Produkte von uns.<BR>

</FONT></FONT>

</TD></TR></TABLE>

</DIV>
<DIV ID="Layer6" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Login<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">
Admin Login nur für Programmierer.
</FONT></FONT>

</TD></TR></TABLE>

</DIV>
<DIV ID="Layer7" style="position:absolute; width:145; height:150; z-index:5; top: 300; left: 10; visibility:hide; visibility:hidden;">

<TABLE WIDTH=145 HEIGHT=150 BGCOLOR="#FEFFED" BORDER=0 CELLPADDING=5><TR><TD ALIGN=left VALIGN=top>

<FONT FACE=arial Size=1 COLOR=blue>Impressum<BR>&nbsp;<BR>

<FONT COLOR="#3B3B3B">
Erfahren Sie alles über uns.
</FONT></FONT>

</TD></TR></TABLE>

</DIV>

</BODY>
</div>
</HTML>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben