Der Martin: nur Visitenkarte

Beitrag lesen

Hallo,

Würde gerne auf meiner Seite auf schwarzem Hintergrund lediglich die Rückseite meiner Visitenkarte darstellen.

die Rückseite?? Meine Visitenkarten sind auf der Rückseite blanko. Aber okay, ja, ich habe auch schon welche in der Hand gehabt, die auf der Rückseite auch noch bedruckt waren.

Nein, mir geht es nur um das html, damit das auf jedem Browser läuft. jqueries brauche ich nicht. das bild hat ne fixe Größe und feddich.

Wieso Bild? Das ist die einzige Rückfrage, die ich hier habe. Warum nicht als lesbaren Text? Damit wäre es nicht nur maschinenlesbar und damit von Suchmaschinen indizierbar, sondern auch von assistiven Techniken wie Screenreadern lesbar, so dass die Seite auch für visuell eingeschränkte Besucher zugänglich wäre.

<html>
<body>

<div valign=center bgcolor=black>
<div align=center>
<img src=".../blabla.jpg" alt="pfui!!" width="123" height="456"> 
</div>
</div>

</body>
</html>
  • Das head-Element fehlt komplett, darin vor allem der Seitentitel.
  • Visuelle Merkmale wie Ausrichtung oder Farben sollten nicht mit veralteten, missbilligten HTML-Attributen transportiert werden, dafür ist CSS zuständig. Außerdem sollten die Werte von Attributen in Anführungszeichen gesetzt sein (beim img-Element weißt du es plötzlich).
  • Wenn du wirklich beim nicht barrierefreien Bild bleiben willst, ist mindestens eins der beiden div-Elemente überflüssig. Ich denke, sogar beide.
  • Die gewünschte Größe des Bildes pixelgenau anzugeben, ist nicht sinnvoll; du weißt ja gar nicht, wie groß das dann im Verhältnis zur Display-Größe deiner Besucher ist. Beim einen wird's bildschirmfüllend sein, beim andern nur eine Briefmarke. Gib die Abmessungen öieber relativ an (z.B. in vh und vw oder in Prozent, und natürlich im Stylesheet anstatt im Markup)

Immer eine Handbreit Wasser unterm Kiel
 Martin

--
Wenn ich den See seh, brauch ich kein Meer mehr.