Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem Odstępy, Problem z automatycznie tworzonymi przez przeglądarkę odstępami...
Brotchier
post 28.07.2011, 09:01:39
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 1
Dołączył: 30.01.2011

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

Witam,
Tworzę mały kalendarz w oparciu o <LI> na zasadzie określonej szerokości głównego diva i <li>, tak, że w lini mieści się 7 elementów.
Ale mam problem, który przedstawia poniższy obrazek:

Jak widać tworzą się odstępy pomiędzy bloczkami <li>.
Jak ktoś wie jak je usunąć, proszę o pomoc.
Jak ktoś potrzebuje, to poniżej przedstawiam kod:

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. #kalendarz {
  3.     width: 546px;
  4.     border-spacing: 0;
  5.     border: 1px solid #575757;
  6.     padding: 0;
  7. }
  8. #kalendarz li {
  9.     display: inline-block;    
  10.     width: 76px;
  11.     border: 1px solid #575757;	
  12.     list-style: none;
  13.     margin-left: 0;
  14.     padding: 0;
  15. }
  16. #kalendarz .th li {
  17.     height: 26px;
  18.     background-color: #0986d0;
  19. }
  20. #kalendarz .td li {
  21.     height: 49px;
  22.     background-color: #d9f0ff;
  23. }
  24. #kalendarz .akt {
  25.     color: #990000; font-weight: bold;
  26. }
  27. #kalendarz .hidden {
  28.     background-color: #f9fdff;
  29. }
  30. </style>
  31.  
  32. <body>
  33. <div id="kalendarz">
  34.  
  35. <ul class="th"> 
  36.     <li>Pn</li> <li>Wt</li> <li>Śr</li> <li>Cz</li> <li>Pt</li> <li>Sb</li> <li>N </li>
  37. </ul> 
  38. <ul class="td">
  39.     <?php
  40.     for($i=0;$i<dzien_tyg_nr($miesiac,$rok);$i++)
  41.         echo '<li class="hidden">00</li> ';
  42.  
  43.     for($i=1;$i<dni_mies($miesiac,$rok) +1;$i++)
  44.     {
  45.         echo '<li>'.$i.'</li> ';
  46.     }
  47.     ?>
  48. </ul>
  49. </div>
  50. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
wookieb
post 28.07.2011, 09:08:02
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




 
[CSS] pobierz, plaintext 
  1. #kalendarz li {
  2. margin-left: -0.3em;
  3. }
[CSS] pobierz, plaintext

Ale uprzednio usuń margin-left: 0

Poza tym takie rzeczy robi się NA TABELKACH bo do tego one służą.
Powód edycji: [wookieb]: [wookieb]:


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
Brotchier
post 28.07.2011, 09:29:34
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 1
Dołączył: 30.01.2011

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

Ok, trochę na siebie na chodzą bordery, ale działa. Chyba jednak przeniosę się na tablowany kalendarz smile.gif

Ten post edytował Brotchier 28.07.2011, 09:55:30
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 14.08.2025 - 11:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn