Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

Bir Tabloda yanyana 3 div tanımlama

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
17
Cevap
0
Favori
10.315
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Bir tablom var 1 satır ve 1 sütun uzunluğunda. Bunun içine 3 tane yanyana div tanımlamak istiyorum. sağ ve sol kısımlar oldu fakat ortadakini tanımlıyamadım. 

     
      #sol{ position:relative; width:255px; float:left} 
      #sag {position:relative; width:255px; float:right}


    #orta isimli div'i de position:relative; margin:auto; verdim fakat diğerleri gibi olmadı.bozdu tabloyu :S ne yazmam gerek css kodu olarak ?



  • float:center
  • #sol{ position:relative; width:255px; float:left}
    #orta{ position:relative; width:255px; float:center}
    #sag {position:relative; width:255px; float:right}



    ama bunun yerine tablo da tek satır üç sütün yaparsan daha verimli olabilirsin...
    <table width="100%">
    <tr>
    <td align="left" width="33%">Trscripts.Com Solda</td>
    </tr>
    <tr>
    <td width="34%" align="center">Trscripts.Com Ortada</td>
    </tr>
    <tr>
    <td width="33%" align="right">Trscripts.Com Sağda</td>
    </tr>
    </table>
  • Tablo yapmıştım ilk başta fakat her sütunun bağımsız uzamasını istediğim için div yaptım. Float:centerı da denedim ama bu sefer yandakileri alta atıyor :S



    < Bu mesaj bu kişi tarafından değiştirildi daffodil -- 7 Ağustos 2008; 14:41:01 >
  • Amacın tablonun boyunun içine yazılacak yazıya göre mi ayarlanması onu gene tablo ile yapabilirsin. İşte onun kodu:

    <table width="100%">
    <tr>
    <td align="left" nowrap="nowrap">Trscripts.Com Solda</td>
    </tr>
    <tr>
    <td align="center" nowrap="nowrap">Trscripts.Com Ortada</td>
    </tr>
    <tr>
    <td align="right" nowrap="nowrap">Trscripts.Com Sağda</td>
    </tr>
    </table>
  • İçine koyduğum yazı ve resim ile uzamasını istiyorum fakat bir taraf kısa kalırken bir taraf uzun kalabilir ki bu da anca div sayesinde olur.Tablolar çok baş ağrıtıyor böyle şeylerde.
  • satır sayısı artacaksa dediğin gibi olur fakat satır sayısı bir tane olacaksa bu kod işini görür.. istediğin işi tam anlamıyla bunla yaparsın.. tek satırsaa


    Düzenleme: Al bir dene bunu da ondan sonra sonucu söyle



    < Bu mesaj bu kişi tarafından değiştirildi oralunal -- 7 Ağustos 2008; 16:37:29 >
    • Yapay Zeka’dan İlgili Konular
    C#'ta textbox'a sadece rakam ve virgül girme
    11 yıl önce açıldı
    Birden Çok Resmi Alt Alta Tek Bir Resim Dosyası Yapma?
    13 yıl önce açıldı
    Excel'de Sayfa1'deki veriyi Sayfa2'ye aralıklı bir şekilde aktarma
    10 yıl önce açıldı
    Daha Fazla Göster
  • Hepsini float:left dene.
  • http://www.serbestdoviz.com/kutu.asp

    Burdaki kutucukları yanyana nasıl koyarız lütfen acil yardım?
  • #sol_kutu{
    float:left}

    #orta_kutu{
    float:left}

    #sag_kutu{
    float:left}

    boylelıkle 3 dıvde yanyana dızılmıs olacaktır. Bunu denedın mı?
  • Merhaba selomcak,

    Üç tane yan yana aynı kutuyu koymak istiyorsan aşağıdaki kodları deneyebilirsin. 

    <div style="width:360px;"> 
      <div style="float:left"> 
      <script type="text/javascript"> 
      var para_birimleri="EUR"; 
      var arka_plan="FFFFFF"; 
      var cerceve="333333"; 
      var kutucuk="FFFFFF"; 
      var piyasa_baslik="FFFFFF"; 
      var tur_baslik="999999"; 
      var fiyat_baslik="CC3300"; 
      var kutu_kose="oval"; 
      var genislik="120"; 
      </script> 
      <script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script><div style="width:120px;font-size:12px;text-align:right;"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=28035243&url=http://www.serbestdoviz.com/" data-href="http://www.serbestdoviz.com/">Döviz</a></div> 
      </div> 
      <div style="float:left;"><script type="text/javascript">var para_birimleri="USD";</script><script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script></div> 
      <div style="float:left"><script type="text/javascript">var para_birimleri="CHF";</script><script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script></div> 
      </div>



    < Bu mesaj bu kişi tarafından değiştirildi birbayt -- 21 Aralık 2008; 18:00:19 >




  • Sevgili @birbayt verdiğin kod işe yaradı ancak web sayfamın sonundaki sayaç merkezden kaydı bu sayacı nası döviz tablosunun altına ortalarım çok teşekkürler.

    Şu anki mevcut kod sayaç sağa kaymış ; 

    <center><div style="width:360px;"> 
      <div style="float:left"> 
      <script type="text/javascript"> 
      var para_birimleri="EUR"; 
      var arka_plan="F7FF00"; 
      var cerceve="000896"; 
      var kutucuk="FFFFFF"; 
      var piyasa_baslik="FFFB00"; 
      var tur_baslik="999999"; 
      var fiyat_baslik="CC3300"; 
      var kutu_kose="oval"; 
      var genislik="120"; 
      </script> 
      <script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script><div style="width:120px;font-size:12px;text-align:right;"><a name="serbestdoviz"  
       
      target="_blank" title="Güncel serbest döviz piyasasını anlık olarak takip edin!" href="http://www.serbestdoviz.com/">Döviz</a></div> 
      </div> 
      <div style="float:left;"><script type="text/javascript">var para_birimleri="USD";</script><script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script></div> 
      </div></center> 
      <center><a href=http://hitcounter-1.com/u/raverselim/><img border=0 src=http://ctr.hitcounter-1.com/counter/index.php?u=raverselim&s=7seg></a><br><a  
       
      href=http://hitcounter-2.com/u/raverselim/></a><a href=http://hitcounter-3.com/u/raverselim/></a><a href=http://hitcounter-4.com/u/raverselim/></a></center>


    IE Görüntü:

    Bir Tabloda yanyana 3 div tanımlama


    Firefox Görüntü:

    Bir Tabloda yanyana 3 div tanımlama



    < Bu mesaj bu kişi tarafından değiştirildi selomcak -- 27 Kasım 2008; 12:19:46 >




  • Merhaba selomcak, istediğini gerçekleştirmek için aşağıdaki kodları kullanabilirsin. 
    <div style="width:240px;"> 
      <div style="height:120px;"> 
      <div style="float:left"> 
      <script type="text/javascript"> 
      var para_birimleri="EUR"; 
      var arka_plan="0E4B8C"; 
      var cerceve="000896"; 
      var kutucuk="FFFFFF"; 
      var piyasa_baslik="FFFB00"; 
      var tur_baslik="999999"; 
      var fiyat_baslik="CC3300"; 
      var kutu_kose="oval"; 
      var genislik="120"; 
      </script> 
      <script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script><div style="width:120px;font-size:12px;text-align:right;"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=28090520&url=http://www.serbestdoviz.com/" data-href="http://www.serbestdoviz.com/">Döviz</a></div> 
      </div> 
      <div style="float:left; display;block;"><script type="text/javascript">var para_birimleri="USD";</script><script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script></div> 
      </div> 
      <div style="text-align:center; margin-top:5px;"> 
      <a href=http://hitcounter-1.com/u/raverselim/><img border=0 src=http://ctr.hitcounter-1.com/counter/index.php?u=raverselim&s=7seg></a><br><a href=http://hitcounter-2.com/u/raverselim/></a><a href=http://hitcounter-3.com/u/raverselim/></a><a href=http://hitcounter-4.com/u/raverselim/></a> 
      </div> 
      </div>



    < Bu mesaj bu kişi tarafından değiştirildi birbayt -- 28 Kasım 2008; 15:35:42 >




  • @birbayt çok ama çok teşekkürler biraz fazla olacak ama son olarak 2 kutunun arasını biraz açmak için ne yapmalıyım? 
  • <div style="width:245px;"> 
      <div style="height:120px;"> 
      <div style="float:left;margin-right:5px;"> 
      <script type="text/javascript"> 
      var para_birimleri="EUR"; 
      var arka_plan="0E4B8C"; 
      var cerceve="000896"; 
      var kutucuk="FFFFFF"; 
      var piyasa_baslik="FFFB00"; 
      var tur_baslik="999999"; 
      var fiyat_baslik="CC3300"; 
      var kutu_kose="oval"; 
      var genislik="120"; 
      </script> 
      <script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script><div style="width:120px;font-size:12px;text-align:right;"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=28112873&url=http://www.serbestdoviz.com/" data-href="http://www.serbestdoviz.com/">Döviz</a></div> 
      </div> 
      <div style="float:left; display;block;"><script type="text/javascript">var para_birimleri="USD";</script><script type="text/javascript" src="http://www.serbestdoviz.com/kutu/ekle.js"></script></div> 
      </div> 
      <div style="text-align:center; margin-top:5px;"> 
      <a href=http://hitcounter-1.com/u/raverselim/><img border=0 src=http://ctr.hitcounter-1.com/counter/index.php?u=raverselim&s=7seg></a><br><a href=http://hitcounter-2.com/u/raverselim/></a><a href=http://hitcounter-3.com/u/raverselim/></a><a href=http://hitcounter-4.com/u/raverselim/></a> 
      </div> 
      </div>




  • Çok teşekkürler sayın @birbayt
  • arkadaşlar http://www.dynamicdrive.com/dynamicindex1/switchmenu2.htmadresindeki menuyu kullanmak istyorum. fakat 3 tane yapıcam tek bir tablo içinde aynı arkadaşımız gibi. fakat .js .css .html bunlardan hangisini editlemem gerektiğini bilmiyorum. bu sayfada ufak bir zip dosyası var. buradaki kodlara kısaca bir göz atıp nereyi editlemem gerektiğini söyleyebilir misiniz? şu an kodlar açık önümde duruyor ve cevap yazıldğı taktirde anında deneyeceğim.
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum