[zgredinho]

drodzy murcy, problem mam z web design'u.
Otóż mam belkę na niej chcę mieć obrazek wyśrodkowany względem prawej i lewej krawędzi belki, a ponad to pomiędzy krawędzią a obrazkiem chcę mieć jakąś zawartość która nie będzie wpływała na położenie obrazka. Jak mogę to zrobić?
#html #html5 #css #webdesign #webdev

[zwierzak40]

dla img position:absolute, dla belki position:relative, potem środkowanie obrazka i tyle

[Krylan]

@zgredinho: Najprościej to chyba "position:absolute;" na obrazek (należy pamiętać, że blok, w którym się znajduje, musi mieć "position:relative;"), wtedy nic go nie ruszy z miejsca, które mu wyznaczysz. To taka pierwsza myśl, która przychodzi mi do głowy.

[npwjsn]

@zgredinho: coś z tego?
http://codepen.io/shshaw/full/gEiDt

[niewiemcotuwpisac]

background: url('path/to/your/file.png') no-repeat center; na glownym kontenerze belki i tyle, po co kombinować?

[emtei]

@zgredinho: Treści z prawej i z lewej mają przykrywać obrazek? Czy być odpowiednio węższe? Dlaczego nie użyjesz po prostu background-image i background-position?

[badylord]

@zgredinho: Tak możesz spróbować
http://codepen.io/Mlody89/pen/MpKvMv

[zgredinho]

@zwierzak40: @Krylan: @npwjsn: @niewiemcotuwpisac: @niewiemcotuwpisac: @emtei: @badylord: @veranoo: dzięki za odzew i pomoc, skorzystałem z propozycji npwjsn, nie chciałem dawać obrazka na tło bo obrazek to kształty z przezroczystością a belka będzie miała swój kolor

[veranoo]

@zgredinho sorry nie doczytałem jaki chciałeś efekt uzyskać, dlatego wydawało mi się bez sensu moje rozwiązanie

[zgredinho]

@veranoo: spoko spoko ( ͡° ͜ʖ ͡°)

[emtei]

@zgredinho: Możesz spokojnie nałożyć background image na kolor tła.

[niewiemcotuwpisac]

@zgredinho: ale wiesz ze mozesz laczyc obraz i kolor?
url('path/to/your/file.png') #fff no-repeat center;
np w ten sposob :p
ale luz, jest pare mozliwosci rozwiazania problemu wiec jak kto woli ( ͡° ͜ʖ ͡°)