Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Wyrównanie tabelki do tabelki
Forum PHP.pl > Forum > Przedszkole
vip3r
Elo, mam problem otóż nie mogę wyrównać dokładnie tabelki do tabelki.

Screen:



(ten drugi screen w znacznym (rozmazanym) powiększeniu)

Oto moja sieczka, tzn. kod (mianowicie chodzi to co jest w drugim divie: <!-- NOWE FILMY -->):
  1. <div id="container" style="margin: 120px 0 0 0; text-align: justify;">
  2. <div style="float: left; margin: -38px 0 0 0;">
  3. <!-- NOWE FILMY -->
  4. <div style="margin: 0 0 0 16px;">
  5. <table style="width: 234px; height: 42px; margin: 0 0 -7px 0;">
  6. <tr><td><img src="img/ramka-reklama/top_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-reklama/1g.gif" alt="" width="234" height="9" valign="top" /></td><td><img src="img/ramka-reklama/top_r.gif" alt="" /></td></tr>
  7. <tr><td><img style="margin: -6px 0 -4px 1px; width: 5px; height: 36px;" src="img/ramka-reklama/1l.gif" alt="" /></td><td><p style="font-family: Verdana; font-size: 16pt; font-weight: bold; color: #b3c44a; text-align: left; padding: 0 0 0 15px;">Nowe filmy:</p></td><td><img style="margin: -6px 0 -4px 2px; width: 5px; height: 36px;" src="img/ramka-reklama/1p.gif" alt="" /></td></tr>
  8. </div>
  9. <table style="width: 459px; height: 400px; margin: 0 0 30px 0;">
  10. <tr><td><img src="img/ramka-rejestracja/top_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-rejestracja/1g.gif" alt="" width="442" height="9" valign="top" /></td><td><img src="img/ramka-rejestracja/top_r.gif" alt="" /></td></tr>
  11. <tr><td><img style="margin: -8px 0 -8px 0; width: 13px; height: 391px;" src="img/ramka-rejestracja/1l.gif" alt="" /></td><td><p style="font-family: Verdana; font-size: 14pt; font-weight: bold; color: #b3c44a; text-align: center;"><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /><img style="margin: 10px 0 10px 0;" src="img/reklama-kreska.gif"><br /><img border="0" src="img/reklama.png"><br /></p></td><td><img style="margin: -8px 0 -8px 0; width: 13px; height: 391px;" src="img/ramka-rejestracja/1p.gif" alt="" /></td></tr>
  12. <tr><td><img src="img/ramka-rejestracja/bot_l.gif" alt="" /></td><td><img style="margin: 0 -4px 0 -4px;" src="img/ramka-rejestracja/1d.gif" alt="" width="442" height="9" valign="top" /></td><td><img src="img/ramka-rejestracja/bot_r.gif" alt="" /></td></tr>
  13. </div>
  14. <div style="margin: -25px 0 0 460px; width: 50%;">
  15. TUTAJ JEST PRAWA STRONA, PARE PIERDOLEK NIE MAJACYCH ZNACZENIA
  16. </div>
  17. </div>



Proszę o pomoc. Już próbowałem na wiele sposobów, ale margin przestał mnie słuchać w tym wypadku.
parzygnat
Zaczynam badać tą Twoją sieczkę ale tak dla sprecyzowania to chodzi Ci o to żeby ten czerwony margines znalazł sie tam gdzie pokazuje ta czerwona strzałeczka?
Czyli chcesz go przesunąć troche w prawo??
Puzi
On chce zbliżyć do siebie te tabele... żeby nie było szpary

Ale z tego co ja tu widze to te ramki ta są obrazki... Więc musisz się pobawić z pozycjonowaniem.
Tu masz link: http://www.kurshtml.boo.pl/css/pozycjonowanie.html

A dokładniej proponuje to: http://www.kurshtml.boo.pl/css/nakladanie,...cjonowanie.html
ShadowD
A ja po prostu napisze:

  1. style="margin-top:-2px"


Dodaj to do tej dolnej ramki i eksperymentuj z wartością -2, -3, -4...
vip3r
Oj ShadowD ShadowD już tak właśnie próbowałem.

@edit: Udało się dopisując do diva (tego co nie chciał się wyrównać) position: relative;. Dzięki za pomoc smile.gif
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.