css oval tablo - Sayfa 2

02-03-2010, 17:12:18

#10

psycolixx

genişlik sabit kalsa sorun değil de sabit değil değişken olduğu için bu kadar uğraştım

ama sabit olarak gönderirsen belki fikir değiştirirm

02-03-2010, 17:12:50

#11

psycolixx

_BuKi_ adlı üyeden alıntı: mesajı görüntüle

buyrun hocam; KAYNAK

bunların hepsini yaptım

dediğim gibi genişlik değişken o yüzden kafam şişti

02-03-2010, 22:32:10

#12

~~JustGo~~

Üyeliği durduruldu

closed nickli arkadaş için hazırlamıştım böyle bir örnek sanırım yapmak istediğin bu, dosyayı indirip kaynak kodları incele ve uygula sonuca basitçe ulaşabilirsin.

03-03-2010, 03:40:39

#13

RenkliGolge

div biraz kod kalabalığı yapıyor. fakat en az kalabalıkla şu şekilde çıkarmıştım inceleyebilirsin.

Sub: genel kapsam
Top : üst kısım sol orta sağ
Middle : orta kısım sol orta sağ
Bottom: alt kısım sol orta sağ

Top - Middle - Bottom sol orta ve sağlarını ayrı ayrı vermelisin.

<div class="Sub">

        	<div class="Top">
            
                <div class="Left"></div>
                <div class="Center"></div>
                <div class="Right"></div>
                
        	</div>
            
            <div class="Middle">

                <div class="Left"></div>
                <div class="Center">
               içerik
                </div>
                <div class="Right"></div>
                
        </div>
            
            <div class="Bottom">
            
                <div class="Left"></div>
                <div class="Center"></div>
                <div class="Right"></div>
                
        	</div>
            
            
</div>

03-03-2010, 08:15:04

#14

psycolixx

JustGo adlı üyeden alıntı: mesajı görüntüle

closed nickli arkadaş için hazırlamıştım böyle bir örnek sanırım yapmak istediğin bu, dosyayı indirip kaynak kodları incele ve uygula sonuca basitçe ulaşabilirsin.

cevap için teşekkürler bu 4 köşe benim istediğim 8 parçayı birleştirme

solust ortaust sagust

sol yazılar burada (aşağıya indikçe genişleyecek) sag

solalt altorta sagalt

03-03-2010, 08:16:36

#15

psycolixx

RenkliGolge adlı üyeden alıntı: mesajı görüntüle

div biraz kod kalabalığı yapıyor. fakat en az kalabalıkla şu şekilde çıkarmıştım inceleyebilirsin.

Sub: genel kapsam
Top : üst kısım sol orta sağ
Middle : orta kısım sol orta sağ
Bottom: alt kısım sol orta sağ

Top - Middle - Bottom sol orta ve sağlarını ayrı ayrı vermelisin.

<div class="Sub">

        	<div class="Top">
            
                <div class="Left"></div>
                <div class="Center"></div>
                <div class="Right"></div>
                
        	</div>
            
            <div class="Middle">

                <div class="Left"></div>
                <div class="Center">
               içerik
                </div>
                <div class="Right"></div>
                
        </div>
            
            <div class="Bottom">
            
                <div class="Left"></div>
                <div class="Center"></div>
                <div class="Right"></div>
                
        	</div>
            
            
</div>

bunu deniyorum peki css kodları ?

03-03-2010, 09:31:26

#16

~~sZorlu~~

Üyeliği durduruldu

Aslında image kullanmadan direk css kodlarıyla oluşturmak daha mantıklı şunun gibi.

<div class="yuvarlakalan">Burası İçerik Kısmı</div>

Bunun Css'i ise;

.yuvarlakalan{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:2px solid #000;
}

gibi olabilir.Fakat bu internet explorer da çalışmaz.

03-03-2010, 09:35:48

#17

psycolixx

gölge olmasaydı hazır css kodları ile yapacaktım sorun burada işte

tablo altında gölge var

03-03-2010, 09:38:53

#18

~~sZorlu~~

Üyeliği durduruldu

gölgeden çok border'a benziyor

neyse kolay gelsin.