tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
789
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 04.10.04 15:30 #1
    Sicaine Tutorials.de Gastzugang
    Hi,

    ich wollts so haben, dass wennich über ne Grafik schwebe, sich ein Div-block einblendet mit positionsangaben. Problem is dass ichs jetzt so versucht hab, dass ich dem Divblock von anfang an auf display:none gestellt hab und wenn jemand auf den link geht(link hat die gleiche id wie der divblock) ich auf display:block umstelle oder sonstwas und da der link sowieso zu sehen is, würde sich nur der divblock ändern. es geht aber so bei mir zumindest nicht.

    Hat jemand ne Idee?
    hier mal ein Code:
    HTML-Code:
    <style>
<!--
#test:hover{
display:block;
}
</style>
<a id="test" href="">test</a>
<div style="display:none;positon....">sdklfj</div>
     
  2. 04.10.04 19:57 #2
    Bubblez Bubblez ist offline Mitglied Silber
    Registriert seit
    Nov 2003
    Beiträge
    56
    hi,

    ich hab mal was gebastelt. im FF funktioniert es, aber das kind IE versteht css ja nicht immer richtig, daher gehts dort leider nicht. trotzdem denk ich dir mit diesem schnipsel einen denkanstoss geben zu können

    HTML-Code:
    <html>
<style>
img{
    border: 0px solid black;
    text-decoration: none;
}
.description{
   display: none;
   border: 1px solid black;
   background: lightgray;
   width: 130px;
   height: auto;
   position: absolute;
   margin-left: 10px;
   top: 40px;
   padding: 6px;
   text-decoration: none;
}

#menu a:link{
       text-decoration: none;
       color: green;
}

.bilder:hover .description{
   display: inline;
}

</style>
<body>
<div id="menu">

<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung kommt hier hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung kommt  hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die Erklärung  hier hin!</div></a>
<a href="#" class="bilder"><img src="./bild.jpg"/>
<div class="description">Die kommt hier hin!</div></a>

</div>
 <a href="#" class="bilder">nicht Menu Link</a>
</body>
</html>
    EDIT:

    kopierst du aber zusätzlich noch das IE7 package von http://dean.edwards.name/download/ auf dein webserver, und bindest es über:

    <head>
    <!-- compliance patch for microsoft browsers http://dean.edwards.name/download/ -->
    <!--[if lt IE 7]><script src="../some/ie7/ie7-standard.js" type="text/javascript"></script>
    <![endif]-->
    </head>

    den Pfad musst du hald an deine Bedüfrnisse anpassen...
    so siehts im IE aus mit dem package:
    http://bb.webrama.de/projects/iface/ie_test.html

    viel Spass!
    Geändert von Bubblez (04.10.04 um 20:04 Uhr)
     
  3. 05.10.04 12:06 #3
    Sicaine Tutorials.de Gastzugang
    Hm ich wollt aber eigetnlch damit das JS raushauen und so eine bessere kompatibilität erreichen. Aber ohne JS wird dieser IE-Patch sicher nich funktionieren.

    Edit: jo nen denkanstoss gibts. Mal gucken ob nich nich doch ne IE - Möglihckeit damit finde.
    Geändert von Sicaine (05.10.04 um 12:12 Uhr)
     
« CSS Schriftdatei .eot | Gutes Tutorial für Container? »

Ähnliche Themen

  1. Xampp problem mit mercury Mail (Wenn Mailserver an dann geht apache nicht mehr)
    Von harderph im Forum Hosting & Webserver
    Antworten: 2
    Letzter Beitrag: 05.06.08, 18:29
  2. Werte aus DB prüfen (wenn ja dann weiter Wenn nein dann nicht)
    Von harderph im Forum PHP
    Antworten: 3
    Letzter Beitrag: 27.01.08, 10:45
  3. Variablen Prüfen wenn admin dann ausgeben wenn nicht...
    Von harderph im Forum PHP
    Antworten: 3
    Letzter Beitrag: 25.03.07, 19:47
  4. checkbox angeklickt oder nicht ... wenn nicht dann, wenn dann ...
    Von -GS-Master im Forum PHP
    Antworten: 2
    Letzter Beitrag: 17.02.06, 19:52
  5. link nur dann wenn geht
    Von Bleem im Forum PHP
    Antworten: 1
    Letzter Beitrag: 22.12.02, 19:03