Zum Inhalt springen

CSS - wird erkannt, Bilder aber nicht angezeigt

Erstellt am 10. November 2005 · 2 Antworten · letzte Antwort am 10. November 2005

Tags: Templates & Layouts, HTML & CSS, Frage

Andrea_Herzog ·

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>
Andrea_Herzog ·

Hallo,
ich bin wieder einen Schritt weiter. Die Marker sind jetzt korrekt, aber die Bilder werden immer noch nicht angezeit.
auch wenn ich im .css den Pfad anders setze.
Statt

fileadmin/fit2/images/banner.jpg

../images/banner.jpg

Aber irgendwie muss es an dem Kram mit den Pfaden liegen, oder?

Gruß
Andrea

Andrea_Herzog ·

Hallo,
Problem ist gelöst, die pfadangabe muss relativ zum fileadmin sein, also in diesem Falle ../images/banner.jpg

Und wenn man dann noch den Cache löscht....

:p

Gruß
Andrea