Forum PHP.pl > Problem Odstępy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Brotchier

28.07.2011, 09:01:39

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 
<style type="text/css">
#kalendarz {
    width: 546px;
    border-spacing: 0;
    border: 1px solid #575757;
    padding: 0;
}
#kalendarz li {
    display: inline-block;    
    width: 76px;
    border: 1px solid #575757;	
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#kalendarz .th li {
    height: 26px;
    background-color: #0986d0;
}
#kalendarz .td li {
    height: 49px;
    background-color: #d9f0ff;
}
#kalendarz .akt {
    color: #990000; font-weight: bold;
}
#kalendarz .hidden {
    background-color: #f9fdff;
}
</style>
 
<body>
<div id="kalendarz">
 
<ul class="th"> 
    <li>Pn</li> <li>Wt</li> <li>Śr</li> <li>Cz</li> <li>Pt</li> <li>Sb</li> <li>N </li>
</ul> 
<ul class="td">
    <?php
    for($i=0;$i<dzien_tyg_nr($miesiac,$rok);$i++)
        echo '<li class="hidden">00</li> ';
 
    for($i=1;$i<dni_mies($miesiac,$rok) +1;$i++)
    {
        echo '<li>'.$i.'</li> ';
    }
    ?>
</ul>
</div>
</body>
[HTML] pobierz, plaintext

wookieb

28.07.2011, 09:08:02

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

Ale uprzednio usuń margin-left: 0

Poza tym takie rzeczy robi się NA TABELKACH bo do tego one służą.

Brotchier

28.07.2011, 09:29:34

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

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.