Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 01.02.2005, 11:27
AR AR ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.02.2005
Beiträge: 2
AR befindet sich auf einem aufstrebenden Ast
Standard Okay ...

... hier erst mal meine komplette CSS-Datei (ist noch in Bearbeitung):

html
{
height: 100%;
font-family: Verdana,Arial,sans-serif;
font-size: small;
width: 100%;
margin: 0;
padding: 0;
}

body
{
text-align: center;
padding-top: 5%;
height: 90%;
margin: auto;
width: 90%;
}

.box /* Hauptrahmen, in dem sich alles andere abspielt */
{
text-align: left;
border: solid 1px #ABABAB;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
font-size: small;
top: 1em;
min-height: 80%;
width: 52em;
margin: auto;
}

.titel
{
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}

.menue /* 1. Menueleiste; horizontal */
{
margin-top: 0.5em;
border-bottom: dotted 1px #ABABAB;
border-top: dotted 1px #ABABAB;
text-align: right;
margin-bottom: 1em;
}

.menue a
{
text-decoration: none;
color: #000000;
padding-left:0.5em;
padding-right: 0.5em;
}

.menue a:hover
{
border-top: solid 1px #ABABAB;
border-bottom: solid 1px #ABABAB;
background-color: #EDEDED;
}

.menue a:active
{
border-top: solid 1px #ABABAB;
border-bottom: solid 1px #ABABAB;
background-color: #EDEDED;
}

.lico /* Linker Div-Container, indem die zweite Menueleiste und eine Infobox steckt */
{
padding: 0.5em;
width: 15em;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

.umenue /* 2. Menueleiste; vertikal */
{
padding: 0.5em;
border: solid 1px #ABABAB;
}

.umenue a
{
text-decoration: none;
color: red;
line-height: 1.5em;
}

.umenue a:hover
{
font-weight: bold;
}

.umenue a:active
{
font-weight: bold;
}

.info
{
margin-top: 2em;
padding: 0.5em;
border: solid 1px #ABABAB;
}

.main
{
margin-top: 1.5em;
padding-left: 17em;
margin-left: 0.5em;
padding-right: 0.5em;
}

.ab
{
height: 1em;
}

Der HTML-Teil sieht folgendermaßen aus:

<body>

<!--[if gte IE 5.5]>
<style type="text/css">
<!--
div.box{height:80%;}
-->
</style>
<![endif]-->

<div class="box">
<div class="menue">
Link 1
Link 2
Link 3
Link 4
Link 5
</div>

... usw

</div>

Und danke für die flotte Antwort (geht das bei Euch immer so schnell?)
__________________
Wer früher stirbt, lebt länger ewig
Mit Zitat antworten