Stylesheet Verknüfung funktioniert nicht

On3TwO · #1 (**permalink**) 01.09.2011, 13:00

Ich bin am verzweifeln...

Der Head meines Html Dokumentes sieht so aus:

<head>

<link rel="stylesheet" type="text/css" href="styler.css" />

</head>

Mein Stylesheet heißt styler.css und sieht so aus:

#supplementary_menu {
color: #445052;
}

Das Menü das farbig angezeigt werden soll sieht so aus:

<div id="supplementary_menu">

<ul class="inline menu dark ">

<li><a href="asd">Kontakt</a></li>
<li><a href="asd">Blog</a></li>
<li><a href="asd">FAQ</a></li>
<li><a href="asd">Tools</a></li>
<li><a href="asd">Presse</a></li>
<li><a href="asd">Datenschutz</a></li>
<li><a href="asd">Impressum</a></li>
<li><a href="asd">zum LOGIN</a> </li>

</ul>

</div>

Ich kann beim besten Willen keinen Fehler erkennen... Beide Dateien, sowohl das Html Dokument, als auch das CSS Dokument befinden sich im selben Ordner.
Vielen Dank

MFG!

Praktikant · #2 (**permalink**) 01.09.2011, 13:07

Code:

#supplementary_menu a {
color: #445052;
}

Der Link hat eine höhere Spezifität als das Element außenrum. Auch der vordefinierte.

PS. Das Forum hat Code-Tags. Bitte nutze sie, da es die Übersicht verbessert.

On3TwO · #3 (**permalink**) 01.09.2011, 13:26

Danke schonmal, hat aber leider immer noch nicht funktioniert.

Ich wage mich ganz frisch an das ganze Thema und soll eine Webseite nachbauen, als Übung. Das heißt, dass der Html Code mehr oder weniger schon vorgegeben ist.

HTML-Code:

<body>
    <div id="header">
        <div id="header_top">
            <div class="inner_frame">
                <div id="logo"><a href="/" alt="rosmfb">rosmfb</a></div>
                <div id="logo_tail"></div>

                <div id="supplementary_menu">
                    <ul class="inline menu dark ">
                        <li><a href="asd">Kontakt</a></li>
                        <li><a href="asd" target="_blank">Blog</a></li>
                        <li><a href="asd" target="_blank">FAQ</a></li>
                        <li><a href="asd">Tools</a></li>
                        <li><a href="asd">Presse</a></li>
                        <li><a href="asd">Datenschutz</a></li>
                        <li><a href="iasd">Impressum</a></li>
                        <li><a href="asd"><strong >zl</strong></a> </li>
                        <li><a href="asd"><img src="img/flag2_gb.png" style="margin-top:2px;"/></a>&nbsp;
                            <a href="/?lang=de"><img src="img/flag2_de.png" style="margin-top:2px;"/></a></li>
                    </ul>

                </div>

So sieht der ganze Anfang aus. Ich nehme an, dass sich dadurch wieder die Spezifität ändert. Wie funktioniert das mit der Spezifität und gibt es vielleicht ein geignetes Tutorial, das das erklärt?

Vielen Dank

MFG!!

fricca · #4 (**permalink**) 01.09.2011, 13:39

Spezifität ist ein CSS-Thema. Du kannst so viel HTML posten, wie du willst -- es ist nutzlos. Poste einen Link zu deinem Problem. Immer!
http://xhtmlforum.de/40080-f-r-frage...twortende.html

Links haben in jedem Browser Default-Formatierungen. Wenn du daran etwas ändern willst musst du die Links formatieren.

edit: Leseempfehlung: http://little-boxes.de/little-boxes-teil1-online.html

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Stylesheet in bestimmten Bereich deaktivieren	ar36	CSS	1	11.08.2011 13:31
Mouseover funktioniert nicht (externe Methode)	blackhtml	CSS	2	07.04.2009 17:49
IE 6 Stylesheet Include Fehler...?	TobyZ23NM8	CSS	5	20.12.2007 20:57
dtd und css in php funktioniert im IE nicht!!!	da-lick	CSS	17	09.06.2007 15:44
stylesheet funktioniert nicht in ie	jammy	CSS	8	23.06.2004 15:10