tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
337
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Caipirinia Caipirinia ist offline Mitglied
    Registriert seit
    Nov 2007
    Beiträge
    16
    habe soeben ein drop down menü erstellt:
    Ebene mit 3 Bilder und entsprechenden verlinkungen, soweit funktionierts. allerdins ist das menü wenn ich in der Vorschau bin eingeblendet und das soll es ja nicht. Erst wenn der Mauszeiger über den 1.Link fährt.
    Hab folgende Aktionen eingestellt
    Mauseintritt - Sichtbarkeit u Anzeigen
    Mausaustritt - Sichtbarkeit u Ausblenden
    Habe bis jetzt nur gefunden das ich im Ebeneninspektor die Sichtbarkeit deaktivieren muss, allerdings passiert dann garnichts mehr (DropDown Menü blendet garnicht ein), bin mal wieder ratlos und würde mich über eure hilfe freun

    sweet greets, caipi
     

  2. #2
    Avatar von roundaboutmedia
    roundaboutmedia roundaboutmedia ist offline Mitglied Gold
    Registriert seit
    Jul 2007
    Beiträge
    108
    hi, wie machst du das Menü? mit DIV oder lässt du dir da mit java script machen?
     

  3. #3
    Caipirinia Caipirinia ist offline Mitglied
    Registriert seit
    Nov 2007
    Beiträge
    16
    hab div genutzt
     

  4. #4
    Avatar von roundaboutmedia
    roundaboutmedia roundaboutmedia ist offline Mitglied Gold
    Registriert seit
    Jul 2007
    Beiträge
    108
    kannst du vielleicht einen Quellcode hier reinstellen, dann kann ich dir vielleicht besser weiter helfen.
    Oder such mal nach drop down Menüs hier in der Suche, da findest bestimmt auch was.
     

  5. #5
    Caipirinia Caipirinia ist offline Mitglied
    Registriert seit
    Nov 2007
    Beiträge
    16
    kein problem, wobei ich erwähnen muss das die oberen menübutton in einem frame stehen und die unteren punkte im inhaltsframe aufgehen soll. hab grade noch mal hin und her probiert aber es klappt einfach nicht ;((

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Adobe GoLive" />
    <title>main</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
    <style type="text/css" media="screen"><!--
    #drop1 { height: 140px; width: 100px; left: 220px; top: 50px; position: absolute; visibility: visible; }
    --></style>
    <csactions>
    <csaction name="1b88dbd0" class="ShowHide" type="onevent" val0="drop1" val1="2"></csaction>
    <csaction name="1b9d7051" class="ShowHide" type="onevent" val0="drop1" val1="0"></csaction>
    <csaction name="19672890" class="ShowHide" type="onevent" val0="drop1" val1="1"></csaction>
    <csaction name="198539d1" class="ShowHide" type="onevent" val0="drop1" val1="0"></csaction>
    </csactions>
    <csscriptdict import="import">
    <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    CSAct[/*CMP*/ '1b88dbd0'] = new Array(CSShowHide,/*CMP*/ 'drop1',2);
    CSAct[/*CMP*/ '1b9d7051'] = new Array(CSShowHide,/*CMP*/ 'drop1',0);
    CSAct[/*CMP*/ '19672890'] = new Array(CSShowHide,/*CMP*/ 'drop1',1);
    CSAct[/*CMP*/ '198539d1'] = new Array(CSShowHide,/*CMP*/ 'drop1',0);
    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    pre_menue_geschichte2 = newImage('dropdwon/menue_geschichte2.gif');
    pre_menue_referenz2 = newImage('dropdwon/menue_referenz2.gif');
    pre_wirUeberUns_ora = newImage('pics/wirUeberUns_ora.gif');
    pre_heizung_ora = newImage('pics/heizung_ora.gif');
    pre_lueftung_ora = newImage('pics/lueftung_ora.gif');
    pre_sanitar_ora = newImage('pics/sanitar_ora.gif');
    pre_industrrohr_ora = newImage('pics/industrrohr_ora.gif');
    pre_haase_ora = newImage('pics/haase_ora.gif');
    pre_menue_aktuelles2 = newImage('dropdwon/menue_aktuelles2.gif');
    preloadFlag = true;
    }
    }

    // --></script>
    </csactiondict>
    </head>


    <body onload="preloadImages();" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
    <div id="drop1" onmouseover="CSAction(new Array(/*CMP*/'19672890'));return true;" onmouseout="CSAction(new Array(/*CMP*/'198539d1'));return true" csout="198539d1" csover="19672890">
    <a onmouseover="CSAction(new Array(/*CMP*/'1b88dbd0'));changeImages('menue_aktuelles1','dropdwon/menue_aktuelles2.gif');return true;" onmouseout="CSAction(new Array(/*CMP*/'1b9d7051'));changeImages('menue_aktuelles1','dropdwon/menue_aktuelles1.gif');return true;" href="aktuell.html" target="inhalt" csout="1b9d7051" csover="1b88dbd0"><br><br><img id="menue_aktuelles1" src="dropdwon/menue_aktuelles1.gif" alt="" name="menue_aktuelles1" width="99" height="23" align="top" border="0" /></a><a onmouseover="changeImages('menue_geschichte1','dropdwon/menue_geschichte2.gif');return true" onmouseout="changeImages('menue_geschichte1','dropdwon/menue_geschichte1.gif');return true" href="geschichte.html" target="inhalt"><img id="menue_geschichte1" src="dropdwon/menue_geschichte1.gif" alt="" name="menue_geschichte1" width="99" height="22" align="middle" border="0" /></a><a onmouseover="changeImages('menue_referenz1','dropdwon/menue_referenz2.gif');return true" onmouseout="changeImages('menue_referenz1','dropdwon/menue_referenz1.gif');return true" href="referenzen.html" target="inhalt"><img id="menue_referenz1" src="dropdwon/menue_referenz1.gif" alt="" name="menue_referenz1" width="99" height="19" align="bottom" border="0" vspace="9" /></a></div>
    <div style="position:relative;width:817px;height:92px;-adbe-g;">
    <div style="position:absolute;top:0px;left:0px;width:817px;height:92px;">
    <table width="817" border="0" cellspacing="0" cellpadding="0">
    <tr height="92">
    <td colspan="3" height="92" background="pics/logo.gif">
    <div style="position:relative;width:817px;height:92px;float:left;-adbe-g:d;">
    <div style="position:absolute;top:32px;left:224px;width:99px;height:38px;">
    <a onmouseover="changeImages('_image','pics/wirUeberUns_ora.gif');return true" onmouseout="changeImages('_image','pics/wirUeberUns_schw.gif');return true" href="pics/menue/wirueberuns.html" target="inhalt"><img id="_image" src="pics/wirUeberUns_schw.gif" alt="" name="_image" height="38" width="99" border="0" /></a></div>
    <div style="position:absolute;top:32px;left:323px;width:82px;height:38px;">
    <a onmouseover="changeImages('heizung_schw','pics/heizung_ora.gif');return true" onmouseout="changeImages('heizung_schw','pics/heizung_schw.gif');return true" href="pics/menue/heizung.html" target="inhalt"><img id="heizung_schw" src="pics/heizung_schw.gif" alt="" name="heizung_schw" height="38" width="82" border="0" /></a></div>
    <div style="position:absolute;top:32px;left:405px;width:79px;height:38px;">
    <a onmouseover="changeImages('lueftung_scw','pics/lueftung_ora.gif');return true" onmouseout="changeImages('lueftung_scw','pics/lueftung_scw.gif');return true" href="pics/menue/lueftung.html" target="inhalt"><img id="lueftung_scw" src="pics/lueftung_scw.gif" alt="" name="lueftung_scw" height="38" width="79" border="0" /></a></div>
    <div style="position:absolute;top:32px;left:484px;width:72px;height:38px;">
    <a onmouseover="changeImages('sanitaer_schw','pics/sanitar_ora.gif');return true" onmouseout="changeImages('sanitaer_schw','pics/sanitaer_schw.gif');return true" href="pics/menue/sanitaer.html" target="inhalt"><img id="sanitaer_schw" src="pics/sanitaer_schw.gif" alt="" name="sanitaer_schw" height="38" width="72" border="0" /></a></div>
    <div style="position:absolute;top:32px;left:556px;width:127px;height:38px;">
    <a onmouseover="changeImages('industrrohr_schw','pics/industrrohr_ora.gif');return true" onmouseout="changeImages('industrrohr_schw','pics/industrrohr_schw.gif');return true" href="pics/menue/industrrlb.html" target="inhalt"><img id="industrrohr_schw" src="pics/industrrohr_schw.gif" alt="" name="industrrohr_schw" height="38" width="127" border="0" /></a></div>
    <div style="position:absolute;top:32px;left:683px;width:126px;height:38px;">
    <a onmouseover="changeImages('haase_schw','pics/haase_ora.gif');return true" onmouseout="changeImages('haase_schw','pics/haase_schw.gif');return true" href="pics/menue/haase.html" target="inhalt"><img id="haase_schw" src="pics/haase_schw.gif" alt="" name="haase_schw" height="38" width="126" border="0" /></a></div>
    </div>
    </td>
    </tr>
    </table>
    </div>
    </div>
    </body>

    </html>

    habs jetzt soweit das sich das menü einblendet, wenn ich mit der maus über den "obermenüpunkt" gehe.
    allerdings blendet es sich, sobald ich mit dem mauszeiger aus dem bild "Wir über uns" rausgehe, die ebene wieder aus. ... ohjee
     

Ähnliche Themen

  1. Probleme mit Drop-Down Menü in IE 7
    Von Stacy230 im Forum CSS
    Antworten: 2
    Letzter Beitrag: 07.12.10, 18:14
  2. Antworten: 9
    Letzter Beitrag: 22.08.08, 09:35
  3. Probleme bei Drop Down Menü
    Von Drillerkiller im Forum CSS
    Antworten: 5
    Letzter Beitrag: 30.07.08, 06:19
  4. Antworten: 12
    Letzter Beitrag: 30.04.08, 18:49
  5. Antworten: 1
    Letzter Beitrag: 09.08.07, 16:54