Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: tabelki kosmiczne [ IE + FOX = kosmos ]
Forum PHP.pl > Forum > Przedszkole
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?

  1. <table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
  2.  
  3. <tr>
  4. <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>
  5. </tr>
  6.  
  7. <tr>
  8. <td colspan="3" width="100%" class="tbl3">grataka i takaeqw</td>
  9. <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>
  10. </tr>
  11.  
  12. <tr>
  13. <td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
  14. <td colspan="3" class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
  15. </tr>
  16.  
  17.  
drPayton
dla komórki tabeli daj text-align:right;
czyli:
  1. table.tbl-border td.tbl5 {text-align:right;}
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 tongue.gif. 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

  1. <table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
  2.  
  3. <tr>
  4. <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>
  5. </tr>
  6.  
  7. <tr>
  8. <td width="100%" class="tbl3">grataka i takaeqw</td>
  9. <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>
  10. </tr>
  11.  
  12. <tr>
  13. <td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
  14. <td class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
  15. </tr>
  16.  
  17.  
drPayton
Cytat
Mozna latwo wklepac ten przyklad do notatnika i odpalic w przegladarce.

Tak też zrobiłem winksmiley.jpg
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ć sad.gif

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:
  1. <table class="tbl-border" cellpadding="0" cellspacing="1" width="100%" border='1'>
  2.  
  3. <tr>
  4. <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>
  5. </tr>
  6.  
  7. <tr>
  8. <td colspan="4" width="100%" class="tbl3">
  9. <table style="width:100%;">
  10. <tr>
  11. <td>grataka i takaeqw</td>
  12. <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>
  13. </tr>
  14. </table>
  15. </td>
  16. </tr>
  17.  
  18. <tr>
  19. <td class="tbl4" width="25%"><b>Dodano dnia:</b> 31.07.07</td>
  20. <td colspan="3" class="tbl4" width="25%"><b>Odwiedzin:</b> 4</td>
  21. </tr>
  22.  
  23.  


@joebezucha: Teraz to żeś bajzel zrobił, zepsułeś mu układ winksmiley.jpg
q250
ok dzieki serdeczne za pomoc smile.gif 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 smile.gif ...

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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.