Comment est-ce que je mettrais une image dans la cellule de gauche?

Question

code CSS:

#wrapper {margin:auto; width:100%;} 
.container {display: table; width:100%;} 
.row {display: table-row;} 
.cell {display: table-cell; height: 100px;} 
#fixed {width:150px;} 

Code HTML:

<div id="wrapper"> 
<div class="container"> 
<div class="row"> 
<div class="cell" id="fixed">left cell</div> 
<div class="cell">right cell</div> 
</div> 
</div> 
</div> 

Comment pourrais-je mettre une photo dans la cellule gauche? Supposons que l'image soit de 150 pixels de large et de 100 pixels de hauteur.

Answer 1

<div class="cell" id="fixed"><img src="path/to/image.ext" alt="my picture" style="width:100px; height:100px"></div> 

HTML Images

Answer 2

Si vous entendez par css,

.row { display:table:row ; background:url('images/myImage.png') no-repeat 0px 0px; } 

En html

<img src="images/myImage.png" />