Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1]
DrukujPobierz PDF
Autor Wątek: Wyśrodkowanie  (Przeczytany 8662 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Werno
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 18
Galeria Użytkownika



Zobacz profil WWW
« : 21.12.2010, 11: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ść
Zapisane
jojo87
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: jojo87@jix.im
Licencja: Copyright
Wiadomości: 30
Galeria Użytkownika

jojo87


Zobacz profil
« Odpowiedz #1 : 21.12.2010, 12: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ę.
Zapisane

Średnio-zaawansowany gimper.
Werno
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 18
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #2 : 21.12.2010, 13:15:50 »

<center></center> istnieje ale to już przestarzałe Język
Zapisane
Werno
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 18
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #3 : 21.12.2010, 14:04:11 »

dobra temat do zamknięcia już skumałem
Zapisane
agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #4 : 21.12.2010, 14:30:15 »

margin: 0 auto; działa tylko wtedy jak określisz width.
Zapisane

Andrzej-R-sko
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 1.*
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika


miłego dnia ...


Zobacz profil WWW
« Odpowiedz #5 : 30.01.2011, 10:39:21 »

jak "skumałeś" to się podziel   - inaczej forum nie ma sensu ...     Mrugnięcie
Zapisane

Werno
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 18
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #6 : 02.02.2011, 09:40:18 »

tak jak kolega napisał musiałem określić width
Zapisane
aukcja
Użytkownik

Reputacja: 0 Offline Offline

GIMP: 2.6
Licencja: Copyright
Wiadomości: 17
Galeria Użytkownika


RTJ


Zobacz profil WWW
« Odpowiedz #7 : 14.05.2011, 16: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.
Mrugnięcie
« Ostatnia zmiana: 14.05.2011, 20:56:37 wysłane przez Terrqge » Zapisane

agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #8 : 15.05.2011, 10: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.
Mrugnięcie

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

Devzan
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 75
Galeria Użytkownika

Devzan


Zobacz profil
« Odpowiedz #9 : 31.05.2011, 18: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.
Zapisane

Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: Wyśrodkowanie
Skocz do: