[CSS] Rozmieszczenie SPANów w DIVie - justowanie?!

Wszystko o HTML, XHTML, XML, CSS.
kawu
Posty: 13
Rejestracja: 09 paź 2011, 07:28:55
Reputacja: 0
Strona na CBA.pl: http://my-heart-pain.cba.pl
Płeć: Kobieta
User Agent: Firefox Windows 1360x768

[CSS] Rozmieszczenie SPANów w DIVie - justowanie?!

Postautor: kawu » 09 paź 2011, 13:00:23

Kombinuję i nic nie potrafię wykombinować.
Chcę, aby wyglądało następująco (WYJUSTOWANE?!):
(LEWO) SPAN 1 (ŚRODEK) SPAN 2 (PRAWO) SPAN 3

Kod wygląda tak:

CodeColon Select All Code

<div class="info">
<
span class="cat bl">...</span>
<
span class="comment">...</span>
<
span class="tag bl">...</span>
</
div


margin - nie udało się
text-align - nie udało się
padding - nie udało się
Więc jak zrobić?! :)

Mój CSS:

CodeColon Select All Code

            .info {
                margin-bottom: 1em;
            }
                .info span {
                    font-size: 12px;
                    color: #999999;
                    margin-right: 24px;
                    padding-left: 18px;
                }
                .info .date {
                    background: transparent url(images/ico/date.gif) no-repeat 0 1px;
                }
                .info .author {
                    background: transparent url(images/ico/author.gif) no-repeat 0 1px;
                }
                .info .comment {
                    background: transparent url(images/ico/comment.gif) no-repeat 0 1px;
                    padding-right: 1px;
                }
                .info .tag {
                    background: transparent url(images/ico/tag.gif) no-repeat 0 3px;
                    margin-bottom: 0.5em;
                }
                .info .cat {
                    background: transparent url(images/ico/cat.gif) no-repeat 0 3px;
                }
                .info .edit {

                }
/* Wyłączone, żeby było w 1 linii
                .info .bl {
                    display: block;
                    margin-bottom: 0.75em;
*/ 
Ostatnio zmieniony 09 paź 2011, 18:28:42 przez kawu, łącznie zmieniany 1 raz.
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Reputacja: 43
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Firefox Windows 1440x900

Re: Rozmieszczenie spanów w DIVie

Postautor: Venite » 09 paź 2011, 16:07:59

<div class="info">
<span class="cat bl">...</span>
<span class="comment">...</span>
<span class="tag bl">...</span>
</div>


Może bezpośrednio?
<div class="info">
<span class="cat bl" style="styl;">...</span>
<span class="comment">...</span>
<span class="tag bl">...</span>
</div>
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?
kawu
Posty: 13
Rejestracja: 09 paź 2011, 07:28:55
Reputacja: 0
Strona na CBA.pl: http://my-heart-pain.cba.pl
Płeć: Kobieta
User Agent: Firefox Windows 1360x768

Re: Rozmieszczenie spanów w DIVie

Postautor: kawu » 09 paź 2011, 18:19:46

Tak mam otóż, ale chodzi o CSS! Aby wszystko dobrze wyrównane - Venite, spróbuj sobie testową stronkę z tym html i kodem i tak, żeby wszystko było jak napisałam (Niezależnie od szerokości) :))


Tak ma wyglądać jak na obrazku tylko, że na stronie :P - Niezależnie od jej szerokości.
Image
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Reputacja: 43
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Firefox Windows 1440x900

Re: [CSS] Rozmieszczenie SPANów w DIVie - justowanie?!

Postautor: Venite » 11 paź 2011, 19:40:50

(lewo)

CodeColon Select All Code

left0

(środek)

CodeColon Select All Code

aligncenter

(prawo)

CodeColon Select All Code

right0


Jakoś tak...
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość