Bereich in einem Bild verlinken.

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.

Wenn du das nicht weißt, dann sieht es halt schlecht aus.
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>
Jetzt wieder die Angaben im Style-Attribut durch deine eigenen ersetzen!

Hoffe das war ausführlich genug erklärt.
 
Zuletzt bearbeitet:
Daran dachte ich auch, allerdings wollte iTalk einen Button mit Text.

[...]


  • ...

  • ...
  • ...
  • 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>
Jetzt wieder die Angaben im Style-Attribut durch deine eigenen ersetzen!

Hoffe das war ausführlich genug erklärt.
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:
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>
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!

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.
Menschen machen eben Fehler!

Soweit zu meinem Fehler.
 
Zuletzt bearbeitet:
@Alle:
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>
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!


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!
 
Bitte klicke über dem Thread oder unter dem Thread auf diesen Erledigt-Haken, damit setzt du das Thema auf erledigt ;)
 
Zurück