mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 07:43 Benutzername: Passwort: Auto-Login

Thema: mit js skalierbares bild hinter den text vom 15.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> mit js skalierbares bild hinter den text
Autor Nachricht
Dakoon
Threadersteller

Dabei seit: 15.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 15.01.2011 16:02
Titel

mit js skalierbares bild hinter den text

Antworten mit Zitat Zum Seitenanfang

Hallo
Mein problem ist momentan das ich text über einem bild darstellen will.
wenn ich das bild nun als hintergrund mache ist es nichtmehr skalierbar bzw erst mit css3 soweit ich weiß.
eine möglichkeit wäre eine absolute positionierung die ich aber vermeiden will.
der nicht funktionierende code sieht so aus:
Code:
      <div id="linkbild1" onmouseover="bildgross(1)" onmouseout="bildnormal(1)" style="width:140px; height:19px;">
         <a style="color:#FFCC33;" href="index.php?section=gallerie&amp;gallid=168" title="Alpenueb">Alpen 08
            <img style="border:0px; width:100%; height:19px;" src="./balken1.jpg" alt="b" />
         </a>
      </div>

nun soll sich der text über das bild schieben Grins


Zuletzt bearbeitet von Dakoon am Sa 15.01.2011 16:13, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
CanTK

Dabei seit: 23.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 15.01.2011 16:54
Titel

Antworten mit Zitat Zum Seitenanfang

würd um text und bild nen relative div legen und dann mit absolut was sich ja nur auf den relativ div auswirkt, um es ohne JavaScript zu lösen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Dakoon
Threadersteller

Dabei seit: 15.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 15.01.2011 17:52
Titel

Antworten mit Zitat Zum Seitenanfang

danke für die schnelle antwort ich weiß zwar nicht ob du das so gemeint hast wie ichs nun gemacht habe aber mit relative funktionierts nun auch wenns bischen hingetrickst aussieht
is jedenfalls IE8 FF4 kompatibel
Code:

      <div id="linkbild0" onmouseover="bildgross(0)" onmouseout="bildnormal(0)" style="width:140px; height:19px;">
         <a style="color:#FFCC33;" href="index.php?section=gallerie&amp;gallid=169" title="Tour Norw-Swedn">
            <img style="border:0px; width:100%; height:19px;" src="./bilder/balken1.jpg" alt="Tour Norw-Swedn" />

            <div style="position:relative; top:-19px;">Tour Norw-Swedn</div>
         </a>
      </div>
  View user's profile Private Nachricht senden
 
Ähnliche Themen Skalierbares DIV mit Scrollbalken?
[solved] Skalierbares Div durch JavaScript
XML Bild und Text
bild aus text?
Bild und Text mit CSS positionieren
[PHP] Text in Bild ausrichten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.