✔ Bereich in einem Bild verlinken.
- Themenstarter iTalk
- Beginndatum
hela
Premium-User
Wenn du das nicht weißt, dann sieht es halt schlecht aus.
Vielleicht kannst du das Bild statt mit einem "Button" mit einer verweis-sensitiven Grafik (Image Map) versehen. Wie das aussieht ist hier zu sehen: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Daran dachte ich auch, allerdings wollte iTalk einen Button mit Text. Soweit ich weiß geht sowas nicht mit verweis-sensitiven Grafiken. Außer natürlich den "Button" selbst in die Grafik zu zeichnen.
Um das ein bisschen ausführlicher zu erklären:
- Entferne die beiden center-Tags.
-
<center><img src="http://www.tutorials.de/html-xhtml/..." /></center>
- - Mach stattdessen ein div-Tag darum
-
<div><img src="..." /></div>
- - In das Style-Attribut von dem schreibst du folgendes:
-
<div style="width: 0px; margin:0 auto"><img src="..." /></div>
-
Natürlich musst du die 0 durch die Breite deines Bildes ersetzen.
- - Jetzt fehlt noch der Button:
HTML:
<div style="width: 0px; margin:0 auto">
<img src="..." />
<button type="button" style="position:relative; top:0px; left:0px" value="Zu PDF!" />
</div>Hoffe das war ausführlich genug erklärt.
Zuletzt bearbeitet:
SpiceLab
ZENmechanic
Das <button>-Element (siehe http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern) stellt kein inhaltsleeres Element dar, so wie das <img>-Element, erkennbar an deren XHTML-Syntax "/>" für Standalone-Tags, und das HTML-Attribut value="Zu PDF!" ist hier auch nicht zur Beschriftung dieses Elementtyps dienlich, ähnlich wie bei <input type="button">, <input type="submit"> u. <input type="reset"> gewohnt.
Ausführlichen Nonsens nenn' ich das - nicht mehr, und nicht weniger.
Worin du dich laut Signatur "am besten" auskennst, ist eine subjektive Betrachtung, Feststellung, Aussage. Und folglich für Dritte relativ.
Zuletzt bearbeitet:
@Alle:
Entschuldigung, der Code bei Punkt 4 muss natürlich so lauten:
Habe ausversehen <input type="button und <button verwechselt. Kann ja mal vorkommen!
@Spicelab:
Erstmal Danke für die Korrektur (dafür ein Danke
), habe es wie oben genannt verwechselt. Sowas kann auch einem erfahrenen (nicht auf mich bezogen!) Programmierer passieren, Menschen machen eben Fehler!
Soweit zu meinem Fehler.
Entschuldigung, der Code bei Punkt 4 muss natürlich so lauten:
HTML:
<div style="width: 0px; margin:0 auto">
<img src="http://www.tutorials.de/html-xhtml/html-xhtml/html-xhtml/..." />
<button type="button" style="position:relative; top:0px; left:0px">Zu PDF!</button>
</div>@Spicelab:
Erstmal Danke für die Korrektur (dafür ein Danke
), habe es wie oben genannt verwechselt. Sowas kann auch einem erfahrenen (nicht auf mich bezogen!) Programmierer passieren, Menschen machen eben Fehler!Menschen machen eben Fehler!
Soweit zu meinem Fehler.
Zuletzt bearbeitet:
iTalk
Mitglied
@Alle:
Entschuldigung, der Code bei Punkt 4 muss natürlich so lauten:
Habe ausversehen <input type="button und <button verwechselt. Kann ja mal vorkommen!HTML:<div style="width: 0px; margin:0 auto"> <img src="http://www.tutorials.de/html-xhtml/html-xhtml/html-xhtml/..." /> <button type="button" style="position:relative; top:0px; left:0px">Zu PDF!</button> </div>
@Spicelab:
Erstmal Danke für die Korrektur (dafür ein Danke
Menschen machen eben Fehler!
Soweit zu meinem Fehler.
Ah, danke! Ich werde das gleich mal ausprobieren, aber das Center-Tag mag ich irgentwie. Ich wusste nicht, dass Ihr schon HTML5 als Standard nehmt!
