Einzelnen Beitrag anzeigen
  #6 (permalink)  
Alt 18.02.2012, 23:13
K.Roland K.Roland ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 528
K.Roland wird schon bald berühmt werden
Standard

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
Mit Zitat antworten