Inhaltsbereich
Sie befinden sich hier: Barrierearm » Befehle » Breadcrumb
Untertitel zum Foto Peter Mages an der Kieler Förde (Strande) im März 2011 © Margarete Voelzke.
Breadcrumb (Brotkrume)
Codierungsbeispiel für eine "Breadcrumb" auf einer Internetseite. Als Beispiel wähle ich diese Seite. Also, der Pfad eines Brotkrümels unterhalb der Kopfzeile.
CSS (Cascading Style Sheets)
#brotkruemel {
width: auto;
margin: 0;
padding: 0 7px 0 0;
background: #eee;
color: #000;
text-align:right;
border-bottom: 1px solid #999;
}
#brotkruemel p.brot {
margin: 0;
padding: 2px 0 2px;
font-size: .7em;
font-weight: normal;
color: #000;
letter-spacing: .1ex;
background: #eee;
word-spacing:0px;
}
#brotkruemel p.brot a, #brotkruemel p.brot a:link, #brotkruemel p.brot a:visited {
font-weight: bold;
color: #006;
text-decoration: underline;
background: #eee;
}
#brotkruemel p.brot a:hover, #brotkruemel p.brot a:active {
font-weight: bold;
color: #900;
text-decoration: none;
background: #fff;
}
#brotkruemel p.brot a:focus {
font-weight: bold;
color: #006;
text-decoration: none;
border: 1px dotted #000;
background: #eee;
}
XHTML (Extensible Hypertext Markup Language)
<div id="brotkruemel">
<p class="brot"><span title="Sie befinden sich hier: "Barrierearm » Befehle » Breadcrumb"">Sie befinden sich hier: <a href="index.html" accesskey="1" title="[Alt+1] zurück zur Seite "Barrierearm"">Barrierearm</a> <strong>»</strong> <a href="befehle.html" title="zurück zur Seite "Befehle"">Befehle</a> <strong>» Breadcrumb</strong></span></p>
</div>
Bildschirmausdruck
Bildschirmausdruck für "Breadcrumb".
Weitere Befehle zu:
- Abkürzung & Sprachzuweisung
- Datentabelle
- Fieldset
- Foto mit Untertitel
- Hintergrundfoto
- Unsichtbarer Text
Adresse von Peter Mages
Peter MagesGraefestr. 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 ·
