Zum Inhalt springen

CSS wird irgendwie nicht erkannt

Erstellt am 4. Juni 2005 · 5 Antworten · letzte Antwort am 5. Juni 2005

Tags: Frage

Strichmaennli ·

Hallo

Ich habe in meiner CSS-Datei 2 absolut positionierte Linien definiert:
rpc.css

#p1	  {
	position:absolute;
	top:100px;
	left:40px;
	width:765px;
	height:1px;
    background-image: url(fileadmin/template/images/logo/linie1.jpg);
    background-repeat: no-repeat; 
    }

#p2  {
	position:absolute;
	top:103px;
	left:190px;
	width:2px;
	height:500px;
    background-image: url(fileadmin/template/images/logo/linie_vertikal.jpg);
    background-repeat: no-repeat; 
    }

im setup von typo3 verweise ich auf die css-datei:

page.stylesheet = fileadmin/template/rpc.css

und in der html-datei sieht es wie folgt aus (div-tags nach dem body-tag):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Royal Poker Club</title>
</head>

<body bgcolor="#51AB4B">
<!-- ###DOKUMENT### -->
<div id="p1"></div>
<div id="p2"></div>


<table width="800">
 <tr>
 <td width="70"></td>
 <td width="100"><img src="fileadmin/template/images/logo/royalflush2.jpg" alt="" /></td>
 <td width="20"></td>
 <td><img src="fileadmin/template/images/logo/royalpokerclub.jpg" width="583" height="39" alt="" /></td>
 </tr>
</table>
<p></p>
<br />
<table width="800">
 <tr>
 <td width="30"></td>
 <td width="150">###KOPF_MENU###</td>
 <td width="30"></td>
 <td width="600">###CONTENT###</td>
 </tr>
</table>

</div>
<!-- ###DOKUMENT### --> 
</body>
</html>

Ich weiss nicht warum die 2 Striche (einmal vertikal und einmal horiontal) nicht angezeigt werden. Was mache ich falsch?

Gruss

dabjoern ·

Hi auch,
wird in deinem Quellcode die CSS Datei erfolgreich eingebunden und verwendet? Wenn ja, dann hast du kein Problem mit Typo, sondern ein Problem mit CSS. Und IMO bist du dann hier falsch. 😉 Am Besten stellst du dein Problem mal hier: http://www.xhtmlforum.de/
Gruß
dabjoern

dabjoern ·

Hi auch,
spiel mal ein wenig mit diesen Angaben rum:

background-image: url(fileadmin/template/images/logo/linie_vertikal.jpg);

Ich denke, dass der Pfad relativ zum css-file sein muss. Also so:

background-image: url(../images/logo/linie_vertikal.jpg);

Probiers erstmal das. Wenn nicht, würde ich mal den Position-Kram rausnehmen und versuchen, wenigstens eine Linie zu erzeugen. Auf jeden Fall wir deine CSS-Datei ordentlich eingebunden.
Gruß
dabjoern

Strichmaennli ·

an dabjoern

Dein Tipp mit dem Pfad war gold wert. Ich habe das "fileadmin/template/" rausgenommen und jetzt funktioniert es.

Vielen Dank für Deine rasche und kompetente Hilfe

Gruss

:p