Barrierearmes Webdesign Peter Mages | www.mages-online.de |

Dala Statistik

Inhaltsbereich

Sie befinden sich hier: Barrierearm » Befehle » Foto mit Untertitel

Peter Mages als Porträtaufnahme

Untertitel zum Foto Peter Mages an der Kieler Förde (Strande) im März 2011 © Margarete Voelzke.

Foto mit Untertitel

Codierungsbeispiel für ein "Foto mit Untertitel und Umrahmung" auf einer Internetseite. Als Beispiel wähle ich diese Seite. Also, das Foto hier rechts, "Peter Mages als Porträtaufnahme".

CSS (Cascading Style Sheets)

#container {
border-left:1px solid #999;
border-bottom:1px solid #999;
width:220px;
float:right;
padding: 8px;
margin:0 0 5px 10px;
color: #000;
background: #fafafa;
}/* ie-fixes6 */

#container p.con {
margin: 0;
padding: 0;
font-size: .75em;
font-weight: normal;
font-style:normal;
color: #000;
background: #fafafa;
line-height: 1.2em;
word-spacing:0px;
letter-spacing:0ex;
}

#container p.con img {
float: left;
margin: 0 0 3px;
border:none;
} /* ie-fixes6 */

Für den Internetexplorer 6 muss eine eigene CSS erstellt werden, mit folgender Ergänzung:

#container {
margin-left:13px;
}

#container p.con img {
margin-left:-3px;
}

XHTML (Extensible Hypertext Markup Language)

<div id="container">
<p class="con"><img src="image/peter_100.jpg" width="220" height="199" alt="Peter Mages als Porträtaufnahme" title="Peter Mages als Porträtaufnahme" /></p>
<p class="con"><span class="versteck">Untertitel zum Foto</span> Peter Mages im Markt von Saloniki im März 2009 © Margarete Voelzke.</p>
</div>

Weitere Befehle zu:

Adresse von Peter Mages

Peter Mages Peter Mages
Graefestr. 19
10967 Berlin
Telefon: 0 30 – 6 94 57 22
E–Mail: peter@mages-online.de
Internet: www.mages-online.de

[ nach oben ] · zum Seitenanfang ·

Navigation am Ende
Rechte Spalte mit Referenzen, Links, Downloads und Werbung
Referenzen
Links
Downloads
Werbung