Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Breite des Elternelements, JavaScript?

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Christophe
PostRank 5
PostRank 5
Beiträge: 246
Registriert: 13.12.2004, 13:07

Beitrag von Christophe » 03.05.2005, 13:56

Hallo Jungs und Mädels,

ich habe ein dreispaltiges Layout, dabei ist die mittlere Spalte variabel. Darin ist ein Bild mit width: 100%. Das funktioniert soweit gut. Das Bild wird von einem Skript ausgeliefert, das das Bild mit einem Parameter automatisch skalieren kann:

Wie bekomme ich nun die Spaltenbreite in den img-Tag?

Das ganze sollte aber auch mit abgeschaltetem JS funktionieren. Ich hoffe hier kennt sich wer mit JS aus, so schwer kann es ja nicht sein. (Auf das Eltern-Div kann man mit Id zugreifen, wenn das sich anbietet.)

Christophe

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


luigip
PostRank 8
PostRank 8
Beiträge: 892
Registriert: 24.01.2005, 18:22

Beitrag von luigip » 04.05.2005, 22:23

Das ganze sollte aber auch mit abgeschaltetem JS funktionieren. Ich hoffe hier kennt sich wer mit JS aus, ...
Wenn es ohne JS funktionieren soll sind auch keine JS-Kenntnisse nötig!
Darin ist ein Bild mit width: 100%.
Wie bekomme ich nun die Spaltenbreite in den img-Tag?
Ist das Bild nun schon mit 100% vorhanden oder nicht.
Falls nein hast du dir die Antwort selbst schon gegeben. Verwende das width-Attribut:
Entweder direkt im image-tag:

Code: Alles auswählen

<img src="URL-des-Bildes" width="100%">
oder über ein style-sheet:

Code: Alles auswählen

html&#58; <img src="URL-des-Bildes" id="das-tolle-bild">
css&#58;  .das-tolle-bild &#123;width&#58;100%&#125;
Ausführliche Infos findest du unter https://de.selfhtml.org/

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag