layer verstecken

Dieses Thema im Forum "Web Page Design" wurde erstellt von eisman, 09.02.2007.

  1. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    wer weiß die Lösung ?
    aktueller zustand
    <table width="200" border="0">
    <tr>
    <td width="100">mouse hover </td>
    </tr>
    </table>

    wie bekomme ich es hin, das jetzt der "hidden" ( Blocktxt = Layer )
    erscheint , und beim rausfahren der Maus sich der Layer wider versteckt ?
    danke für die Hilfe

    eisman
     
  2. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    MacUser seit:
    01.06.2004
    Nur mit einem <a href>, ansonsten haste das Problem das der IE das nicht kann.

    Schau Dir mal die Funktion bei http://www.ntrsolidus.de auf der Startseite an, da kann man Divs per klick ein- und ausblenden.
    Wenn Du da anstatt onmouseclick, onmouseover nimmst haste Deinen Effekt.
     
  3. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    Tha Hammer
    danke für den link,
    habe mir den Teilquellcode rauskopiert,
    doch wie weise ich dem Submenü per CSS den Farbwechsel ( hover ) der Schrift zu. Danke

    eisman
     
  4. eisman

    eisman Thread Starter MacUser Mitglied

    Beiträge:
    1.891
    Zustimmungen:
    55
    MacUser seit:
    22.01.2005
    mist , klappt nicht !!!

    das steht im Headtag
    <script language="JavaScript" type="text/javascript" src="js/Ein-Ausblenden.js"></script>

    das habe ich im Bodytag
    <div id="Layer1" style="position:absolute; width:80px; height:75px; z-index:1; left: 129px; top: 309px; visibility: hidden;">
    <div class="portfolio"><span class="menu" onMouseOver="ShowHide('submenu','visible')" onMouseOut="ShowHide('submenu','hidden')">
    <div id="submenu"><a href="">&bull; Collage</a><br>
    <a href="*">&bull; People </a><br>
    <a href="*">&bull; Blue Sky</a><br>
    <a href="*">&bull; Industrie</a><br>
    <a href="*">&bull; Architektur</a><br></div>
    </span></div></div>

    eisman
     
  5. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    MacUser seit:
    01.06.2004
    Code:
    <fieldset class='news'><legend class='news'>05.02.2007</legend><div class='news'><a onclick='javascript:describe(this)' href='javascript:;' class='newshead'><h5 class='newshead'>Gute Besserung!&nbsp;...</h5></a><div style='display: none;' class='session'><p class='basistext'>LA One hat sich vor kurzem eine Grippe eingefangen, wodurch sich Dinge wie zum Beispiel die Arbeiten an dem Sampler
    "N.T.R. Vol. 1" verschieben werden & auch das geplante Interview mit ihm über NTR wird erst einmal ins Wasser fallen!!! An dieser Stelle wünschen wir ihm natürlich alle "Gute Besserung!"Stay tuned!
    S O L I D U S
    &nbsp;</p></div></div></fieldset>
    
    und dann beim css noch die Klasse für Newshead um den Hovereffekt zu erzeugen

    Code:
    a.newshead:link, a.newshead:visited {
    color: #000; }
    
    a.newshead:hover {
    color: #d30000; }
    
     
Die Seite wird geladen...

Diese Seite empfehlen