проблем с тагът ДИВ в ЦСС

vankata

Registered
значи проблема ми е следния искам да си направя галерия като за начало проста галерия (страница в която има снимки) за целта направих един ЦСС:
Код:
#frame {
    width: 160px;
    height: 123px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #E4E4E4;
	background-color: #f8f8f8
}
img {
padding: 5px
}

внъкнах го в хтмл и добавих картинки така:
Код:
	  <div id="frame">
	  <img src="5412_b.jpg">
	  </div>
	  <div id="frame">
	  <img src="5413_b.jpg">
	  </div>

целта ми е да направя прозорец с цвят #f8f8f8 160х123 пиксела и като сложа картинка с размери 150х113 да застава в прозореца и да наподобява на рамка като от четирите страни има по 5 пиксела разстояние, но снимките ми излизат вертикално а аз искам да са една до друга -- хоризонтално :shock: как да стане това :oops:
 
Код:
.frame {
    width: 160px;
    height: 123px;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #E4E4E4;
   background-color: #f8f8f8;
   float:left;
}
.frame img {
padding: 5px
}
Код:
<div class="frame">
     <img src="1.jpg" alt="" width="150" height="115" />
     </div>
     <div class="frame">
     <img src="2.jpg" alt="" width="150" height="115" />
     </div>
Добавил съм float:left; в css-а и освен това ако искаш после да ти се валидира страницата е добре да ползваш class а не id защото по принцип не може да се ползва един и същ <div id>в една страница
 

Back
Горе