Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

HTML Tablo Sorunu

Gurberkable29.11.20137 cevap2.109 görüntüleme

2013'den beri118 mesaj

#1
29.11.2013 13:51

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!..

Cevaplar

phpemlakproje

2013'den beri17 mesaj

#2
30.11.2013 02:37

Div ile daha rahat yaparsın.

Gurberkable Konuyu açan

2013'den beri118 mesaj

#3
30.11.2013 06:19

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

ugurturhal

2010'den beri194 mesaj

#4
30.11.2013 13:45

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

insunwetrust

2013'den beri1 mesaj

#5
30.11.2013 13:58

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

2009'den beri1.090 mesaj

#6
30.11.2013 14:45

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

2013'den beri23 mesaj

#7
01.12.2013 00:12

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

Gurberkable Konuyu açan

2013'den beri118 mesaj

#8
01.12.2013 08:04

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

Haklısın!.. :)

- - - Mesaj Güncellendi - - -

insunwetrust dedi: ↑
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 dedi: ↑
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 ;)

maakbay dedi: ↑
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!.. :)

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.