Probleme mit Register-Menü
Enrico
- css
0 revo
Hallo,
ich habe mir mittels folgender css-Datei ein Registerreitermenü erstellt, die Dateien
selber habe ich im Internet gefunden und nicht selber programmiert, deshalb auch meine
nachfolgenden Fragen:
*
{
margin:0;
padding:0;
list-style:none;
border:none;
}
body
{
background-color: #525552;
color: #b2b2b2;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
margin-right: 14px;
}
div.domtab
{
color: #b2b2b2;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
width: 100%;
}
ul.domtabs
{
float: left;
margin: 0;
width: 100%;
}
ul.domtabs li
{
float: left;
padding: 0 1px 1px 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover
{
border: 1px #7b7d7b solid;
color: #b2b2b2;
display: block;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
padding: 7px;
text-decoration: none;
}
ul.domtabs a:hover
{
background-color: #7b7d7b;
}
div.domtab div
{
background-color: #7b7d7b;
border: 1px #7b7d7b solid;
clear: both;
color: #b2b2b2;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
padding: 7px;
width: auto;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover
{
background: #7b7d7b;
}
Der html-Code sieht wie folgt aus:
<body>
<div class="domtab">
<ul class="domtabs">
<li><a href="#Buchstabenindex">Buchstabenindex</a></li>
<li><a href="#Genre">Genre</a></li>
<li><a href="#FSK">FSK</a></li>
<li><a href="#Darsteller">Darsteller</a></li>
<li><a href="#Titel_suchen">Titel suchen</a></li>
</ul>
<div>
<a name="Buchstabenindex" id="Buchstabenindex">Buchstabenindex</a>
</div>
<div>
<a name="Genre" id="Genre">Genre</a>
</div>
<div>
<a name="FSK" id="FSK">FSK</a>
</div>
<div>
<a name="Darsteller" id="Darsteller">Darsteller</a>
</div>
<div>
<a name="Titel_suchen" id="Titel_suchen">Titel suchen</a>
</div>
</div>
</body>
Hier meine Fragen:
Welche Bedeutung hat der erste Definitionsblock, der mit einem "*" beginnt?
Wie bekomme ich es hin, dass das aktuell gewählte (aktive) Register keinen Abstand
in Höhe von 1px zum darunter liegenden "Inhalts-div" hat? Ich möchte damit erreichen,
dass inaktive Register - wie aktuell der Fall - zueinander 1px Abstand haben, das
aktive Register aber mit dem div darunter eine Einheit bildet.
Vielen Dank für Eure Mithilfe.
Gruß
Enrico
Hallo,
- Welche Bedeutung hat der erste Definitionsblock, der mit einem "*" beginnt?
Regeln unter * gelten für alle Elemente der Seite.
Damit wird erreicht, dass alle Elemente, weil der Standart oft anders aussieht, keinen Rahmen, Außenabstand, etc. haben.
Mfg
Revo