[inne][HTML][CSS] Pozycjonowanie obiektów, Pozycjonowanie obiektów Opcje

[JPCannon]

Witam. Trafiłem na następujący problem. Chciałem na swojej stronie umieścić teksty, dwa przyciski (zwykłe linki obrazkowe) i obrazek główny. Chciałem aby całość w stosunku do siebie zachowywała te same pozycje, a przy tym zmieniało pozycje w zależności od rozmiaru okna. Mianowicie utknąłem na następującym problemie. Każdy z elementów porusza się odpowiednio względem okna, jednak nie pozostają stałe wobec siebie. Powoduje to, że np obraz który jest po prawej od tekstu, pomimo, że jedno i drugie się przesuwa, to obrazek przesówa się w końcu nad tekst. Jestem pewien, że odpowiedź jest bardzo prosta ale nie mogę na nią wpaść. Zamieszczam kodu z aktualnym rozmieszczeniem.

<div class="item active">
<!--tekst-->
<div style="width: 395px; color: white; position: relative; top: 70px; left: 29%; text-align: center; font-size: 30px">
<b>eeeeeeeeee</b><br/><br/><br/>
<div style="font-size: 24px; color: white">
blskfskfsfsf<br/><br/>
gdfgdgdgdfgfddg <br/><br/>
sfsfsdfdfsd <br/><br/>
tetetere.
</div>
</div>
<!--obrazek obok tekstu-->
<a href="link"><img src="źródło" alt="blabla" style="position: relative; left: 20%; top: -180px" /></a>
<!--przyciski pod tekstem-->
<a href="link"><img src="źródło" style="width: 192px; height: 52px; position: relative; top: -310px; left: -15%"/></a>
<a href="link"><img src="źródło" style="width: 192px; height: 52px; position: relative; top: -362px; left: 1%"/></a>
</div>
</div>

Ten post edytował JPCannon 13.08.2014, 16:02:11

[Terrorizer]

Nie sugeruj się za mocno moją wypowiedzią ,bo jestem bardzo początkujący haha.
Ale wydaje mi się ,że może ci pomóc display:inline-block o ile dobrze rozumiem twój problem

Ten post edytował Terrorizer 13.08.2014, 16:16:15

[JPCannon]

Niestety ale już pierwszy div ma w stylach display block więc to chyba nie to. Kombinowałem już z tym ale to nie pomagało, chociaż może źle to robiłem Najlepiej by było jakbym mógł ustawić relatywnie przyciski, teksty i obrazek główny w jakimś "boksie" i potem ten boks przesówać względem ekranu. Niestety nie do końca wiem jak to zrobić.

Ten post edytował JPCannon 13.08.2014, 16:31:15

[fate]

nie block on mowi tylko inline block
nie widac wogole tego o cym wspominas
wklej html + css na jsfiddle.com

[JPCannon]

Czy inline-block sprawi, że będę mógł ustawić relatywnie tekst, obrazek i przyciski w stosunku do siebie a potem ustawić je relatywnie w stosunku do okna? Jeśli nie to czy ktoś zna sposób jak to prosto zrobić? Relatywnie ustawić kilka elementów w stosunku do siebie a potem wszystkie je razem relatywnie do okna. Trzeba zrobić jakiś box na te elemnty?

[fate]

nie ustawiaj layoutu a pomoca position relative to glopota, pewnie potrebujes uyc: float

tutaj poka jak to wyglada
http://jsfiddle.net/