|
Navigation soll nach rechts öffnen
Hallo,
vorab: bin neu hier und blutiger Anfänger in CSS und java script.
Kann mir jemand mitteilen was ich eingeben muß, damit meine Navigation (Vorlage hab ich gezogen und a weng bearbeitet), nach rechts öffnet?Diese geht nach unten auf:
<style type="text/css">
<!--
A.link {
display: block;
width: 200px;
text-align: left;
text-decoration: none;
font-family: Arial;
font-size: 13px;
color: #18376D;
background-color: #f2f2f2;
border-bottom: solid 1px #000088;
}
a:hover.link {
color: #000088;
background-color: #e4e4e4;
}
a:active.link {
color: #FFFFFF;
background-color: #ff8000;
}
A.bereich {
display: block;
width: 200px;
text-align: left;
text-decoration: none;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #000088;
border-bottom: solid 1px #FFFFFF;
}
a:hover.bereich {
color: #FFFFFF;
background-color: #18376D;
}
.menue{
border-left: solid 1px #18376D;
border-right: solid 1px #18376D;
width: 200px;
}
-->
</style>
<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
<div class=menue style="width: 202px; height: 638px">
<!-- Bereich 1 -->
<a href="javascript:anzeigen('bereich1')" class=bereich>
<img src="index.1.GIF" border=0 hspace=3>Wir über uns</a>
<span id="bereich1" style="display: none;">
<a class="link" href="dienstleistungen.htm"> Unsere Dienstleistungen</a>
<a class="link" href="unsere%20werte%20sind%20unsere%20mission.htm">
Unternehmensphilosophie</a>
<a class="link" href="so%20finden%20sie%20uns.htm"> So finden Sie uns</a>
<a class="link" href="ansprechpartner.htm"> Ansprechpartner</a>
<a class="link" href="jobboerse.htm"> Jobbörse</a>
<a class="link" href="impressum.htm">
Impressum</a> <a class="link" href="rechtliche%20hinweise.htm"> Rechtliche Hinweise</a>
<a class="link" href="uebersicht.htm"> Übersicht</a>
</span>
<!-- Bereich 2 -->
<a href="javascript:anzeigen('bereich2')" class=bereich>
<img src="index.1.GIF" border=0 hspace=3>Gesundheit</a>
<span id="bereich2" style="display: none;"><a href="#" class=link> Gesetzl. Krankenversicherung</a>
<a href="#" class=link> Priv. Krankenversicherung</a> <a href="#" class=link> Krankenzusatzversicherung</a>
<a href="#" class=link> Pflegeversicherung</a> </span>
<!-- Bereich 3 -->
<a href="javascript:anzeigen('bereich3')" class=bereich>
<img src="index.1.GIF" border=0 hspace=3>Gesundheit</a>
<span id="bereich3" style="display: none;"><a href="#" class=link> Gesetzl. Krankenversicherung</a>
<a href="#" class=link> Priv. Krankenversicherung</a> <a href="#" class=link> Krankenzusatzversicherung</a>
<a href="#" class=link> Pflegeversicherung</a> </span>
<!-- Bereich 4 -->
<a href="javascript:anzeigen('bereich4')" class=bereich>
<img src="index.1.GIF" border=0 hspace=3>Altersvorsorge</a>
<span id="bereich4" style="display: none;"><a href="#" class=link> Das ist ein Demolink</a>
<a href="#" class=link> Das ist ein Demolink</a> <a href="#" class=link> Das ist ein Demolink</a>
<a href="#" class=link> Das ist ein Demolink</a> <a href="#" class=link> Das ist ein Demolink</a>
<a href="#" class=link> Das ist ein Demolink</a> </span>
</div>
Vielen Dnak im Voraus.
Gruß jozinho
|