html tablo

idea · 24 Mart 2011

YUKARI RESİMDEKİ GİBİ BİŞEY YAPMAYA ÇALIŞIYORUM.

Şu şekilde bir html denedim ama olmadı: Yukarıdaki resim ile birlikte aşağıdaki kod daha iyi anlaşılacağını düşünüyorum. inşallah yapabiliriz.

PHP:

<table width="100%" border="0">
  <tr>

      <td width="3%">SAYI</td>
      
	  <td width="1%">[RESİM]</td>
	  	  
      <td><p>BURADA İLGİLİ YAZILAR VAR.</p>
        <p> </p>
        <p> </p>
        <table width="10%" align="right" border="0">
  <tr>
    <td>BURAYA BANNER GELECEK AMA YUKARIDA OLMASI LAZIM. EN AŞAĞIDA OLDU YAHU. </td>
  </tr>
</table>
  
	  </td>
  </tr>
</table>

The GoDFather · 24 Mart 2011

Merhaba;

Kod:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2"><div align="center">LOGO BURAYA </div></td>
  </tr>
  <tr>
    <td width="66%" rowspan="2">YAN YAZI </td>
    <td width="34%"><div align="center">UYE GIRISI </div></td>
  </tr>
  <tr>
    <td><div align="center">BANNER</div></td>
  </tr>
  <tr>
    <td colspan="2">ALT YAZI </td>
  </tr>
</table>

idea · 24 Mart 2011

hocam tam olarak bu değil.

şöyle diyeyim: mesela sizin ALT YAZI yazan yeri kaldırdım. o şekilde düşünün. yukarıdaki yüklediğim resime de bir bakın, öyle öyle birşey. nasıl anlatılır ki ? mesela.. reddit.com sitesine girin. sağ panele ve birde sol ana bölüme bakın. umarım anlatabilmişimdir.

PHP:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2"><div align="center">LOGO BURAYA </div></td>
  </tr>
  <tr>
    <td width="66%" rowspan="2">YAN YAZI </td>
    <td width="34%"><div align="center">UYE GIRISI </div></td>
  </tr>
  <tr>
    <td><div align="center">BANNER</div></td>
  </tr>
  
</table>

Angelo · 24 Mart 2011

colspan ile sutun birleştirme işi yapabilirsin. ama benim tavsiyem ana layoutlarda css ile pozisyonlama yap.

HTML:

<div style="width: 900px;">900px genişliğinde bir alanım ben</div>
<div style="width: 650px; float: left;">Sol tarafim, 650 genisligindeyim</div>
<div style="width: 250px; float: right;">Sag taraf, 250 genisliginde</div>
<div style="clear: both;"></div>
<div style="width: 900px;">900px genisliginde footer</div>

idea · 24 Mart 2011

css ile bu mümkünse harika olur hocam. nasıl yapabilirim. küçük bir örnek verebilir misin? tşk.

Angelo · 24 Mart 2011

Yukarıda verdim ya.

idea · 24 Mart 2011

Angelo' Alıntı:
Yukarıda verdim ya.

hocam işi tamamen html ye bırakmadan html + css ile halledebiliriz zannettim

yani tabloyu önce css de tanımlarız daha sonra html ye ekleriz gibi bişey.

wwwxxxyyy · 24 Mart 2011

Css ve Html ile yapabilirsiniz. Css tablo yapısı diye ararsanız sanırım çözüme ulaşabilirsiniz.

idea · 25 Mart 2011

arkadaşlar çok denedim ama yapamadım.

üst bölüm (banner bölümü) kolay ama bi altındaki sol ve sağ bölümde sorun var.

birde aşağıdaki şekildeki gibi ne yapmak istediğimi izah etmeye çalıştım.

ŞEKİL-1

ŞEKİL-2

Şekil-1 deki gibi sağ taraf boş kalmasın istiyorum. Şekil-2 deki gibi o boşluk olmasın istiyorum.

hatta bunun için en iyi örnek site: reddit.com oradaki yerleşimin nasıl olduğuna da bakabilirsiniz.

