Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Odstepy w tabelach
kamil_lk
post
Post #1





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

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ą.
Powód edycji: Poprawiłem literówke w temacie. /webdicepl
Go to the top of the page
+Quote Post
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
css margin i padding.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #3





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

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
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
ź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


Ten post edytował piotrooo89 5.06.2008, 12:31:49
Go to the top of the page
+Quote Post
kamil_lk
post
Post #5





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

Nie chodzi mi o grubść obramowania.. chodzi mi o to żeby obramowanie oraz odstępy między komórkami całkiem zlikwidować..
Go to the top of the page
+Quote Post
piotrooo89
post
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
no to margin na 0 i ok powinno być.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #7





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

no nie wiem.. nie działa :/
Go to the top of the page
+Quote Post
piotrooo89
post
Post #8


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
to weź text w komórce w np. <p> i ustaw margin elementu p na 0 0 0 0.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #9





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

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ą
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #10





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

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.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #11





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) a w css jak to będzie?

Ten post edytował kamil_lk 5.06.2008, 13:03:30
Go to the top of the page
+Quote Post
sniezny_wilk
post
Post #12





Grupa: Zarejestrowani
Postów: 732
Pomógł: 80
Dołączył: 25.05.2005
Skąd: Szczecin

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

Cytat(kamil_lk @ 5.06.2008, 12:02:54 ) *
dzięki (IMG:http://forum.php.pl/style_emoticons/default/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.
Go to the top of the page
+Quote Post
kamil_lk
post
Post #13





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

ok (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
JoShiMa
post
Post #14





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

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
Go to the top of the page
+Quote Post
kamil_lk
post
Post #15





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

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

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?

Ten post edytował kamil_lk 6.06.2008, 22:16:18
Go to the top of the page
+Quote Post
-szmal-
post
Post #16





Goście
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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 23.08.2025 - 16:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn