[PeaceUN]

#css #webdev

mirki kochane jak wysrodkowac ten obrazek z trojkatem i zeby dodatkowo trzymal srodkowanie przy zmniejszaniu okna?

[banditpanda]

@PeaceUN: 'left:50%; top:50%; transform:translate(-50%, -50%)'

[bi-tek]

@PeaceUN: ( ͡° ʖ̯ ͡°)

[PeaceUN]

@banditpanda: z jakim position to dziala?

[Rst00]

@PeaceUN: absolute

[cube]

@PeaceUN: i usuń "ś" z tyś.

[MegaZU0]

@PeaceUN: @PeaceUN: lewa strona obrazka jest większa od prawej. a

left:50%; top:50%; transform:translate(-50%, -50%);max-width:100%;max-height:100%;

overflow: hidden

ucina kawałek obrazka temu źle to wygląda, musisz go zmniejszać do wielkości parenta.

[PeaceUN]

@banditpanda: @cube: moglibyscie rzucic okiem prosze?
czy transform erzuce na + czy - to nie chce sie wstrzelic
http://ardemo.iwareprint.pl/

[sn__tr]

@PeaceUn: samo środkowanie to załatwi Ci width: 100% na img :))

[PeaceUN]

@sn__tr: wlasnie zadzialalo jak wywalilem max-width.. nie chce mi sie kumac dlaczego :/

[sn__tr]

@PeaceUN musiałbym widzieć żeby odpowiedzieć :) Ogólnie łatwiej byłoby Ci manipulować wstawiając obrazek w background, masz wtedy np. background-size dzięki któremu rzecz staje się prostsza niż jakbyś to miał robić w elemencie img.

[banditpanda]

@PeaceUN: zrobiłeś rollback kodu? teraz baner składa się z 1 obrazka. Dodaj #banner {overflow:hidden}

[PeaceUN]

@sn__tr: @banditpanda: jade na jakims szablonie w ktorym ktos wpadl na pomysl nalozenia jednego obrazka na drugi (ten ponizej jest jako help z jpg z grafika przykladowa) i na to nachodza dopiero obrazki wstawiane w wordpresie jako slidery.

zeby zrobic jakikolwiek background musialem zmniejszyc obrazek pod spodem na 0% po szerokosci a wysokosc zostawic bo sie strona zaczynala rozjezdzac... niezle pokrecone szczegolnie ze do tej pory ogarnialem platne

[sn__tr]

@PeaceUN nie znam do końca sytuacji, ale moim zdaniem to parent wtedy powinien trzymać wysokość.
Jakiś czas temu robiłem dosyć nietypowy slider, podobny pomysł, bo wszystkie obrazki mają taką samą pozycję a manipuluję opacity. Może coś zainspiruje: http://guruexpertise.com/