Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] marginesy, ktorych nie ma, a jednak sa...
lukash82
post 21.11.2007, 22:07:01
Post #1





Grupa: Zarejestrowani
Postów: 320
Pomógł: 2
Dołączył: 17.03.2006
Skąd: Siemianowice

Ostrzeżenie: (0%)
-----

Witam. Tym razem mam takie pytanko odnosnie css. Otoz jest sobie taki kod:
[HTML] pobierz, plaintext 
  1. <body bgcolor="blue">
  2. <table>
  3. <tr>
  4. <td colspan="2" style="width:700px; margin: 0px;">
  5. <div style="background-color: green; width: 700px; margin: 0px;">top</div>
  6. </td>
  7. </tr>
  8. <tr>
  9. <td style="width: 200px; margin: 0px;">
  10. <div style="background-color: white; width: 200px; margin: 0px;">lewa</div>
  11. </td>
  12. <td style="width: 500px; margin: 0px;">
  13. <div style="background-color: red; width: 500px; margin: 0px;">prawa</div>
  14. </td>
  15. </tr>
  16. </table>
  17. </body>
[HTML] pobierz, plaintext

Kolory kontrastowe zeby widac bylo to o co pytam. Jesli jest stronka zbudowana na jednej glownej tabeli, a potem w poszczegolne miejsca laduje sie juz div-y to pojawiaja sie takie dziwne marginesy w tabeli... Do tego drugi wiersz sie troche przesunal w prawo... Jak sobie z takim czyms radzicie? Pozdrawiam, Łukasz.

Ten post edytował lukash82 21.11.2007, 22:07:28
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
Daimos
post 21.11.2007, 22:42:04
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <div style="background-color: green; width: 700px; margin: 0px;">top</div>
  2. <div style="clear: both; background-color: white; width: 200px; margin: 0px; float: left">lewa</div>
  3. <div style="background-color: red; width: 500px; margin: 0px; float: left">prawa</div>
[HTML] pobierz, plaintext
po co tabelka?


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
axel_pl
post 21.11.2007, 23:47:38
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 9.05.2007

Ostrzeżenie: (0%)
-----

a czemu nie tabelka? wszyscy tylko te divy a na tabelkach tez mozna przeciez


--------------------
http://www.jp.packs.pl jPortal z przyszłością
http://www.zsyp.no-ip.com/axel/jportal.html - Oficjalny support jP UserPatch && Packs
http://www.zsyp.pl - Oficjalny support
Go to the top of the page
+Quote Post
dadexix
post 22.11.2007, 07:54:11
Post #4





Grupa: Zarejestrowani
Postów: 439
Pomógł: 21
Dołączył: 28.06.2007
Skąd: Bielsko-Biała

Ostrzeżenie: (0%)
-----

Cytat
a czemu nie tabelka? wszyscy tylko te divy a na tabelkach tez mozna przeciez
hmmm bo 1. tabelki więcej zajmują 2. są bardziej funcjonalne 3. lepiej są interpretowane pod róznymni przeglądarkami gdzie tabelka może na jednym być inna a na drugim inna....

pisać jeszcze:D?


--------------------
"Na przykład zmiennej $jestem_najlepszy przypisujemy wartość logiczną TRUE"
Ja: użyj funkcji[...]
Grins: mów normalnie do mnie a nie po polsku
Ja: normalnie to znaczy jak?
Grins: No w PHP... inaczej mój parser ledwo kuma:)
Go to the top of the page
+Quote Post
lukash82
post 22.11.2007, 09:42:55
Post #5





Grupa: Zarejestrowani
Postów: 320
Pomógł: 2
Dołączył: 17.03.2006
Skąd: Siemianowice

Ostrzeżenie: (0%)
-----

Witam ponownie. Przyklad troche niefortunny podalem bo cos takiego rzeczywiscie na div-ach lepiej napisac. Klopot pojawia sie gdy trzeba juz na przyklad trzy kolumny zrobic kolo siebie... W tym momencie nad div-ami trzeba sie juz troche pomeczyc zeby sie wszystko nie rozjechalo pod IEsyfem, a tabelka jest szybsza do zrobienia i przynajmniej dziala... Pozdr
Go to the top of the page
+Quote Post
Ar2r
post 22.11.2007, 09:58:51
Post #6





Grupa: Zarejestrowani
Postów: 140
Pomógł: 16
Dołączył: 12.06.2002
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Spróbuj wyzerować marginesy wewnętrzne komórek:
[HTML] pobierz, plaintext 
  1. <table cellpadding=0>
[HTML] pobierz, plaintext

Poza tym po co ci te divy w <td>. Jeśli chcesz osiągnąć zmianę koloru dla komórki tabeli to wpisz w stylach <td>
[HTML] pobierz, plaintext 
  1. <td style="width: 200px; margin: 0px; background-color: white">
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sf
post 22.11.2007, 09:59:55
Post #7





Grupa: Zarejestrowani
Postów: 1 597
Pomógł: 30
Dołączył: 19.02.2003
Skąd: Tychy

Ostrzeżenie: (0%)
-----

albo <td style="padding: 0;">

tabelka ma domyślny padding 2px na każdy td


--------------------
Zapraszam na mój php blog, tworzenie stron.
Go to the top of the page
+Quote Post
lukash82
post 22.11.2007, 10:27:30
Post #8





Grupa: Zarejestrowani
Postów: 320
Pomógł: 2
Dołączył: 17.03.2006
Skąd: Siemianowice

Ostrzeżenie: (0%)
-----

Wrzucilem wszedzie gdzie sie da padding na 0px i margin tez na 0px ale niestey dalej sie sypie. Po malych zmianach na trzy kolumny przyklad wyglada nastepujaco
[HTML] pobierz, plaintext 
  1. <body bgcolor="blue">
  2. <table cellpadding="0">
  3. <tr style="margin: 0px; padding: 0px;">
  4. <td colspan="3" style="width:900px; margin: 0px; padding: 0px;">
  5. <div style="background-color: green; width: 900px; margin: 0px; padding: 0px;">top</div>
  6. </td>
  7. </tr>
  8. <tr style="margin: 0px; padding: 0px;">
  9. <td style="width: 200px; margin: 0px; padding: 0px;">
  10. <div style="background-color: white; width: 200px; margin: 0px; padding: 0px;">lewa</div>
  11. </td>
  12. <td style="width: 500px; margin: 0px; padding: 0px;">
  13. <div style="background-color: red; width: 500px; margin: 0px; padding: 0px;">srodek</div>
  14. </td>
  15. <td style="width: 200px; margin: 0px; padding: 0px;">
  16. <div style="background-color: white; width: 200px; margin: 0px; padding: 0px;">prawa</div>
  17. </td>
  18. </tr>
  19. </table>
  20. </body>
[HTML] pobierz, plaintext


Ten post edytował lukash82 22.11.2007, 10:29:19
Go to the top of the page
+Quote Post
Ar2r
post 22.11.2007, 10:43:37
Post #9





Grupa: Zarejestrowani
Postów: 140
Pomógł: 16
Dołączył: 12.06.2002
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Skoro nie słuchasz rad to masz taki efekt. Usuń <div> z <td>.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn