Witam

Od niedawna przechodzę z tabelek na Divy bo podobno są lepsze mają wady i zalety ale do sedna.

Stworzyłem ładne bloki Div w których jest tekst i zdjęcie:

[HTML] pobierz, plaintext 
<div style="border: #dcdcdc 1px solid; padding:1px; font-size: 10px; width:120px; text-align:center;"><img src="foto/4.jpg"><br/>Studio Koloru Maxor</div>
[HTML] pobierz, plaintext 

Ładnie kopiuje i chcę ustawić bloki w rzędzie (obok siebie) a one przeskakują mi do nowej lini dlaczego ? Jak to naprawić ?

spróbuj dodać
float: left;

A jak można wyśrodkować grupę elementów ?



bo powyższe rozwiązanie nie działa :/

chyba to:

margin-left: auto;
margin-right: auto;

niestety nie działa

[HTML] pobierz, plaintext 
ul {
	margin: 0 auto 0 auto;
}
 
ul li {
	display: block;
	float: left;
	border: #dcdcdc 1px solid;
	padding:1px;
	font-size: 10px;
	width:120px;
	text-align:center;
}
 
<ul>
	<li><img src="foto/4.jpg" alt="zdjęcie"><br/>Studio Koloru Maxor</li>
</ul>
[HTML] pobierz, plaintext 

Działa Ale wszystko na prawo się przykleiło zamiast na środek

a co ty dokładnie chcesz zrobić? ono jest ok

A to ciekawe bo u mnie sprawdza się doskonale. Gdzie wstawiłeś CSS? Mam nadzieję, że nie bezpośrednio w ciało dokumentu ...

Edit: Proszę zaznaczaj gdzie edytujesz posta bo przez to nasze wypowiedzi tracą sens...
Ustal width dla ul.

elementy w DIV wyśrodkować a text-align:center nie działa :/

chodzi o to:
<div>

tu będą divy z tym obrazkiem i tekstem

</div>

EDIT: no pewnie ,że nie wszystko dobrze wklejam

to co napisał empathon to powinno chodzić

margin: 0 auto 0 auto ;

pokombinuj z tym...

To co chcesz zrobić to lista. Dla uzyskania porządanego efektu każdemu elementu listy "li" przypisujesz display: block;. Dzięki temu zachowuje się jak "div" - element blokowy. "text-align" nie działa na elementy blokowe bo jak sama nazwa wskazuje wyśrodkowuje tekst. Dlatego ustala się dla takiego elementu margin-left/right na auto co inaczej można zapisać przez margin: 0 auto 0 auto; ( top right bottom left ). Ustal szerokość dla listy "ul".

Z tego co pamiętam to z w IE6 były problemy z margin:auto; w sensie, że nie działało. Jaką przeglądarką kolega sprawdza?

Ale CSS jest bardzo dobrym rozwiązaniem dlatego chyba nikt kto tworzył CSS nie zapomniał o możliwości wyśrodkowania grupy Div'ów.

A poza tym w IE grupa div'ów leci mi na lewo. Nie wiem co jest grane już

Chcesz wyśrodkować divy z tym dodanym float: left czy jakieś inne?

Ze swojej strony poprosiłabym o kod.

Chcę wyśrodkować elementy znajdującie się w divie mm

Fragment Kod Arkusza CSS:


Fragment Kod Strony:

Oj, źle stoisz z CSS'em. Niema czegoś takiego jak div.mm{float: center;}. Jek chcesz to mozesz dac text-align:center; lub aby wycenterować diva nie w środku to div.mm{margin:auto;}

żadne z tych rozwiązań nie działa sad.gif myślę nad standardowym paddingiem...

NIe ma na to rozwiązania ? :/