tabelki kosmiczne [ IE + FOX = kosmos ] Opcje

[q250]

Mam tu taki kodzik, problem z nim jest, ze srodkowa tabela "nie przyciska" obrazka 80x80 do prawej krawedzi tabeli. Dobrze sie wyswietla w IE (prawie bo wychodzi 1 pixel za tabele (;o)) natomiast w firefoxie miedzy obrazkiem a prawa krawedzia jest jeszcze z 100 pixeli jak nic... czemu...

Jak to lepiej zrobic zeby obrazek byl przycisniety do prawej krawedzi?

[HTML] pobierz, plaintext 
<table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
 
<tr>
<td colspan="4" width='25%' class="tbl4"><a href="gry-online.php?cat_id=3&amp;weblink_id=1" target="_blank">www.takagra.pl</a> <span class="small">[NOWY]</span></td>
</tr>
 
<tr>
<td colspan="3"  width="100%" class="tbl3">grataka i takaeqw</td>
<td height="80" width="80" class="tbl5"><img src="http://www.cda.pl/gry-online/3/img/xt.jpg" border="0" height="80" width="80"></td>
</tr>
 
<tr>
<td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
<td colspan="3" class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
</tr>
 
 
</table>
[HTML] pobierz, plaintext 

[drPayton]

dla komórki tabeli daj text-align:right;
czyli:

[HTML] pobierz, plaintext 
table.tbl-border td.tbl5 {text-align:right;}
[HTML] pobierz, plaintext 

[q250]

hehe no podzialalo ale prawie.... bo w IE nic sie niezmienilo a w firefoxie obrazek przykleil sie do prawej krawedzi tak jak chcialem tylko ze szerokosc tej komorki nadal ma 180 pixeli zamiast 80 . Mozna latwo wklepac ten przyklad do notatnika i odpalic w przegladarce.

[joebezucha]

Jest bajzlel ze scalaniem komorek (kolumn) wywaliłem błędne wpisy i tak jest chyba ok. Jesli o to Ci chodzi

[HTML] pobierz, plaintext 
<table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
 
<tr>
<td colspan="2" width='25%' class="tbl4"><a href="gry-online.php?cat_id=3&amp;weblink_id=1" target="_blank">www.takagra.pl</a> <span class="small">[NOWY]</span></td>
</tr>
 
<tr>
<td width="100%" class="tbl3">grataka i takaeqw</td>
<td height="80" width="80" class="tbl5"><img src="http://www.cda.pl/gry-online/3/img/xt.jpg" border="0" height="80" width="80"></td>
</tr>
 
<tr>
<td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
<td class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
</tr>
 
 
</table>
[HTML] pobierz, plaintext 

[drPayton]

Mozna latwo wklepac ten przyklad do notatnika i odpalic w przegladarce.

Tak też zrobiłem
U mnie pod IE działa (komórka ma szerokość obrazka i jest po prawej), ale mam IE7, może pod "szóstką" jest inaczej, nie mam jak sprawdzić

Added:
No tak, ślepy byłem. Podzieliłeś tabelę na 4 części po 25% i innych szerokości nie uzyskasz. Ta część gdzie jest obrazek to też 25%. Pozostaje Ci zagnieżdżanie tabel.
Added: Przykłąd kompletny i działający pod FF i IE:

[HTML] pobierz, plaintext 
<table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
 
<tr>
<td colspan="4" width='25%' class="tbl4"><a href="gry-online.php?cat_id=3&amp;weblink_id=1" target="_blank">www.takagra.pl</a> <span class="small">[NOWY]</span></td>
</tr>
 
<tr>
  <td colspan="4" width="100%" class="tbl3">
    <table style="width:100%;">
      <tr>
        <td>grataka i takaeqw</td>
        <td style="text-align:right;width:auto;height:80px;"><img src="http://www.cda.pl/gry-online/3/img/xt.jpg" border="0" height="80" width="80"></td>
      </tr>
    </table>
  </td>
</tr>
 
<tr>
<td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
<td colspan="3" class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
</tr>
 
 
</table>
[HTML] pobierz, plaintext 

@joebezucha: Teraz to żeś bajzel zrobił, zepsułeś mu układ

Ten post edytował drPayton 2.08.2007, 18:17:07

[q250]

ok dzieki serdeczne za pomoc faktycznie troche uklad sie zrypal bo obrazek mial byc w ramce oddzielony od opisu przez to ladnie

Zmusilem sie do zrobienia zamiast 2 komorek w dolnej belce ... 4 komorki... przez to dzieki drPayton i radzie z width='25%' w gornej belce jest teraz dosc ladnie ...

w zaleznosci jakie dane bede wpisywal w belke na dole to juz bede modyfikowal dalej ale juz tylko dol, poradze sobie

pozdro i thx raz jeszcze