seitennavigation verbessern?

[PeterAssmann]

hi leute, ich brauche einen ratschlag. und muss dazu sagen, dass ich zwar halbwegs coden kann mit html/css, die betonung aber auf halbwegs liegt (muss meiste tags immer nachschlagen).

es geht um die seite Geschichte von RnB, Rap und Radio . dort findet man eine seitliche navigation (oben rechts). diese finde ich optisch nicht sonderlich toll und außerdem ist sie code mäßig wohl auch nicht ideal, denn da wäre wohl eine liste besser, schätz ich? kann mir jmd nen tipp geben, wie ich das OPTISCH/DESIGNTECHNISCH und evtl auch (aber das muss nicht sein) code-mäßig schöner/besser hinkriege?

 

[stachelbeer]

Statt

<p>
  <h2>
    <em>
      <a href="#rnb-10">RnB Geschichte</a>
    </em>
  </h2>
</p>
<p>
  <h2>
    <em>
      <a href="#rap-10">Rap Geschichte</a>
    </em>
  </h2>
</p>
<p>
  <h2>
    <em>
      <a href="#radio-10">Radio Geschichte</a>
    </em>
  </h2>
</p>

würde ich

<ul>
  <li>
    <a href="#rnb-10">RnB Geschichte</a>
  </li>
  <li>
    <a href="#rap-10">Rap Geschichte</a>
  </li>
  <li>
    <a href="#radio-10">Radio Geschichte</a>
  </li>
</ul>

machen.
mit folgendem CSS (etwa, ungetestet)

#right ul {
list-style-type:none;
margin:0;
padding:0;
}
#right li {
margin:0;
padding:0;
}
a:link {
color: #F6CB22;
text-decoration: none;
font-style:italic;
}
a:hover {
color: #009966;
text-decoration: underline;
}

und statt dem eingebeteten Container würde ich es mit

#right {
padding:0 0 0 8px
}

probieren.

Außerdem solltest Du die Absätze mit dem P-Element auszeichnen und nicht zweimal das BR-Element benutzen.