tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
1416
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 16.10.10 14:42 #1
    solala123 solala123 ist offline Mitglied Gold
    Registriert seit
    Nov 2008
    Ort
    nähe Nürnberg
    Beiträge
    122
    Hallo zusammen,
    ich möchte verschiedene mouseover Bilder in einem Text genau (z:B. hier) plazieren.
    mouseover funktioniert aber die Bilder werden immer in die nächste Zeile am linken Rand plaziert.
    wie kann ich das machen?

    so hab ich es gemacht

    a.bild1 { display:block; background-image:url(Bilder/50-Jahre/Vereins-Stammrolle_Prv.png);width:42px; height:60px ; }
    a.bild1:hover { background-image:url(Bilder/50-Jahre/Vereins-Stammrolle.jpg); width:356px; height:571px }


    <a class="bild1" href="#" align="left"></a> diese Anweisung steht z.B. mitten in einem Satz


    besten Dank
    mfg
    Rainer
     
    Zitieren Zitieren
  2. 16.10.10 15:16 #2
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    http://www.brunildo.org/test/CssAbsPop.html

    Demnach wird das CSS-Popup <span> absolute in seinem Elternelement <a> positioniert, das wiederum mit position:relative relativ positioniert ist, und so die absolute Positionierung sich "relativ" verhält, auf die Grenzen des Elternelements bezieht, und nicht auf <body> (Voreinstellung).
     
    Zitieren Zitieren
  3. 16.10.10 16:00 #3
    solala123 solala123 ist offline Mitglied Gold
    Registriert seit
    Nov 2008
    Ort
    nähe Nürnberg
    Beiträge
    122
    Hallo goaspicy
    Danke für Deine schnelle Antwort, ich hab mir mal den Quelltext von der angegebenen Seite angeschaut.
    Frage: ist es möglich das "float" in eine Zeile von mir direkt einzubinden ?
    denn so wie es dort dargestellt wird hab ich es nicht hinbekommen
    Vielleicht gehts ja auch einfacher ( für mich lol)
    Gruß
    Rainer
     
    Zitieren Zitieren
  4. 16.10.10 19:42 #4
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    Da hast du dir wohl den falschen Teil des Quellcodes angeschaut, denn die drei anderen Beispiele mit "lorem ipsum", "Integer" und "tempus" befinden sich im normalen Textfluß.
     
    Zitieren Zitieren
  5. 17.10.10 12:38 #5
    solala123 solala123 ist offline Mitglied Gold
    Registriert seit
    Nov 2008
    Ort
    nähe Nürnberg
    Beiträge
    122
    Hallo goaspicy ,
    ja hattest Recht hab nicht so weit nach rechts geguckt
    Naja kann ja mal passieren.
    Jetzt funktioniert es, Danke für Deine Hilfe
    Gruß
    Rainer
     
    Zitieren Zitieren
  6. 17.10.10 12:40 #6
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    Zitat Zitat von solala123 Beitrag anzeigen
    Hallo goaspicy
    Auch sowas kann passieren, Mitglied Silber
     
    Zitieren Zitieren
« Neuling braucht Hilfe | Dreamweaver bei 1&1 im Paket enthalten - Abgespeckte Version? »

Ähnliche Themen

  1. Infotext in einem frei posizionierbaren Textfeld, wenn Mouseover über ein Bild ist
    Von fintera im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 17.08.10, 17:37
  2. MouseOver (Text u. Bild an unterschiedl. Position)
    Von mammuteffect im Forum Javascript & Ajax
    Antworten: 13
    Letzter Beitrag: 17.03.10, 16:15
  3. Text von einem .jpeg Bild ändern
    Von themonk im Forum Photoshop
    Antworten: 8
    Letzter Beitrag: 09.05.09, 20:27
  4. Mouseover (kleines Bild) bei einem Mannschaftsfoto?
    Von Daysleeper77 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.10.07, 09:34
  5. Transparenz von einem Text auf einem Bild
    Von Uli_87 im Forum PHP
    Antworten: 2
    Letzter Beitrag: 01.02.07, 15:36