Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Odstepy w tabelach
Forum PHP.pl > Forum > Przedszkole
kamil_lk
5.06.2008, 12:10:14
Witam.
Jak zrobić, aby odstępy w tabeli były równe 0. Chodzi mi tutaj o cellspacing oraz cellpaddin, które nie działają pod Mozillą i Operą.
piotrooo89
5.06.2008, 12:11:39
css margin i padding.
kamil_lk
5.06.2008, 12:23:41
index.html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <link href="linki.css" rel="stylesheet" type="text/CSS">
  4. </head>
  5. <body>
  6.       <table bgcolor=black cellspacing=0 cellpadding=0>
  7.              <tr>
  8.                  <td><img src="C:/Documents and Settings/Kamil/Pulpit/kom/tapety/tapety/10.jpg" width="128" height="160" border="0" /></td>
  9.                  <td><img src="C:/Documents and Settings/Kamil/Pulpit/kom/tapety/tapety/10.jpg" width="128" height="160" border="0" /></td>
  10.              </tr>
  11.  
  12.              <tr>
  13.                  <td><img src="C:/Documents and Settings/Kamil/Pulpit/kom/tapety/tapety/10.jpg" width="128" height="160" border="0" /></td>
  14.                  <td><img src="C:/Documents and Settings/Kamil/Pulpit/kom/tapety/tapety/10.jpg" width="128" height="160" border="0" /></td>
  15.              </tr>
  16.         </table>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


linki.css
[HTML] pobierz, plaintext 
  1. table {
  2.     border: none;
  3. }
  4.  
  5. td {
  6.     padding: 0px 0 0px 0;
  7.     margin: 0px 0 0px 0;
  8. }
[HTML] pobierz, plaintext


coś takiego? bo jak tak to tonie działa.. obramowanie nadal jest
piotrooo89
5.06.2008, 12:30:45
źle Cie zrozumiałem... tobie chodzi o grubość obramowania to ustawiasz tak border: 2px solid; a w środku odstęp tekstu od krawędzi marginem

czyli:
[HTML] pobierz, plaintext 
  1. td 
  2. {
  3. margin: 10px 10px 10px 10px;
  4. border: 2px solid;
  5. }
[HTML] pobierz, plaintext
kamil_lk
5.06.2008, 12:33:46
Nie chodzi mi o grubść obramowania.. chodzi mi o to żeby obramowanie oraz odstępy między komórkami całkiem zlikwidować..
piotrooo89
5.06.2008, 12:34:37
no to margin na 0 i ok powinno być.
kamil_lk
5.06.2008, 12:38:24
no nie wiem.. nie działa :/
piotrooo89
5.06.2008, 12:40:36
to weź text w komórce w np. <p> i ustaw margin elementu p na 0 0 0 0.
kamil_lk
5.06.2008, 12:46:57
index.html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <link href="linki.css" rel="stylesheet" type="text/CSS">
  4. </head>
  5. <body>
  6.       <table>
  7.              <tr>
  8.                  <td><p>aaaaaa</p></td>
  9.                  <td><p>aaaaaa</p></td>
  10.              </tr>
  11.  
  12.              <tr>
  13.                  <td><p>aaaaaa</p></td>
  14.                  <td><p>aaaaaa</p></td>
  15.              </tr>
  16.         </table>
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


linki.css
[HTML] pobierz, plaintext 
  1. table {
  2.     border: none;
  3. }
  4.  
  5. td {
  6.     padding:0px ;
  7.     margin:0px ;
  8. }
  9.  
  10. p {
  11.     margin: 0px;
  12. }
[HTML] pobierz, plaintext


tak to wszystko wygląd, ale odstępy między komórkami nadal są
sniezny_wilk
5.06.2008, 12:58:51
Cytat(kamil_lk @ 5.06.2008, 11:10:14 ) *
Witam.
Jak zrobić, aby odstępy w tabeli były równe 0. Chodzi mi tutaj o cellspacing oraz cellpaddin, które nie działają pod Mozillą i Operą.



Jak to nie działa ? Działa działa, wartości w html wpisujemy pomiędzy ", czyli:

[HTML] pobierz, plaintext 
  1. <table cellspacing="0" cellpadding="0">
[HTML] pobierz, plaintext


to po pierwsze, po drugie działa.
kamil_lk
5.06.2008, 13:02:54
Cytat(sniezny_wilk @ 5.06.2008, 13:58:51 ) *
wartości w html wpisujemy pomiędzy ", czyli:

[HTML] pobierz, plaintext 
  1. <table cellspacing="0" cellpadding="0">
[HTML] pobierz, plaintext


dzięki winksmiley.jpg a w css jak to będzie?
sniezny_wilk
5.06.2008, 13:06:16
Cytat(kamil_lk @ 5.06.2008, 12:02:54 ) *
dzięki winksmiley.jpg a w css jak to będzie?


W css nie ma czegoś takiego jak cellspacing i cellpadding, to są atrybuty tabeli, jest natomiast margin i padding, ale to raczej się Ciebie nie tyczy.
kamil_lk
5.06.2008, 13:07:04
ok winksmiley.jpg dzięki smile.gif
JoShiMa
5.06.2008, 13:18:35
Cytat(sniezny_wilk @ 5.06.2008, 12:06:16 ) *
W css nie ma czegoś takiego jak cellspacing i cellpadding


Ale można to zrobić elegancko w css zamiast uzywać cellspacing i cellpadding.
cellpadding = 0 w css to jest po prostu padding:0 dla selektora td
cellpadding = 0 w css to jest border-collapse:collapse dla selektora table

Ogólnie to polecam Bardzo dobry kurs HTML/CSS
kamil_lk
6.06.2008, 21:02:31
wejdźcie na lubycza.yoyo.pl w IE i Mozilli.. w IE wyświetla się tak jak ma być a w Mozilli nie.. jak to zrobić? prosze o pomoc..

zauważyłem, że odstępy znikają gdy da się zamiast obrazka tło obrazkowe, czyli zastosuje funkcje background..

tylko że nadal nie moge połączyć loga i trzech odnośników na górze (forum, portfollio i kontakt) do dolnej ramki..
pomożecie?
szmal
24.02.2012, 22:04:30
no, to fakt.
roznie przegladarki do tego w roznych wesjach roznie interpretuja kod.
to powazny problem dla dokladnych ludzi.

jeby strona dzilala na wszystkich przegladarkach tak samo to trzeba niezle sie natrudzic, albo flasha montowac, co jest razcej marnym roziwazaniem.
nie wiem, wkurza to
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.