DHTML-Dropdown Menu


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

BeitragDHTML-Dropdown Menu Antworten mit Zitat

Hallöchen

Ich habe das Sript http://www.homepage-total.de/javascript/hor_dhtml-menue.php eingebaut. Klappt auch wunderbar.

Jetzt möchte ich in der Menuleiste aber nicht nur aufklappbare Menus haben, sondern auch welche, die direkt auf einen externen Link verweisen. Wenn ich jetzt also die Zeilen mit den Untermenus streiche, und dem <img> des Buttonbildes mit a href einen Link zuweise, klappt das auch.

Aaaaber. Das Bild bekommt einen Rahmen. Ich finde nicht heraus, wie ich das wegbekomme. Habe alle border-Einträge mal rausgenommen, aber der Rahmen bleibt, und dadurch sticht dieser Menupunkt natürlich heraus.

Kann mir jemand helfen?
01 Nov 2009 12:34
minni12
Mitglied

Beitrag Antworten mit Zitat

Hi.

Hier kann man das testweise ansehen: http://www.minnerop.de/fun

Hier mal der Code zu diesem Bereich. Es geht um den letzten Eintrag mit dem bild shop.jpg

Code:
 <style type="text/css">
.bereich{
display: block;
color: #FFFFBF;
background-color: #77D3FE;
text-align: center;
}

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

a.link.bereich{
display: block;
background-color: #FFFFBF;
width: 100px;
height: 25px;
border-bottom: solid 1px #0040FF;
}

a.link:hover{
display: block;
color: #000000;
background-color: #AAFFBF;
border-bottom: solid 1px #0040FF;
}
</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>

<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 192px; left: 35px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<img src="../bilder/verein.jpg" width=100 height=25>
<span id="menue#1" style="display: none;">
<a href="../home/startseite.php" class="link">Startseite</a>
<a href="../bilder/bilder.php" class="link">Bilder</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<img src="../bilder/paten.jpg" width=100 height=25>
<span id="menue#2" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<img src="../bilder/statistik.jpg" width=100 height=25>
<span id="menue#3" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>

<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<img src="../bilder/forum.jpg" width=100 height=25>
<span id="menue#4" style="display: none;">

<a href="http://busia.siteboard.org" class="link">Forum</a>
</span>
</div>
</td>

<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<img src="../bilder/shop.jpg" width=100 height=25>
<span id="menue#5" style="display: none;">
<a href="http://busia.siteboard.org" class="link">Forum</a>
</span>
</div>
</td>

<td valign=top>
<span>
<a href="http://busia.siteboard.org"><img src="../bilder/shop.jpg" width=100 height=25></a>
</span>
</td>

</tr>
</table><br clear="all"/>
01 Nov 2009 13:48
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

schreib in die CSS:

Code:
img{border: solid 0px; }

_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ]
01 Nov 2009 16:52
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
minni12
Mitglied

Beitrag Antworten mit Zitat

WOW!

So einfach, danke Very Happy
01 Nov 2009 19:24
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster 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 Arghhh- bitte Hilfe zu Horizontales ... Javascript 4 Rotlocke 26 Aug 2010 15:51 Letzten Beitrag anzeigen
Keine neuen Beiträge horizontales und vertikales menu (X)HTML 1 Michl 23 Feb 2010 11:02 Letzten Beitrag anzeigen
Keine neuen Beiträge css hyperlinks button mit dropdown CSS 1 keks 29 Okt 2009 11:58 Letzten Beitrag anzeigen
Keine neuen Beiträge Probleme mit Menu CSS 1 tobsp 24 Okt 2009 00:47 Letzten Beitrag anzeigen
Keine neuen Beiträge [JS/DHTML] Div mit Mausklick temporal... Javascript 1 CPU 30 Okt 2007 16:17 Letzten Beitrag anzeigen