Ü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.367
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
Öne Çıkar
0 oy
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
    _____________________________
    Nereden bileceksin bir bâtılın peşinde sürüklenip gittiğini, nereden bileceksin adım adım karanlıklara doğru ilerlediğini?

    Nereden bileceksin hak sandığın şeylerin koca bir yalan olduğunu? Ve nereden bileceksin yüz çevirdiğin şeylerin aslında hakkın ta kendisi olduğunu?!...
  • #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>
    _____________________________
    Elektronik Malzeme
  • 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>
    _____________________________
    Elektronik Malzeme
  • İç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 >
    _____________________________
    Elektronik Malzeme
    • Yapay Zeka’dan İlgili Konular
    2 ayrı excel tablosu verilerini eşleştirme
    14 yıl önce açıldı
    Birden Çok Resmi Alt Alta Tek Bir Resim Dosyası Yapma?
    14 yıl önce açıldı
    Notepad++ ile her satır sonuna bir kelime eklenebilir mi?
    9 yıl önce açıldı
    Daha Fazla Göster
  • Hepsini float:left dene.
    _____________________________

    İstikbal
  • http://www.serbestdoviz.com/kutu.asp

    Burdaki kutucukları yanyana nasıl koyarız lütfen acil yardım?
    _____________________________
    ¤ GIGABYTE GA-P35-DS3L (rev.2.0)
    ¤ INTEL Q6600 Rev:G0 Core 2 Quad 2.4GHz 8MB CACHE 1066MHZ 64bit LGA775-65nm
    ¤ Kingston KVR800D2N5/1G 1GB DDR2-800 PC2-6400 ECC x 2
    ¤ SEAGATE ST3250410AS 3.AAC FW 250GB - SAMSUNG HD2504C 250GB - SEAGATE ST3640323AS 640GB SATA300 Barracuda 7200.11 7200rpm; 32MB; NCQ
    ¤ PALIT 8600GT Sonic+ nVidia GeForce 8600GT-PCI-E16X-256MB/128bit DDR3-HDTV-out, 2xDVI
    ¤ ASUS DRW-2014L1T DVD-RAM LightScribe 20x8x16 DVD-RW-48x32x48 CD-RW
    ¤ ASUS TA-951 (FSP 400W) ATX-400PNF Sessiz ATX/Micro ATX-4xUSB, 1xFan, IEEE
  • #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ı?
    _____________________________

    Türkçe virgülü oraya koymak noktayı buraya koymak değildir. Türkçe ağlamaktır, Türkçe gülmektir.
    Nihat GENÇ
  • 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 >
    _____________________________
    ¤ GIGABYTE GA-P35-DS3L (rev.2.0)
    ¤ INTEL Q6600 Rev:G0 Core 2 Quad 2.4GHz 8MB CACHE 1066MHZ 64bit LGA775-65nm
    ¤ Kingston KVR800D2N5/1G 1GB DDR2-800 PC2-6400 ECC x 2
    ¤ SEAGATE ST3250410AS 3.AAC FW 250GB - SAMSUNG HD2504C 250GB - SEAGATE ST3640323AS 640GB SATA300 Barracuda 7200.11 7200rpm; 32MB; NCQ
    ¤ PALIT 8600GT Sonic+ nVidia GeForce 8600GT-PCI-E16X-256MB/128bit DDR3-HDTV-out, 2xDVI
    ¤ ASUS DRW-2014L1T DVD-RAM LightScribe 20x8x16 DVD-RW-48x32x48 CD-RW
    ¤ ASUS TA-951 (FSP 400W) ATX-400PNF Sessiz ATX/Micro ATX-4xUSB, 1xFan, IEEE




  • 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?
    _____________________________
    ¤ GIGABYTE GA-P35-DS3L (rev.2.0)
    ¤ INTEL Q6600 Rev:G0 Core 2 Quad 2.4GHz 8MB CACHE 1066MHZ 64bit LGA775-65nm
    ¤ Kingston KVR800D2N5/1G 1GB DDR2-800 PC2-6400 ECC x 2
    ¤ SEAGATE ST3250410AS 3.AAC FW 250GB - SAMSUNG HD2504C 250GB - SEAGATE ST3640323AS 640GB SATA300 Barracuda 7200.11 7200rpm; 32MB; NCQ
    ¤ PALIT 8600GT Sonic+ nVidia GeForce 8600GT-PCI-E16X-256MB/128bit DDR3-HDTV-out, 2xDVI
    ¤ ASUS DRW-2014L1T DVD-RAM LightScribe 20x8x16 DVD-RW-48x32x48 CD-RW
    ¤ ASUS TA-951 (FSP 400W) ATX-400PNF Sessiz ATX/Micro ATX-4xUSB, 1xFan, IEEE     
  • <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
    _____________________________
    ¤ GIGABYTE GA-P35-DS3L (rev.2.0)
    ¤ INTEL Q6600 Rev:G0 Core 2 Quad 2.4GHz 8MB CACHE 1066MHZ 64bit LGA775-65nm
    ¤ Kingston KVR800D2N5/1G 1GB DDR2-800 PC2-6400 ECC x 2
    ¤ SEAGATE ST3250410AS 3.AAC FW 250GB - SAMSUNG HD2504C 250GB - SEAGATE ST3640323AS 640GB SATA300 Barracuda 7200.11 7200rpm; 32MB; NCQ
    ¤ PALIT 8600GT Sonic+ nVidia GeForce 8600GT-PCI-E16X-256MB/128bit DDR3-HDTV-out, 2xDVI
    ¤ ASUS DRW-2014L1T DVD-RAM LightScribe 20x8x16 DVD-RW-48x32x48 CD-RW
    ¤ ASUS TA-951 (FSP 400W) ATX-400PNF Sessiz ATX/Micro ATX-4xUSB, 1xFan, IEEE
  • 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