Autor Zpráva
Jobík
Profil
zdravím mám problém v mozile se mi nezobrazují se mi čáry tlusté ale obyčejné:

kod :

<tr>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="hlava"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="hlava"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
    </tr>
    <tr>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="hlava"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="hlava"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60"><input type="text" name="T1" size="20"></td>
    </tr>
    <tr>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="rozka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="rozka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
      <td width="60" height="60" id="paticka"><input type="text" name="T1" size="20"></td>
    </tr>


css :

#hlava { border-width : 1px 5px 1px 1px }
#paticka { border-width : 1px 1px 5px 1px }
#rozka { border-width : 1px 5px 5px 1px   }
input	{ width : 59px; height : 59px; border-width : 0px; font-size:40px; line-height:1.2; text-align:center; color : #000099}


Prosím poradil by mi někdo jak to udělat aby ty čáry byli vidět tlusté i v mozile. Exxloer je OK
panther
Profil
Jobík
nejsem si jistý, zda je v pořádku zápis border-width : 1px 5px 1px 1px;. Nic jiného mě nenapadá.

Zkus #hlava {border-width: 1px; border-right-width: 5px;}
Bubák
Profil
Dáváš sem jen kousek kódu, ze kterého se nedá určit příčina problému.

V CSS nevidím deklaraci barvy a zejména stylu orámování, zkusil bych to nějak takto:
#hlava { border: 1px solid blue; border-width : 1px 5px 1px 1px; }

Jsou i další možnosti, výsledek bude stejný, zaleží, jaký styl zápisu se komu líbí:
#hlava { border: 1px solid blue; border-right-width: 5px; }
#hlava { border: 1px solid blue; border-right: 5px solid blue; }

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: