como mostrar en orden especifico secciones con css
Publicado por jhon (13 intervenciones) el 15/10/2020 16:53:59
hola, podrían indicarme como mostrar en orden secciones en css, tengo un diseño de mi pagina, pero al querer hacerlo responvise quiero que una sección cambie de orden con la otra, la que esta de primera pase a segunda y vs. he tratado de hacerlo con el float pero no funciona, como sera la manera correcta por favor.
cuando es responvive el diseño estas secciones se muestren de 1 <aside id="cont-prop"> se muestre de 2 <aside class="cont-img">
html orden normal.
cuando es responvive el diseño estas secciones se muestren de 1 <aside id="cont-prop"> se muestre de 2 <aside class="cont-img">
html orden normal.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<aside class="cont-img">
<div>
<img src="../imagenes/hibrido.JPG" alt="imagen producto" class="img-sort">
</div>
<div class="sorteos">
<h4 class="sorteo-t">SORTEOS</h4>
<hr style="border: 2px solid blue">
<p id="s-title">Sorteos Activos</p>
<h4>Sorteo 3 Cifras</h4>
<p>Proximos Sorteo</p>
</div>
</form>
</aside>
<aside id="cont-prop">
<h2 id="t-sorteo">¡PARTICIPA Y GANA!</h2>
<p id="info-sort">Inscribite a nuestros sorteos y gana el producto de tu preferencia,<br> compra tu cupon del sorteo</p>
<a name="propiedades"></a>
<h4 id="t-gana">Gana!! con nuestro paquete de sorteos, elige el que más te convenga</h4>
<div style="height:130px; width: 100%;border:3px solid blue;">
<div class="title_p">
<form action="" method="post" enctype="multipart/form-data" name="prueba" id="prueba">
<select name="cb_menu" id="cb_menu" onchange="myFunction()">
<option value="0">Seleccione</option>
<option value="1">Residenciales</option>
<option value="3">Desplegables</option>
<option value="2">Moviles</option>
</select>
<?php echo $title; ?>
</form>
</div>
</select>
</div>
</div>
</nav>
<div class="pedido">
<p id="btn-title"> Cantidad </p>
<div class="btn-mas">
<span>-</span><span class="numero">1</span><span>+</span>
</div>
<div class="btn-mas price_s">
<span><b>Us</b></span><span class=""><?php echo $p_rifa;?></span>
</div>
</div>
</aside>
<!----------css normal diseño de pc-------------->.cont-img{
width: 35%;
height: 100%;
float: left; border: 2px dashed red; display:block;justify-content: center;
flex-wrap: wrap;
}.cont-img img{
margin: 40px 40px 0px 40px; border:white 8px ridge; width: 400px; height: 400px; display: block; }#cont-prop{width: 65%;
height: 100%;
display:block; float:right; border:3px dashed yellow;}Valora esta pregunta
0