Zitat:
Zitat von rs-web
|
Hallo,
das mit deinem Kontaktinformationen könntest du auch eleganter lösen. Warum mit DIVs?
HTML-Code:
<h1 class="kontakt-h1">Kontaktinformationen</h1>
<div class="kontakt-info-zeile-1">Adresse:
<div class="kontakt-info-1">Dirk Jansen</div>
<div class="kontakt-info-1">Cafe-Jansen</div>
<div class="kontakt-info-1">Mühlbachstraße 16</div>
<div class="kontakt-info-1">52385 Nideggen</div>
</div>
<div class="kontakt-info-zeile-2">Telefon/Fax:
<div class="kontakt-info-1">02427 9058 -17/-18</div>
</div>
<div class="kontakt-info-zeile-2">E-Mail Adresse:
<div class="kontakt-info-1">kontakt@broetchenshopper.de</div>
</div>
<div class="kontakt-info-zeile-1">Öffnungszeiten:
<div class="kontakt-info-1">09:00 - 12:00 (Mo-Fr)</div>
<div class="kontakt-info-1">14:00 - 16:00 (Mo-Do)</div>
</div>
Warum nicht so:
HTML-Code:
<dl>
<dt>Adresse:</dt>
<dd>
<address>Dirk Jansen</address>
<address>Cafe-Jansen</address>
<address>Mühlbachstraße 16</address>
<address>52385 Nideggen</address>
</dd>
<dt>Telefon/Fax:</dt>
<dd><address>02427 9058 -17/-18</address></dd>
<dt>E-Mail Adresse:</dt>
<dd><address>kontakt@broetchenshopper.de</address></dd>
<dt>Öffnungszeiten:</dt>
<dd>
<address>09:00 - 12:00 (Mo-Fr)</address>
<address>14:00 - 16:00 (Mo-Do)</address>
</dd>
</dl>
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>test</title>
<style type="text/css">
* { margin: 0; padding: 0; }
html {
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
#content{
width: 900px;
background: #A77909 url(../menue-ganz-links.jpg) repeat-y;
margin: 0 auto;
border: 2px solid #000;
padding-top: 10px;
}
h1 {
font-size: 24px;
color: #fff;
letter-spacing: 1px;
margin: 10px;
margin-left: 15px;
text-align: left;
font-weight: normal;
}
dl {
width: 500px;
color: #fff;
font-size: 17px;
letter-spacing: 1px;
margin-top: 20px;
margin-left: 50px;
}
dt {
float: left;
width: 200px;
}
dd {
margin-left: 255px;
padding-bottom: 20px;
}
dd address {
color: black;
padding-bottom: 8px;
font-size: 16px;
font-style: normal;
}
</style>
</head>
<body>
<div id="content">
<h1>Kontaktinformationen</h1>
<dl>
<dt>Adresse:</dt>
<dd>
<address>Dirk Jansen</address>
<address>Cafe-Jansen</address>
<address>Mühlbachstraße 16</address>
<address>52385 Nideggen</address>
</dd>
<dt>Telefon/Fax:</dt>
<dd><address>02427 9058 -17/-18</address></dd>
<dt>E-Mail Adresse:</dt>
<dd><address>kontakt@broetchenshopper.de</address></dd>
<dt>Öffnungszeiten:</dt>
<dd>
<address>09:00 - 12:00 (Mo-Fr)</address>
<address>14:00 - 16:00 (Mo-Do)</address>
</dd>
</dl>
</div>
</body>
</html>
___________
Gruß,
Roland