Menü


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
mathe
Gast

BeitragMenü Antworten mit Zitat

hi leute,
wie kann hier, z.B. die Seite hobbys.html nicht nach unten, sondern nach rechts ,beim überfahren von der Schaltfläche Über mich,
geöffnet werden???
Code:
<table     align="center" id="menu1"  border="0" cellpadding="0" cellspacing="0"   >

<style type="text/css">
.bereich{
display: block;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}

a.link{
display: block;
color: #FFD700;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}

a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;

}

a.link:hover{
display: block;
color: #000000;
background-color: #FFD700;
}
</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>

<tr>
<td >
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<a href="home.html"  onfocus="this.blur()">&nbsp;&nbsp;Home</a></td>
</div>
</tr>
<tr>
<td >
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<a href="Chat/index.php"  onfocus="this.blur()">&nbsp;&nbsp;Chat</a></td>
</div>
</tr>
<tr>
<td >
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<a href="Forum/index.php" onfocus="this.blur()">&nbsp;&nbsp;Forum</a></td>
</div>
</tr>
<tr>
<td >
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<a href="Gästebuch/guestbook.php" onfocus="this.blur()">&nbsp;&nbsp;Gästebuch</a></td>
</div>
</tr>
<tr>
<td >
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<a href="ich.html" class="link">&nbsp;&nbsp;Über Mich</a>
<span id="menue#5" style="display: none;">
<a href="ich.html" class="link" onfocus="this.blur()">Ich</a>
<a href="hobbys.html" class="link" onfocus="this.blur()">Hobbys</a>
</span>
</div>
</td>
</tr>
</table>
12 Jan 2008 20:39
Enni P
Mitglied

Beitrag Antworten mit Zitat

Sorry dass ich erst so spät antworte, aber hab im moment leider nicht soviel Zeit... Neutral
Aber dein Problem ist auch gar nicht so einfach zu lösen, da du Tabellen verwendest. Ich werde Morgen eine Lösung mit relativer Positionierung machen - Heute keine Zeit mehr Rolling Eyes

_________________
Endres


[ Mein Forum | Netzgemein.de Uploads ]
25 Jan 2008 17:48
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen MSN Messenger
mathe
Gast

Beitrag Antworten mit Zitat

danke
ich versuch das nämlich schon seit nen halben jahr und hatte schon alles mögliche
25 Jan 2008 22:01
Enni P
Mitglied

Beitrag Antworten mit Zitat

So. Nun funktioniert es einigermaßen. Einfach Tabelle und relative Positionierung verbinden Laughing
Der folgende Code funktioniert im IE 6/7 und Firefox, im Opera gibt es leichte verschiebungen, jedoch funktioniert es Wink
Code:
<head>
<style type="text/css">
.bereich {
 display: block;
 color: #FFFFFF;
 background-color: #000000;
 text-align: center;
 width: 100px;
}

.untermenu {
 display: none;
 color: #FFFFFF;
 background-color: #000000;
 text-align: center;
 position: relative;
}

a {
 display: block;
 color: #FFD700;
 font-family: Verdana, Arial;
 font-size: 13px;
 border-bottom: solid 1px #FFFFFF;
 text-decoration:none;
}

a:hover{
 display: block;
 color: #000000;
 background-color: #FFD700;
}
</style>

<script type="text/javascript">
var obj;
function anzeigen(das) {
 ausblenden();
 obj=document.getElementById("menue#"+das);
 obj.style.display="block";
}
function ausblenden() {
 for(var i=1;i<6;i++) {
  obj=document.getElementById("menue#"+i);
  obj.style.display="none";
 }
}
</script>
</head>
<body onClick="ausblenden()" onScroll="ausblenden()">
<table cellspacing="0" cellpadding="0" border="0">
 <tr>
  <td align="center">
   <div class="bereich" onMouseover="anzeigen(1)">
    <a href="home.html">Home</a>
   </div>
   <div class="bereich" onMouseover="anzeigen(2)">
    <a href="Chat/index.php">Chat</a>
   </div>
   <div class="bereich" onMouseover="anzeigen(3)">
    <a href="Forum/index.php">Forum</a>
   </div>
   <div class="bereich" onMouseover="anzeigen(4)">
    <a href="Gästebuch/guestbook.php">Gästebuch</a>
   </div>
   <div class="bereich" onMouseover="anzeigen(5)">
    <a href="ich.html">Über Mich</a>
   </div>
  </td>
  <td style="vertical-align:top;width:100px">
   <!-- In den einzelnen div's braucht nichts zu stehen! -->
   <div id="menue#1" class="untermenu" style="top:0px">
   </div>
   <div id="menue#2" class="untermenu" style="top:17px">
   </div>
   <div id="menue#3" class="untermenu" style="top:34px">
   </div>
   <div id="menue#4" class="untermenu" style="top:51px">
   </div>
   <div id="menue#5" class="untermenu" style="top:68px">
    <a href="ich.html">Ich</a>
    <a href="hobbys.html">Hobbys</a>
   </div>
  </td>
 </tr>
</table>
</body>

Viel Spaß Smile

_________________
Endres


[ Mein Forum | Netzgemein.de Uploads ]
26 Jan 2008 20:56
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen MSN Messenger
Gast


Beitrag Antworten mit Zitat

nochmals danke!
funktioniert,werde ich bald in meine homepage einbauen

tausend dank
26 Jan 2008 21:37
Enni P
Mitglied

Beitrag Antworten mit Zitat

Gerngeschehen

_________________
Endres


[ Mein Forum | Netzgemein.de Uploads ]
26 Jan 2008 21:38
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen MSN Messenger
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Auswahlliste-Menü als Hyperlink Hilfe für Webmaster 2 Marco 27 Mai 2011 15:34 Letzten Beitrag anzeigen
Keine neuen Beiträge Problem mit php-Menü PHP / MySQL 1 Patrick 23 Nov 2010 13:49 Letzten Beitrag anzeigen
Keine neuen Beiträge Arghhh- bitte Hilfe zu Horizontales ... Javascript 4 Rotlocke 26 Aug 2010 15:51 Letzten Beitrag anzeigen
Keine neuen Beiträge Menü 7 - Was mache ich falsch? Javascript 2 Gast Caro 16 Mai 2010 13:40 Letzten Beitrag anzeigen
Keine neuen Beiträge Drop down - Menü in Frames CSS 2 LadyMalia 30 Jan 2010 11:23 Letzten Beitrag anzeigen