Autor Zpráva
JOE
Profil *
#1 · Zasláno: 15. 7. 2005, 17:25:22
Odpovědět Citovat
Potřebuji tabulku navigace. Každá buňka má nastavený pravý rámeček modrý a levý světlý, vedle sebe mají vypadat plasticky. Jde mi o to, že mezi buňkami (horizontálně) mám vždycky trochu prostoru (2px) nebo použiji table-collapse a pak mám zase jen jeden rámeček. Potřebuji aby rámečky každé buňky byly nalepeny na sebe, ale aby to byly 2px. (modrý 1px světlý 1px). Jak to lze pomocí CSS udělat?
Díky.
peta
Profil *
#2 · Zasláno: 15. 7. 2005, 20:08:34
Odpovědět Citovat
JOE:
<table cellpadding=0 cellspacing=0> funguje na rozdil od colapse i v IE
table {padding:1px}
table td {margin:2px;padding:2px}
jsi zkousel?

se myslim tyka spise CSS, vedlejsi forum
JOE
Profil *
#3 · Zasláno: 15. 7. 2005, 21:29:54
Odpovědět Citovat
A ty jsi to zkoušel? Mě to nejde!
Meleme
Profil
#4 · Zasláno: 15. 7. 2005, 21:46:07 · Upravil/a: Meleme
Odpovědět Citovat
Co tohle:

<table style="border-collapse: collapse">
<tr><td style="border:1px solid green;">nash</td><td style="border:1px solid red;">ahoj</td></tr>
</table>
JOE
Profil *
#5 · Zasláno: 15. 7. 2005, 21:54:50
Odpovědět Citovat
Díky za tip, ale tohle splyne v jednopixelový zelený. Potřebuji obě barvy nalepené na sebe.
Meleme
Profil
#6 · Zasláno: 15. 7. 2005, 22:06:19
Odpovědět Citovat
Tak potom něco takového:
<table style="border-collapse: collapse">
<tr><td style="border:1px solid green;">nash</td><td style="border:1px solid red; position:relative; left:1px;">ahoj</td></tr>
</table>
ale nešlapalo mi to ve ff:-) a navíc je to už trochu crazy
peta
Profil *
#7 · Zasláno: 16. 7. 2005, 10:22:36
Odpovědět Citovat
JOE
Proc bych to zkousel, to byl jen napad. To tys tvrdil, ze ti toto nefunguje:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html><head>
<title>aaa</title>
<style type="text/css">
table {border:1px solid #000}
table td {border:2px solid #000;border-color:#ccffcc #008000 #008000 #ccffcc;background:#80cc80}
</style>
</head>

<body>

<table cellpadding="0" cellspacing="0">
<tr>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
</table>
</body>
</html>

A ja s tim nemel jediny problem ve Firefox1.05, Opera8, Explorer6
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0