HTML Tablo Sorunu

[Gurberkable]

Merhaba arkadaşlar. Dün okulda hoca bir uygulama verdi yapılması bana imkansız geliyor ama sonuçta hoca verdi bir bildiği vardır

Uygulama bu;

Benim yaptığım da bu;

Görüldüğü üzere sağ üst tarafta L ve ters F harfleri var. Aşağıya doğru birleşiyorlar ama sağdan yada soldan tek kutu birleşmiyor. L harfi tamamlanmıyor F için de aynı durum.

Bunun bir yapılışı var mıdır? Teşekkür Ederim!..

 

[phpemlakproje]

Div ile daha rahat yaparsın.

 

[Gurberkable]

O kunuya henüz geçmedik. Bana öyle geliyor ki hoca bizi zorlayayım derken fazla abarttı!..

 

[ugurturhal]

Ben bu ödevi veren hocanın akıl sağlığından şüphe ederim arkadaş...

 

[insunwetrust]

Aslında çok basit. O turuncuya boyadığın kısmın birleşik görünen kısmında ki borderları kaldıracaksın. Ve tabii pembe renkli div'in borderlarını da aynı zamanda. Şimdi diyeceksin ki, onlar birbirine girer. Haklısın. O yüzden aralarını iyi hesaplayıp, aralarına ince bir çizgi çekmeni öneririm. Biraz uğraştıracaktır ama bence yaparsın.

Uğraştıracak, kolay yolu yok ne yazık ki. Konuyu takip edeceğim sorun olursa cevap atarsın en kısa sürede yanıtlamaya çalışırım.

 

[enable]

Kardeşim öğretmen güzel vermiş ödevi ancak kendi de yapmamış heral de bunu. Tabloyla oraları birleştirmek imkansız.
Ancak ufak bir üçkağıtçılık yaparak sağ sol ve üst tarafların borderlarını css ile beyaz yaparak o şekli elde edebilirsin

<table width="500" height="464" border="1" cellpadding="0" cellspacing="0">  <tr>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan="2" style="border-bottom:#FFF;">&nbsp;</td>
    <td>&nbsp;</td>
    <td  style="border-bottom:#FFF;">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" style="border-top:#FFF;border-bottom:#FFF;">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td style="border-right:#FFF;border-top:#FFF;">&nbsp;</td>
    <td style="border-left:#FFF;">&nbsp;</td>
    <td style="border-top:#FFF;border-bottom:#FFF;">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" style="border-top:#FFF;">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Şekil:

 

[maakbay]

veya #fff yerine none veya rgba(0,0,0,0) yazarak tamamen kaldırabilirsin

 

[Gurberkable]

Ben bu ödevi veren hocanın akıl sağlığından şüphe ederim arkadaş...

Haklısın!..

- - - Mesaj Güncellendi - - -

Aslında çok basit. O turuncuya boyadığın kısmın birleşik görünen kısmında ki borderları kaldıracaksın. Ve tabii pembe renkli div'in borderlarını da aynı zamanda. Şimdi diyeceksin ki, onlar birbirine girer. Haklısın. O yüzden aralarını iyi hesaplayıp, aralarına ince bir çizgi çekmeni öneririm. Biraz uğraştıracaktır ama bence yaparsın.


Uğraştıracak, kolay yolu yok ne yazık ki. Konuyu takip edeceğim sorun olursa cevap atarsın en kısa sürede yanıtlamaya çalışırım.

Kardeşim öğretmen güzel vermiş ödevi ancak kendi de yapmamış heral de bunu. Tabloyla oraları birleştirmek imkansız.
Ancak ufak bir üçkağıtçılık yaparak sağ sol ve üst tarafların borderlarını css ile beyaz yaparak o şekli elde edebilirsin

veya #fff yerine none veya rgba(0,0,0,0) yazarak tamamen kaldırabilirsin

Arkadaşlar yardımlarınız için çok teşekkür ederim enable'ın yöntemiyle işimi hallettim.

enable dostum harikasın klavyen dert görmesin!..