Grafik wird nicht angezeigt

Status
Nicht offen für weitere Antworten.

StupidBoy

Mitglied Gold
Ja moin, ich bins schon wieder.
Nunja, ich habe das Problem, dass eine Grafik bei mir nicht angezeigt wird und ich nicht weiß woran es liegt.
Es geht um das div "vwar" welches eine Grafik beinhaltet die links neben der Grafik des divs "news" angezeigt werden soll. Diese Grafik sit aber nicht zu sehen.
Ich habe nun probiert die Breite von div.news zu vergrößern und auch die divs so anzuordnen, dass div.vwar nicht mehr im div.news enthalten ist aber auch das funktionierte nicht.

Zur Zeit bin ich daher etwas ratlos wo das Problem liegt.

MFG SB

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>

<head>
    <title>Testseite main final 7</title>

<style type="text/css">

            body
                {
                  background-color: #3e3e3e;
                }
                
            div.parent
                {

                  visibility: visible;
                  position: absolute;
                  left: 50%;
                  margin-left: -500px; /* negative Hälfte von width:1000px (breite des Layouts) */
                  width: 1000px;
                  height: 100%
                  text-align: center;
                  background-image: url(main715.jpg);
                  background-repeat: repeat-y;
                }
                
            div.banner
                {
                  
                  text-align: center;
                  width: 1000px;
                  height: 209px;
                  background-image: url(main7_01.gif);
                  background-repeat: no-repeat;
                }
            div.news
                {
                  background-image: url(main703.jpg);
                  background-repeat: no-repeat;
                  
                  float: left;
                  margin-top: 175px;
                  margin-left: 100px;
                  height: 34px;
                  width: 105px;
                  display: inline;
             div.vwar
                {
                  background-image: url(main704.jpg);
                  background-repeat: no-repeat;
                  float: left;
                  margin-top: 175px;
                  margin-left: 205px;
                  height: 34px;
                  width: 103px;
                  display: inline;
                }
           
                  
             
</style>
</head>
<body>

    <div class="parent">
        <div class="banner">
             <div class="news">
                <div class="vwar">

                </div>
             </div>
        </div>
    </div>
    
    

</body>

</html>
 
Du hast die schliessende geschweifte Klammer } für den Selektor div.news vergessen, weshalb alle nachfolgenden Selektoren und CSS-Eigenschaften vom Browser ignoriert werden (!)

Code:
div.news
                {
                  background-image: url(main703.jpg);
                  background-repeat: no-repeat;
                  
                  float: left;
                  margin-top: 175px;
                  margin-left: 100px;
                  height: 34px;
                  width: 105px;
                  display: inline;
                }
 
Status
Nicht offen für weitere Antworten.
Zurück