Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Werno on 21.12.2010, 12:02:24



Tytuł: Wyśrodkowanie
Wiadomość wysłana przez: Werno on 21.12.2010, 12:02:24
Witam mam do was pytanie jak wyśrodkować trzy obrazki ustawione obok siebie wpoziomie ?
Próbowałem coś takiego:

HTML:
<div id="lol">
<img class="floatright" src="a.png" alt="" width="156px" height="336px">
<img class="floatright" src="b.png" alt="" width="156px" height="336px">
<img class="floatright" src="c.png" alt="" width="156px" height="336px">
<img class="floatright" src="d.png" alt="" width="156px" height="336px">
</div>

CSS:
div#lol{margin: 0 auto;}

Jakoś mi niewyśrodkowuje tego ... a i jakby ktoś mógł ten przykład w divach to też byłbym wdzięczny bo jakoś samemu niemoge dojść


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: jojo87 on 21.12.2010, 13:50:30
Jeżeli palnę głupotą to przepraszam, ale czy nie lepiej w HTML-u użyć <center></center>? Takie coś na pewno istnieje dla tekstu ale prawdę mówiąc to nie jestem pewien czy wyśrodkuje grafikę.


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: Werno on 21.12.2010, 14:15:50
<center></center> istnieje ale to już przestarzałe :P


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: Werno on 21.12.2010, 15:04:11
dobra temat do zamknięcia już skumałem


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: agape on 21.12.2010, 15:30:15
margin: 0 auto; działa tylko wtedy jak określisz width.


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: Andrzej-R-sko on 30.01.2011, 11:39:21
jak "skumałeś" to się podziel   - inaczej forum nie ma sensu ...     ;)


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: Werno on 02.02.2011, 10:40:18
tak jak kolega napisał musiałem określić width


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: aukcja on 14.05.2011, 17:18:54
Jeżeli palnę głupotą to przepraszam, ale czy nie lepiej w HTML-u użyć <center></center>? Takie coś na pewno istnieje dla tekstu ale prawdę mówiąc to nie jestem pewien czy wyśrodkuje grafikę.
Znacznie lepiej kod wygląda bez zbędnych '<br />ów' oraz tych centerów itd.
;)


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: agape on 15.05.2011, 11:32:46
Jeżeli palnę głupotą to przepraszam, ale czy nie lepiej w HTML-u użyć <center></center>? Takie coś na pewno istnieje dla tekstu ale prawdę mówiąc to nie jestem pewien czy wyśrodkuje grafikę.
Znacznie lepiej kod wygląda bez zbędnych '<br />ów' oraz tych centerów itd.
;)

Nie tylko wygląda, ale jest poprawniej. Nie powinno się już używać <center>, ale <br /> dalej jest w użyciu.


Tytuł: Odp: Wyśrodkowanie
Wiadomość wysłana przez: Devzan on 31.05.2011, 19:23:15
Zamiast centerów użyj:
Kod:
margin:0 auto
w CSS. Z tym, że musi zostać podana szerokość
Kod:
width
inaczej nie będzie to działać.

A jeśli sam tekst to w .css możesz dać
Kod:
text-align:center

Cytuj
<img class="floatright" src="a.png" alt="" width="156px" height="336px">

Nie powinno się stylów używać w .html, a w .css. A jeśli już musisz, to powinno to wyglądać tak:
Kod:
<img class="floatright" src="a.png" alt="" style="width:156px; height:336px">

Choć masz ustawioną klasę "floatright" więc tam powinieneś to wszystko umieścić, a nie w html.