[lewsky]

Mirki potrzebuję was!
Co mam zrobić żeby dviy "footer" były wyśrodkowane? Dzięki wielki za pomoc :)

http://jsfiddle.net/Y7PhV/453/
#webdev

[panpIaneta]

walnij spację naście razy

[P.....u]

@lewsky: powinieneś je wrapnąć w element który wyśrodkujesz a wewnątrz będa te trzy divy

[michael94]

@lewsky: użyć do tego bootstrapa :-)

[lewsky]

@michael94: Ja wiem że bootstrap dużo ułatwia ale najpierw chcę ogarnąć podstawy CSS z racji tego że mam to w szkole
@PanDziobaku: Trochę mnie przerasta to co napisałeś, mógłbyś to pokazać na kodzie jeśli masz trochę czasu? Sorki ale przersta mnie ta terminologia.

[Z.....e]

@lewsky: margin: 0 auto;

[lewsky]

@Zeroize: Nie działa :P

[Z.....e]

@lewsky: te wszystkie 3 elementy mają być na środku?

[lewsky]

@Zeroize: chodzi o to żeby po bokach miały równe odstępy

[Eggy]

@lewsky: jest parę możliwości: możesz zwrapować wszystkie elementy z klasą footer w diva i nadać mu magin: 0 auto; albo dać im display: inline-block i poeksperymentować z text-align http://jsfiddle.net/Y7PhV/464/ albo zrobić to flexboxem, o tu masz przykład https://css-tricks.com/centering-css-complete-guide/ (pierwszy punkt, ostatni podpunkt)

[P.....u]

@lewsky: http://jsfiddle.net/Y7PhV/473/
na przykład tak. Mozna zrobic to lepiej ,ale to przykład

[kombizenon]

@lewsky: http://jsfiddle.net/Y7PhV/474/

[lewsky]

@kombizenon: @PanDziobaku: @Eggy: Dzięki wielkie, teraz mogę brać się za projektowanie stopki ( ͡° ͜ʖ ͡°)

[Eggy]

@kombizenon
@lewsky: Wypadałoby dodać jeszcze, że elementy z inline-block, mają miedzy sobą odstęp, na który nie ma sprawdzonego sposobu(takiego łatwego i przyjemnego :P)

[lewsky]

@Eggy: Z tym akurat nie ma problemu, bo i tak jeszcze dodaję margin-left

[Eggy]

@lewsky: Tak tylko mówię, jakbyś kiedyś szukał tego "marginesu"

[lewsky]

@Eggy: A jednak jest problem, kiedy ustawiam margin-left żeby powiększyć odstępy między divami, ramki rozmieszczają się nierówno
http://jsfiddle.net/Y7PhV/477/
Jakiś pomysł? :)

[Eggy]

@lewsky: spróbuj dodać margines dla każdej klasy footer następującej po klasie footer o tak: .footer + .footer { margin-left: 15%; }

[lewsky]

@Eggy: O #!$%@?, działa! Dzięki wielkie cumplu, sam bym na to nie wpadł :)