responsywna strona i przesuwanie diva

pytanie zadane 11 stycznia 2016 w HTML i CSS przez Dawid Warduliński Obywatel (1,830 p.)

Witam jak do tego zrobić aby div 4 był z prawej strony a reszta z lewej

<div id="c" class="c">
			<div style="margin-left:5px; float:left; ">1</div>
			<div style="margin-left:5px;float:left;">2</div>
			<div style="margin-left:5px;float:left;">3</div>
			<div style="margin-left:5px; float:left;">4</div>
			<div style="clear:both;"></div>
</div>

i aby było to responsywne

2 odpowiedzi

odpowiedź 11 stycznia 2016 przez ShiroUmizake Nałogowiec (46,300 p.)

Pokaż trochę więcej kodu, bo to jest zależne od wartości nadanych u rodzica.

komentarz 11 stycznia 2016 przez Dawid Warduliński Obywatel (1,830 p.)

<div id="pictures">
       <div id="" class="c">
					<div style="margin-left:5px; float:left; ">1</div>
					<div style="margin-left:5px;float:left;">2</div>
					<div style="margin-left:5px;float:left;">3</div>
					<div style="margin-left:5px; float:left;">4</div>
					<div style="clear:both;"></div>
				</div>
<div class="picture">
</div>
</div>

#pictures{
    padding: 0 30px;
    padding-top: 88px;
    max-width: 1280px;
    margin: 0 auto;
	
}

.picture{
    padding: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px 2px rgba(0,0,0,.3);
    box-shadow: 0 0 30px 2px rgba(0,0,0,.3);
    margin-bottom: 50px;
}

.picture .img{
    width: 100%;
}
.profil_img{
	float:left;
	margin-bottom:5px;
	
}
http://wklej.to/9T4OV

reszta kodu na wklej to

komentarz 11 stycznia 2016 przez ShiroUmizake Nałogowiec (46,300 p.)

One wszystkie mają być w jednej lini?

komentarz 11 stycznia 2016 przez Dawid Warduliński Obywatel (1,830 p.)

tak i ostatni ma się odsunąć do prawej krawędzi

komentarz 12 stycznia 2016 przez ShiroUmizake Nałogowiec (46,300 p.)

Zgodnie zasadą (jak dobrze pamiętam)float, przyklejasz do lewej krawędzi każdy następny element, jeżeli chcesz jeden na prawo, użyj float: right.

tak btw. Ta strona obecnie nie jest RWD.