arkadaşlar css ile tasarıma yöneldim.Ben tablolarla çalışan biriydim.Yeni standartlara göre artık demode oldu bildiğiniz gibi.Şimdi benim şöyle bir sorunum var ana sayfada 4 tane div ve bunların içinde haberler var.Fakat ben bunları yanyana bir türlü koyamadım
üst üste geliyorlar.Aşağıda resmini görüyorsunuz:
Bunları yanyana ve aralarında 2px boşluk olacak şekilde nasıl yerleştiririm.Birde şurda takıldım.Sol taraftaki kutular float:left sağdakiler float:right olarak ayarlı.Ben ortaya bir kutu daha eklemek istesem nasıl yapacağım.
Buda kullandığım kod:
Kod:
<divstyle="float:left;width:200px;height:90px;background:#fff">
<divstyle="padding:2px;background:#FF00FF;margin-bottom:2px;border:solid 1px #000">Başlık</div>
<divstyle="border:dotted 1px #000;color:black;padding:2px;">
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
<asp:HyperLinkrunat="server"NavigateUrl="~/Default.aspx">Devamı...</asp:HyperLink>
</div>
</div>
<divstyle="margin-bottom:2px;float:right;width:200px;height:90px;background:#fff;">
<divstyle="padding:2px;background:#FF00FF;margin-bottom:2px;border:solid 1px #000">Başlık</div>
<divstyle="border:dotted 1px #000;color:black;padding:2px;">
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
<asp:HyperLinkID="HyperLink1"runat="server"NavigateUrl="~/Default.aspx">Devamı...</asp:HyperLink>
</div>
</div>
<divstyle="margin-top:2px;float:left;width:200px;height:90px;background:#fff">
<divstyle="padding:2px;background:#FF00FF;margin-bottom:2px;border:solid 1px #000">Başlık</div>
<divstyle="border:dotted 1px #000;color:black;padding:2px;">
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
<asp:HyperLinkID="HyperLink2"runat="server"NavigateUrl="~/Default.aspx">Devamı...</asp:HyperLink>
</div>
</div>
<divstyle="margin-top:2px;float:right;width:200px;height:90px;background:#fff;">
<divstyle="padding:2px;background:#FF00FF;margin-bottom:2px;border:solid 1px #000">Başlık</div>
<divstyle="border:dotted 1px #000;color:black;padding:2px;">
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik Haber İçerik
<asp:HyperLinkID="HyperLink3"runat="server"NavigateUrl="~/Default.aspx">Devamı...</asp:HyperLink>
</div>
</div>
Yardımlarınızı bekliyorum.
