Hallo,
ich habe das Problem, dass mein Stylesheet zwar erkannt wird, aber die Bilder werden nicht angezeigt. Dafür aber die Marker für den Inhalt.
Erste Gehversuche mit kompletten CSS und ohne Tabellen.
Lokal und ohne Typo3 funktioniert die html-Vorlage mit dem CSS.
Was mache ich falsch?
hier das stylesheet und dir vorlage
/*<!-- Bodyeigenschaften -->*/
BODY {
color: #000000;
background-color: #FFFFFF;
font: normal normal 12px Arial, Verdana, Tahoma;
margin: 0px 0px 0px 0px;
scrollbar-base-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#555656;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#555656;
scrollbar-track-color:#FFFFFF;
}
/*<!-- keinen Bildrand -->*/
img{border:0px;}
/*<!-- Linkeigenschaften -->*/
A:link, A:visited, A:active {
color: #555656;
text-decoration:none;
font: normal normal 12px Arial, Verdana, Tahoma;
font-weight:bold;
}
A:hover {
color: #00B9F3;
text-decoration: none;
font: normal normal 12px Arial, Verdana, Tahoma;
font-weight:bold;
}
/*<!-- Ueberschrifteigenschaften -->*/
h1 {
font-size: 18px;
color: #000000;
text-align: center;
font-family: Arial, Verdana, Tahoma;
}
h2 {
font-size: 14px;
color: #000000;
font-family: Arial, Verdana, Tahoma;
}
h3 {
font-size: 10px;
color: #000000;
font-family: Arial, Verdana, Tahoma;
}
/*<!-- Div Konfigurierung / Textkoerper -->*/
.alles {
background-color: #FFFFFF;
position: relative;
top: 0px;
left: 0px;
width: 1000px;
height: 786px;
text-align: left;
}
/*<!-- Banner / Menu1 -->*/
Div.banner {
background-color: #FFFFFF;
background: url(fileadmin/fit2/images/banner.jpg) no-repeat scroll;
position: absolute;
top: 0px;
left: 10px;
height: 160px;
width: 980px;
}
.menu {
position: absolute;
top: 105px;
left: 50px;
height: 30px;
width: 600px;
}
/*<!-- Menu1 / spezielle Linkfarbe -->*/
Div.menu a:hover {
color: #FFFFFF;
}
/*<!-- Hauptbereich -->*/
<!-- Menu 2 -->
.menu2 {
background-color: #FFFFFF;
position: absolute;
top: 180px;
left: 10px;
height: 588px;
width: 170px;
}
/*<!-- Menu 2 -->*/
.menu2_text {
background-color: #FFFFFF;
position: absolute;
top: 180px;
left: 52px;
height: 588px;
width: 130px;
}
/*<!-- mitte -->*/
.haupt_mitte {
background-color: #FFFFFF;
position: absolute;
top: 180px;
left: 207px;
height: 588px;
width: 620px;
}
.haupt_text {
background-color: #FFFFFF;
position: absolute;
overflow: auto;
top: 180px;
left: 207px;
height: 588px;
width: 620px;
}
/* <!-- Logo Text -->*/
.logo_text {
background-color: #FFFFFF;
color: #00B9F3;
font-weight: bold;
font: 10px;
position: absolute;
top: 160px;
left: 853px;
height: 82px;
width: 112px;
}
/*<!-- News -->*/
#news {
background-color: #FFFFFF;
background: url(fileadmin/fit2/images/bg_news.jpg) no-repeat scroll;
position: absolute;
top: 242px;
left: 853px;
height: 526px;
width: 112px;
}
.news_text {
position: absolute;
top: 247px;
left: 858px;
height: 516px;
width: 102px;
}
/*<!-- Div Konfigurierung ENDE -->*/
Vorlage:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FIT</title>
<meta name="Author" content="FIT" />
<meta name="Publisher" content="FIT" />
<meta name="Copyright" content="FIT" />
<meta name="Keywords" content="FIT" />
<meta name="Page-topic" content="FIT" />
<meta name="Audience" content="Alle" />
<meta name="Content-language" content="DE" />
<meta http-equiv="content-language" content="de" />
<meta name="Page-type" content="Business" />
<meta name="Robots" content="follow" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="fileadmin/fit2/style/style.css" />
</head>
<body>
<!-- Menu 2 -->
<div class="menu2"></div>
<div class="menu2_text"><br />###MENU###
</div>
<!-- haupt_mitte / Text -->
<div class="haupt_mitte"></div>
<div class="haupt_text"><br />###Inhalt###<br />
</div>
<!-- Logo Text -->
<div class="logo_text">
FACHVERBAND<br />
INDUSTRIELLE<br />
TEILEREINIGUNG E.V.<br />
</div>
<!-- News -->
<div class="news"></div>
<div class="news_text">
<center>
<br /><br /><br />
###RECHTS###
</center>
</div>
</div>
<!--Ende Body-->
</body>
</html>