Hallo,
ich habe ein Bild meiner Navigationsbox angehängt. Der Code folgt hier:
Code:
<div class="nav_box">
<h1>Navigation</h1>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
...
</ul>
</div>
Code:
/* Box styles classes */
.nav_box {
margin:1em;
padding:1em;
background-color: #efefef;
border:1px solid #ccc;
}
.nav_box li {
color:#333;
}
.nav_box h1 {
font-size:14px;
text-transform:uppercase;
color: white;
background-color: #0092DD;
}
Jetzt möchte ich aber, dass die Überschrift ("Navigation") aussieht wie eine Tabellen-Zelle. Ich möchte also den kompletten Bereich bis zum Rand farbig haben, nicht nur den Schrift-Background.
Geht das mit CSS alleine überhaupt sauber? Oder sollte ich in dem Fall lieber auf eine old-school html-table zurückgreifen?