umarım bunu yapabiliriz. elin adamları yapmış

biz yapamaz mıyız yahu ?

Angelo · 25 Mart 2011

HTML:

<div style="width: 900px;">BANNER ALANI</div>
<div style="width: 350px; float: right;">KULLANICI GIRISI
<br /><br />
DIGER BANNER
</div>
<div style="padding: 5px;">YAZILAR BURDA</div>

<div style="clear: right;"></div>

idea · 25 Mart 2011

böyle oldu

mantıken şöyle yapılabilir gibi: bir 100% tablo içine 25% lik sağ üst tarafta duracak bir tablo. ama nasıl ???

Angelo · 25 Mart 2011

Kodu değiştiriyorsun o zaman.

Aşağıda çalışan örneği var.
http://a.connectzip.com/test.html

idea · 25 Mart 2011

hocam sorun galiba "include" yapmamdan kaynaklanıyor.

mesela "KULLANICI GIRISI" yazan yere user.php dosyasını include ediyorum.

"YAZILAR BURDA" yazan yere ise orta.php dosyasını include ediyorum.

büyük ihtimal orta.php den kaynaklanan bir sorun.. bu dosyalara bakmam lazım.

kod için teşekkürler aradığım tam buydu.

iyi akşamlar.

idea · 25 Mart 2011

hocam sorunu tespit ettim. green renkli tablonun içinde ayrı bir tablo varmış.

include ettiğim dosyayı değiştirmeden bu kodlar üzerinde nasıl bir değişiklik yaparsak verdiğiniz örnek linkteki gibi olur?

PHP:

<div style="width: 350px; float: right; border: 1px solid red;">{include file=$tpl_second_sidebar.".tpl"}</div> 			
				
<div style="padding: 5px; border: 1px solid green;"> 


<!-- INCLUDE ETTİĞİM DOSYANIN İÇERİĞİ-->
<table width="100%" border="0">
  <tr>
    <td width="1%">721</td>
    <td width="1%">25</td>
    <td width="98%"> yaptım olacak :P </td>
  </tr>
</table>
<!-- ORTA.PHP INCLUDE İÇERİĞİ SONU-->

</div>

Angelo · 25 Mart 2011

Farketmez ki istediğin yere table aç. Senin kodlar da başka bir hata var.

http://a.connectzip.com/test.html

idea · 25 Mart 2011

sanırım başka bir hata var. ama birde şunu denesek. aşağıda bir kod yazdım. "kullanıcı girişi" bölümü sağ alt tarafta kaldı. bunu sağa üste yaslayıp birde böyle denesek? ama nasıl yapabiliriz? sağ tarafta ama üste çekemedim.

PHP:

<table width="100%" border="0">
  <tr>
    <td>içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik içerik 
      <table width="25%" border="1" align="right">
        <tr>
          <td>kullanıcı girşi </td>
        </tr>
      </table></td>
  </tr>
</table>

EDİT= hocam table yi alta koymuşsun örnekte.. ilk sıraya koy "YAZILAR BURDA..." ile başlayan yere.. göreceksin.

Angelo · 25 Mart 2011

Anladım, öyle bir durumda table'a 100% genişlik veremezsin tabi. İçinde bulundukları container'dan sağ taraftaki float alanın genişliğini (benim örneğimde 350px olan yer) ve diğer margin, paddingleri çıkartıp o kadar bir width vermen gerekiyor. Örneği refresh edip görebilirsin.

idea · 25 Mart 2011

hocam %100 değerini düşürünce (%75 gibi bir oran yaptım) TAM İSTEDİĞİM GİBİ

teşekkür ederim. Allah razı olsun. çok uğraştın.

Angelo · 25 Mart 2011

Ana container'lara yüzde genişlik vermiyorsan, ona da % yerine sabit ver benim yaptığım gibi. Çünkü 1700 px çözünürlüğü olan adam da var, 1000 px de var. Küçük monitorlerde %75 gene o tabloyu aşağıya atabilir.

idea · 25 Mart 2011

çözünürlük olayı aklıma gelmemişti, iyi oldu bu

teşekkür ederim.