css wird nicht angezeigt

Jacque · 30.09.2013

Hallo! Ich habe ein großes Problem mit der Website meines Vereins: Ich stelle gerade fest, dass der css-Style nicht mehr angezeigt wird. In der Dreamweaver-Vorschau funktioniert es, aber in keinem der Browser. Habe auch versucht, den css-Pfad in einen absoluten Pfad umzuwandeln, aber das hat nichts gebracht.

Vielleicht könnt ihr mir helfen? Hier ist der Quellcode:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--

.Stil3 {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.Stil11 {
    font-family: Arial, Helvetica, sans-serif
}

.Stilrot {
    font-family: Arial, Helvetica, sans-serif;
    color: #F00;
}

.Stil24 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.Stil28 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.Stil29 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.Stil31 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

body {
    margin-left: 2px;
    margin-right: 2px;
}

a:active {
    color: #090;
}
-->
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Ruderverein Bad Ems</title>
<!-- TemplateEndEditable -->
<link href="../css/screen.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<div id="container">
  <div id="header">
    <h1>&nbsp;</h1>
  </div>
  <div id="navigation">
    <ul>
      <li><a href="../index.html" onclick="MM_effectShake('navigation')">Startseite</a></li>
      <li><a href="../wir_ueber_uns.html">Wir über uns</a></li>
      <li><a href="../Regatta/Regatta.html">Regatta</a></li>
      <li><a href="../Kontakt.html">Kontakt</a></li>
      <li><a href="../Links.html">Links</a></li>
      <li><a href="../Impressum.html">Impressum</a></li>
    </ul>
  </div>
  <div id="side_right">
    <p><strong><br />
      <a href="../Dateien/flyer_rv_2012_web.pdf">Hier geht es zu unserem Flyer</a></strong>  </p>
  </div>
  <!-- TemplateBeginEditable name="Hauptinhalt" -->
  <div id="mainContent">
    <h2>&nbsp;</h2>
  </div>
  <!-- TemplateEndEditable -->
  <div class="Stil11" id="footer">Ruderverein Bad Ems e.V. I Mainzer Straße I 56124 Bad Ems<br />
  Tel: 02603-2100 I E-Mail: rvbadems@t-onlien.de</div>
</div>
</body>
</html>

Tausend Dank im Voraus!
Jacque

mw69 · 30.09.2013

AW: css wird nicht angezeigt

Die css wird doch geladen. Sie ist nur fehlerhaft. Beispielsweise ist bei der Backgroud-URL die schließende Klammer verloren gegangen.

Auérdem solltest Du die css entweder komplett in die Seiten integrieren oder komplett auslagern. Das Mischmasch verwirrt nicht nur die Browser ...

lustig · 30.09.2013

AW: css wird nicht angezeigt

Ich würde gern helfen, aber was steht in der ../css/screen.css?

Jacque · 30.09.2013

AW: css wird nicht angezeigt

Oje, ich habe die Seite vor etwa 1,5 Jahren gemacht, und bin mir eigentlich sicher, dass da nichts geändert wurde. Also sie hat mal funktioniert. Leider kenne ich mich so wenig damit aus...

Hier ist der Code der CSS-Datei:

Code:

#navigation a {
	color: #FFF;
	text-decoration: none;
}
#navigation a:hover {
	color: #000;

}
#container #navigation a:active {
	color: #000;
}





#mainContent {
	width: 600px;
	color: #000;
	font-size: 150%;
	margin-left: 150 px;
	float: right;
	height: 400px;
}
#mainContent p {
	font-size: 80%;
	padding: 20px;
}
#mainContent h2 {
	/* [disabled]width: 600px; */
	/* [disabled]text-align: left; */
	/* [disabled]color: #000; */
	/* [disabled]height: 400px; */
	padding: 20px;
}

#side_right {
	width: 150px;
	float: right;
	margin-left: 750 px;
	color: #000;
	height: 500px;

























	background-image: url(
../images/water_right.png;
	background-repeat: no-repeat;
	font-size: 14px;
	/* [disabled]background-color: #BE0000; */









	background-image: url(
../images/water_right.jpg;
	background-image: url(../images/water_right.jpg);
}

#container #side_right p {
	/* [disabled]background-color: #FFF; */
	padding: 15px;
	background-image: url(../images/note.png);
	text-align: center;
}




#footer {
	color: #333;
	text-align: center;
	width: 600px;
	margin-left: 150px;
	margin-bottom: 500px;
}

#container h1 {
	color: #000;
	padding: 20px;
}

lustig · 30.09.2013

AW: css wird nicht angezeigt

Kannst Du den korrekten Code der css-Datei liefern? Irgendetwas stimmt nicht, z.B. gibt es hier sicher Probleme:

HTML:

    background-image: url(
../images/water_right.png;

    background-image: url(
../images/water_right.jpg;

Jacque · 30.09.2013

AW: css wird nicht angezeigt

Super, das war die Lösung! Ich habe in der CSS-Datei alle fehlenden Klammern in den Links hinzugefügt und jetzt wird das css wieder angezeigt.

Vielen Dank für deine Hilfe!!

Gruß Jacque

Matte · 30.09.2013

AW: css wird nicht angezeigt

Übrigens, falls es dir noch nicht aufgefallen ist. Du hast höchstwahrscheinlich einen Buchstabendreher in deiner E-Mail Adresse "...@t-onlien.de" ;o)

Gruß

Matte