burdaki resimde görüldüğü üzere işaretlediğim alana yanı tam sitenin ortasına hizalı bir şekilde yanyana resimler koymak istiyorum. ancak bunu bir türlü başaramadım. yardımci olabilecek olan varsa gerçekten çok sevinirim. teşekkürler.
hizalama kodu align=center dı galiba bende unuttum aslında
hizalamak istediğiniz elementin bir üst seviyesinin css koduna "margin:auto !important;" kodunu ekleyin tırnaksız olarak
şimdi onun bir codu vardı unuttum kordinatları veriyordun "top" la felan bazen olmayabiliyor sitil sayfası ve kuralı oluşturman gerekebilir.
Önceklikle resimleri yanyana getirmek için css'e "float: left" verin. Ondan sonra ortalamak için ortalayacağınız resimleri bir div içine alıp div'e öncelikle css'den resimlerin toplam genişlik ve yükseklik değerlerini verin ve "margin: 0 auto" ile ortalayın. Burada ki 0 yukarıdaki dış boşluğunu belirtir, yani isterseniz 10px gibi değerlerde atayabilirsiniz. Örnek : margin: 10px auto;
html üzerine temel css derslerine başlamanızı öneririm. Bu tür düzenlemeleri kolaylıkla yapabilirsiniz.
dostum basit olarak o bölüme bu kodları yaz.
<div id="sirali-resimler">
<ul>
<li><img src="resimadresi" /></li>
<li><img src="resimadresi" /></li>
<li><img src="resimadresi" /></li>
<li><img src="resimadresi" /></li>
</ul>
</div>
#sirali-resimler ul{
width:100%; /* istediğin genişliği yapabilirsin */
list-style:none;
}
#sirali-resimler ul li{
float:left;
width:250px;
height:120px;
overflow:hidden;
padding-right: 20px;
border:3px solid #CCC;
}