Telefonnumern werden im IE nicht angezeigt

[Felix Riesterer]

Liebe Susanna,

hier noch das CSS Radon.css. Der einzige Unterschied hier ist, dass pei p.valide der Abstand von oben anders ist.

wenn das der einzige Unterschied ist, dann sollte "Radon_ie.css" auch nur diese "Korrektur" beinhalten. Das spart eine Riesenmenge an Code und erleichtert den Überblick enorm!

Noch eine Anmerkung zu sinnvollem (also sinnbehaftetem) Code, den man auch als semantischen Code bezeichnet:

Was ist die Natur dieser Inhalte?

  <div class="list">  
   <a class="list" href="Whatis.html">What is Radon?<br /></a>  
   <img src="Pics/Border3.jpg" alt="Rand"/>  
   <a class="list" href="When.html">When to Mitigate<br /></a>  
   <img src="Pics/Border3.jpg" alt="Rand"/>  
   <a class="list" href="Weoffer.html">What We Offer<br /></a>  
  </div>

Wäre das von seiner Bedeutung her nicht besser so gehalten?

<ul id="list">  
    <li><a href="Whatis.html">What is Radon?</a></li>  
    <li><a href="When.html">When to Mitigate</a></li>  
    <li><a href="Weoffer.html">What We Offer</a></li>  
</ul>

Wie man die obige Struktur schön layouten kann, findest Du in SELFHTML bei den http://de.selfhtml.org/css/layouts/navigationsleisten.htm#vertikal@title=Navigationsleisten.

Es ist vielleicht sogar noch besser, die Struktur Deiner Seite entsprechend mit einer Unterüberschrift an dieser Stelle zu kennzeichnen:

<div id="navi">  
    <h2>Navigation</h2>  
    <ul>  
        <li><a href="Whatis.html">What is Radon?</a></li>  
        <li><a href="When.html">When to Mitigate</a></li>  
        <li><a href="Weoffer.html">What We Offer</a></li>  
    </ul>  
</div>

Um obigen Code zu layouten müsstest Du nur im CSS die Selektoren entsprechend anpassen:

#navi {} /* für die "Box" */  
#navi h2 {} /* für die Unterüberschrift (kann auch display:none sein */  
#navi ul {}  
#navi ul li {} /* usw. */

So müssen da auch keine <img>-Elemente mehr in Deinem Code stehen, denn diese waren ja eh nur schmückendes Beiwerk und nicht wirklich Inhalt. Von daher hätten sie ohnehin nie in den HTML-Code, sondern ins CSS gehört (als Hintergrundbilder)!

Liebe Grüße aus Ellwangen,

Felix Riesterer.