css ile bunu yapmak mümkün mü?

saka · 04.12.2007

Merhaba,
CSS ile bir büyük tablo ve içinde bir küçük tablo yapmak mümkün mü? iki farklı içerik olacak.
Şekildeki gibi.

Varsa kodları paylaşabilir misiniz?

alico · 04.12.2007

sorunun cevap şekli biraz garip ama idare et , ama daha kalıcı bir iz bıracaktır emin ol
http://rapidshare.com/files/74230730...cevap.rar.html

metsatöll · 04.12.2007

Eger sorunu dogru algiladiysam, bu kod isini görecektir.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/CSS">
#container {
    width:600px;
    margin:0 auto;
}
   #insideLayer {
       float:left;
       width:200px;
       margin: 0 0 10px 5px;
   }
   
</style>
</head>

<body>
    <div id="container">
        <div id="insideLayer">
            ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo ic tablo 
        </div>
dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo dis tablo 
    </div>
</body>
</HTML>

Python · 04.12.2007

HTML Code:

<div style="width:600px;">
  	<div style="border:2px solid #000;width:250px;height:120px;overflow:hidden;float:left;">
    <p>Aliquam leo ligula, facilisis in, molestie sed, tempus consequat, leo. Sed   sodales orci quis velit. Curabitur nec dui non elit scelerisque fringilla. Morbi   sed elit. Donec turpis nisi, dapibus quis, pulvinar at, vehicula et, arcu.   Vivamus erat. Pellentesque habitant morbi tristique senectus et netus et   malesuada fames ac turpis egestas. Nunc enim. Cras quis ante sit amet odio   dictum viverra. Pellentesque felis odio, malesuada faucibus, tristique ac,   rhoncus sed, purus. Sed dictum, tortor vel suscipit fringilla, erat risus mattis   nisl, eget molestie libero odio eget risus. Aliquam aliquam nunc quis pede.   Integer tincidunt nibh vitae orci. Sed arcu mauris, scelerisque at, accumsan ac,   luctus vitae, magna. Quisque ac dui. Nullam adipiscing purus in ligula. </p>
    </div>  
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras quis nisl ac   nulla auctor rutrum. Suspendisse porta, ligula quis nonummy lobortis, justo   purus blandit urna, quis suscipit mi nisl nec eros. Maecenas pretium tempor   ante. In hac habitasse platea dictumst. Etiam elementum rutrum mauris. Maecenas   urna. Nam sit amet tellus nec sapien blandit auctor. In nunc nisl, nonummy nec,   pellentesque lobortis, rhoncus in, magna. Aenean eu eros sit amet nunc fringilla   faucibus. In hac habitasse platea dictumst. In ac odio non purus congue   tristique. Donec faucibus massa in ante. Etiam mi lorem, blandit at, iaculis   non, vehicula nec, sem. Aenean libero. Aliquam vel ante et massa lobortis   consequat. Phasellus interdum ultricies risus. Fusce viverra nisl vitae lorem.   Sed in enim. </p>
    <p>Morbi eget nibh nec odio imperdiet lobortis. Proin velit magna, ultrices non,   fringilla lacinia, lobortis quis, metus. Phasellus commodo egestas quam.   Praesent tristique, lectus vel congue porta, metus erat iaculis mauris, nec   euismod eros orci ac arcu. Maecenas imperdiet tellus eget lacus. Aenean nec   libero. Pellentesque lacinia nunc vitae justo. Mauris ac ligula id augue   lobortis dignissim. Vivamus quam velit, congue id, cursus eu, iaculis et, risus.   Etiam eu ante eu urna scelerisque dictum. Curabitur non nisl in enim dapibus   mollis. </p>
    <p>Sed elementum. Suspendisse lacus sapien, malesuada eget, consectetuer non,   fringilla vel, quam. Vestibulum viverra metus vitae elit. Fusce ac nulla vitae   orci dignissim feugiat. Maecenas tristique, ante venenatis pretium tristique,   augue sem egestas nibh, ultrices luctus mauris magna et lacus. Vestibulum ligula   dui, nonummy sodales, ornare at, tempor non, libero. Suspendisse enim augue,   ultricies sed, elementum quis, cursus eget, tellus. Donec nunc mauris, aliquet   sed, ultricies eu, gravida eget, nulla. Phasellus eu arcu blandit mauris   fringilla accumsan. Nunc libero. </p>
    <p>Ut magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla   suscipit lacus ut nisl. Nullam nunc pede, pulvinar sed, tristique non,   consectetuer facilisis, lectus. Suspendisse potenti. Aenean nec tortor in ligula   lobortis semper. Curabitur fringilla. Quisque suscipit risus non risus. Quisque   eros. Cras sed diam. In hac habitasse platea dictumst. Suspendisse potenti. </p>
    <p>Aliquam leo ligula, facilisis in, molestie sed, tempus consequat, leo. Sed   sodales orci quis velit. Curabitur nec dui non elit scelerisque fringilla. Morbi   sed elit. Donec turpis nisi, dapibus quis, pulvinar at, vehicula et, arcu.   Vivamus erat. Pellentesque habitant morbi tristique senectus et netus et   malesuada fames ac turpis egestas. Nunc enim. Cras quis ante sit amet odio   dictum viverra. Pellentesque felis odio, malesuada faucibus, tristique ac,   rhoncus sed, purus. Sed dictum, tortor vel suscipit fringilla, erat risus mattis   nisl, eget molestie libero odio eget risus. Aliquam aliquam nunc quis pede.   Integer tincidunt nibh vitae orci. Sed arcu mauris, scelerisque at, accumsan ac,   luctus vitae, magna. Quisque ac dui. Nullam adipiscing purus in ligula. </p>
  
</div>

Körün istediği 1 Göz Allah verdi 2 göz

saka · 04.12.2007

çok teşekkür ederim. Sondaki mesaj işimi fazlasıyla gördü.

erturkerdal · 05.12.2007

Margin ile boşluk verebilirsin, yukarıdaki örnekte yazılar birleşik çıkabilir.

<div style="margin-right:4px;border:2px solid #000;width:250px;height:120px;overflow:hidden;floa t:left;">

gibi...

saka · 08.12.2007

teşekkürler uyarı için.

04.12.2007	#2 (permalink)
alico Üyelik Tarihi: 24.10.2005 Yer: Kocaeli Yaş: 27 Mesaj: 79	Evet Mümkün sorunun cevap şekli biraz garip ama idare et , ama daha kalıcı bir iz bıracaktır emin ol http://rapidshare.com/files/74230730...cevap.rar.html __________________ PRODESTEK Yunus'ca sevigimizden anlamayana cevabımız Yavuz'ca olacaktır.

04.12.2007	#5 (permalink)
saka Üyelik Tarihi: 25.10.2000 Mesaj: 122	Re: css ile bunu yapmak mümkün mü? çok teşekkür ederim. Sondaki mesaj işimi fazlasıyla gördü.

05.12.2007	#6 (permalink)
erturkerdal Üyelik Tarihi: 23.08.2007 Yer: Bilecik Yaş: 20 Mesaj: 96	Re: css ile bunu yapmak mümkün mü? Margin ile boşluk verebilirsin, yukarıdaki örnekte yazılar birleşik çıkabilir. <div style="margin-right:4px;border:2px solid #000;width:250px;height:120px;overflow:hidden;floa t:left;"> gibi... __________________ Damacana.org

08.12.2007	#7 (permalink)
saka Üyelik Tarihi: 25.10.2000 Mesaj: 122	Re: css ile bunu yapmak mümkün mü? teşekkürler uyarı için.