"Problem" s tabulkou

Tominator · Napísal **Tominator**: 25.06.2007 17:47

Je to problem (neviem ci riesitelny ale dufam) s grafikou tabulky. Vyzera to asi takto:
"Problem" s tabulkou

ja tam však ten border nechcem script vyzera takto:

Kód:

 <title></title>
  <style>
  tr {background-color:white}
  </style>
  </head>
  <body>
<center style='font: bold 20px Comic Sans MS;color:darkblue'>Učitelia</center>
<table style='background-color:black'>
<tr><td>Titul</td>
<td>Meno</td>
<td>Priezvisko</td>

<td colspan=2>TENTO JE "VADNÝ"</td>
</tr>

<tr>
<td>---tajne---</td>
<td>---tajne---</td>
<td>---tajne---</td>
<td>
...

Ako ho odstránim??

sento · Napísal **sento**: 25.06.2007 20:18

co presne tam chces odstranit ?

p360t · Napísal **p360t**: 25.06.2007 22:13

No najjednoduchšie bude, ak príslušnej bunke tabuľky nastavíš v atribúte style hodnotu border: none;.

Tominator · Napísal autor témy **Tominator**: 26.06.2007 7:23

skúšal som nejde (border:none) chcem odstrániť ten hranatý oblúk

p360t · Napísal **p360t**: 26.06.2007 9:26

Tak ešte je možnosť tú bunku tam vôbec nedať. Myslím, že ju nepotrebuješ...

sento · Napísal **sento**: 26.06.2007 10:10

S "vykreslovanim" okrajov je problem. (v IE urcite) Tabulka ma 2 okraje:
jeden okraj pre celu tabulku
dalsie okraje pre kazdu bunku zvlast

Ak ale budu tie 2 prave horne bunky bez okraja, aj tak Ti to vykresli okraj okolo celej tabulky. A ak nedas okraj okolo tabulky, tak mozes robit co chces, a IE Ti okraje okolo buniek nevykresli.

Ja Ti viem navrhnut len to, ze okraj okolo celej tabulky a okolo tych dvoch hornych buniej bude biely, a ostatne bunky budu mat cierne okraje.
Ale nevyzera to velmi pekne.

Kód:

 <table border=1  cellpadding=0 cellspacing=0  bordercolor="#FFFFFF">
  <tr>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td> x </td>
    <td> x </td>
  </tr>
  <tr>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> . </td>
    <td bordercolor=0> . </td>
  </tr>
  <tr>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> ..... </td>
    <td bordercolor=0> . </td>
    <td bordercolor=0> . </td>
  </tr>
 </table>

Tominator · Napísal autor témy **Tominator**: 26.06.2007 13:41

nič nejde nevadi (p360t keď ju tam nedám vykreslí ju na čierno)

m@-nX · Napísal **m@-nX**: 29.06.2007 14:54

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
   table td {border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 0;}
   table td.prva {border-left: 1px solid #000;}
  </style>
  </head>
  <body>
    <table style="background-color: #fff; border: 0;" cellpadding="0" cellspacing="0">
      <tr>
        <td class="prva" style="border-top: 1px solid #000;">Titul</td>
        <td style="border-top: 1px solid #000;">Meno</td>
        <td style="border-top: 1px solid #000;">Priezvisko</td>
        <td colspan=2 style="border: 0; border-bottom: 1px solid #000;">TENTO JE "VADNÝ"</td>
      </tr>

      <tr>
        <td class="prva">---tajne---</td>
        <td>---tajne---</td>
        <td>---tajne---</td>
        <td>x</td>
        <td>1</td>
      </tr>
    </table> 
  </body>
</html>

vysledok:

m@-nX · Napísal **m@-nX**: 29.06.2007 15:00

alebo ako pisal pé tristosesdesiat té vynechat bunku

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
   table td {border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 0;}
   table td.prva {border-left: 1px solid #000;}
  </style>
  </head>
  <body>
    <table style="background-color: #fff; border: 0;" cellpadding="0" cellspacing="0">
      <tr>
        <td class="prva" style="border-top: 1px solid #000;">Titul</td>
        <td style="border-top: 1px solid #000;">Meno</td>
        <td style="border-top: 1px solid #000;">Priezvisko</td>
      </tr>

      <tr>
        <td class="prva">---tajne---</td>
        <td>---tajne---</td>
        <td>---tajne---</td>
        <td style="border-top: 1px solid #000;">x</td> <!--tento border-top musi byt iba na prvych dvoch-->
        <td style="border-top: 1px solid #000;">1</td> <!--tento border-top musi byt iba na prvych dvoch v dalsich riadkoch uz ne-->
      </tr>
    </table> 
  </body>
</html>

[/list]

"Problem" s tabulkou

Podobné témy