von einer <ul> </ul> würde ich absehen, da die werte:
list-style-position, margin und padding nicht gerade die gleiche voreinstellung in allen browsern besitzen.
eher würde ich empfehlen einen der Div-Box einen name und eine formatierung für enthaltende Link zu geben und zusätzlich Span-Felder innerhalb dieser Div-Box zusätzlich designen, um Überschriften von Links anders zu formatieren.
hier ein beispiel:
HTML:
<style type="text/css">
.navi a {
color: #999;
text-decoration:none;
}
.navi span {
color: #666;
font-weight:bold;
}
</style>
<div class="navi">
<span>
Überschrift
</span>
<br />
<a href="">
LINK
</a>
<br />
<a href="">
LINK
</a>
<br />
<a href="">
LINK
</a>
<br />
</div>
udn für dein projekt bauen wir noch ein float:left in die CSS-Deklarierung der Navi-Div rein ( damit können wir 2 divs "nebeneinander" positionieren. dies ist zwar nicht ganz korrekt, da float etwas anders funktioniert, aber das ergebnis interessiert und ja erstmla
). wichtig ist, das der teil, der per float eingesetzt wurde oben steht, da dies zuerst aufgeführt werden muss
den abstand der content box von der navi box realisierst du per "margin-left" aber achtung, ist der wer zu klein überschneiden sich die boxen, dies liegt daran das float halt etwas anders arbeitet. ( ich hab noch nen kleinen rahmen drum gezogen
)
so:
HTML:
<style type="text/css">
.navi {
float:left;
border:1px solid #000;d
}
.navi a {
color: #999;
text-decoration:none;
}
.navi span {
color: #666;
font-weight:bold;
}
.content {
margin-left:100px;
border:1px solid #000;
}
</style>
<div class="navi">
<span>
Überschrift
</span>
<br />
<a href="">
LINK
</a>
<br />
<a href="">
LINK
</a>
<br />
<a href="">
LINK
</a>
<br />
</div>
<div class="content">
ICH WILL CONTENT SEIN !!!!!!!
</div>
wenn du später unter dem ganzen noch eine footer box packen willst deklariere diese einfach mit
clear:both in css bzw style="clear:both;" als attribut in der jeweiligen DIV-Box
//EDIT
der gebrauch von Frames ist nur üblich, wenn man kein Templatesystem hat und ungern 1miomal seine navi und den ganzen rest in anderen seiten einbauen möchte ( was möglice änderungen ja nicht gerade erleichtern würde ), oder man content hat der nicht umbedingt neu geladen werden muss.
in zeiten von templatsystemen und ajax ist dies jedoch nur noch sehr bedingt zu gebrauchen.
und tabellen sollte man nur nutzen wenn man tabellen hat, wie in einem forum zb
achja, solltest du bei einem tabellen design bleiben und kein css nutzen
dann bitte so:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<table style="table-layout:fixed;border-style:none">
<tr>
<td style="vertical-align:top;width:25%;"> </td>
<td style="width:75%;"> </td>
</tr>
</table>
</body>
</html>
wenn du willst erklär ich dir auch was was ist, oder lies dir einfach unter
http://de.selfhtml.org/ den bereich HTML sowie CSS durch, dann weißt du alles was du wissen musst