Bild im div wird nicht angezeigt alles

ich versuche, fügen Sie ein Bild in einem div-container mit css und html, aber nicht alle Bilder angezeigt.

html-code:

<div id="wrapper">
<div id="quoteContainer">
 <span class="start_img"></span>
</div>
</div>

css:

#quoteContainer {
    color: #898989;
    background:#F9F9F9;
    border: solid 1px #ddd; 
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    -webkit-box-shadow: 0px 0px 10px #888;
    margin:65px auto;
    padding:15px;
    width:500px;

}

    .start_img {
     background: url(image/img1.png); 
     border: dotted 2px black;
     width:200px;
     height:20px;
    }

abgesehen von der img, nicht einmal die Grenze zeigt. ich habe versucht mit der <img> - tag in html einfügen, das Bild innerhalb des div, das funktioniert auch nicht. gibt es etwas falsch mit dem code?

InformationsquelleAutor input | 2010-04-09

3

Dem span-element ein inline-element, nicht nehmen, eine Breite und eine Höhe.

Hast du Folgendes versuchen?
```
<div id="wrapper">
<div id="quoteContainer">
 <img src="image/img1.png" />
</div>
</div>
```
- das habe ich versucht. es hat nicht funktioniert. ich habe versucht, mit einem <div> - tag, wie gut füllen Sie das Bild durch css. das hat nicht funktioniert entweder.
- ich habe bearbeitet den code. bitte überprüfen Sie es heraus.
- ich fand es heraus. war es, weil der javascript-Funktion, die Berufung war das quotecontainer nach jeden 10sek [ich hatte es so]. vielen Dank für die Zeiger, sowieso.
InformationsquelleAutor Daniel Vassallo
9

Das ist, weil ein span ist ein inline-element von Natur, und wird nicht akzeptieren, die willkürlich width noch height Werte. Sie müssen entweder machen es zu einem block/inline-block element (Gab es nicht eine Frage von gestern?) oder mit Inhalten zu füllen.

Wäre es sicherlich die Arbeit mit einer img element, wenn Sie die src Eigenschaft.

Und, wie bereits gestern gesagt, wenn Sie möchten, dass Ihre leere Elemente korrekt angezeigt werden im gesamten Browser verwenden, stellen Sie sicher, dass Sie füllen Sie mit mindestens einem  

InformationsquelleAutor Pekka 웃

Müssen Sie zum ändern der Spanne von inline:

.start_img {
     background: url(image/img1.png); 
     border: dotted 2px black;
     width:200px;
     height:20px;
     display:inline-block;
    }

Und etwas in die span.

<span class="start_img">&nbsp;</span>

InformationsquelleAutor Kyle

1

wenn Sie in einem großen content & und Sie schwebten zu geben, dass die divs & span float/

Wenn ein element kann die Breite, die Sie haben, um zu versuchen, hinzufügen;
```
display:block; 
```
Ihrer Klasse/

und für deine divs;
```
display:block;
width:204px;
height:24px;
```
aber wie sagte Pekka;
```
<img src="#" class="blabla" alt="img" />
```
funktioniert einwandfrei//
- ich habe versucht, jeden Vorschlag, es hat nicht funktioniert.
InformationsquelleAutor spielersun
0

Vielleicht Sie don ' T haben ein Bild hochgeladen, richtig? Überprüfen Sie, und alle Ihre syntax, da diese alle scheinen, wie angemessene und sinnvolle Erklärungen. Sie könnte einfach tun:
```
<div id="wrapper">
<div id="quoteContainer">
 <span class="start_img"><img src="http://www.whereYouStoreimage.com/link/to/image/imag.png"/></span>
</div>
</div>
```
- danke für die Antwort. aber habe ich die Antwort. bitte sehen Sie Daniel Vassallo Antwort.
InformationsquelleAutor LightningWrist

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.