Ayuda para posicionar encabezado abajo en diseño web

JulioRC · 26 Mar 2016

Hola, resulta que estoy desarrollando un web desde cero, ya me falta poco por terminarla y solo tengo ese problema. Gracias por ayudarme :encouragement:

Bueno, así será el diseño de mi web, pero como pueden ver, el encabezado queda en medio y nose como hacer que quede abajo.
Aqui mi código CSS

HTML:

.opacidad {
	background:#000;
	opacity: .6;
	padding:20% 0;
	
}

.no-opacidad h2 {
    font-size:30px;
	font-family:Arial;
	opacity: .99;
	padding:0;
	color:#FFFFFF;
}

Aquí mi código HTML

HTML:

<div class="opacidad">
<div class="no-opacidad">
<i><h2>Hoja de estilos CSS</h2></i>
</div>
<br />
</div>

Programarte · 26 Mar 2016

No entendí muy bien que quieres hacer pero por lo que mencionas de poner abajo no se si ya hayas probado poner bottom: 0px por ejemplo al objeto que quieres mandar abajo

jsstoni · 26 Mar 2016

tienes padding: 20% 0; es decir tienes un ancho de 20% top y bottom el 0 corresponde los otros extremos left y rigth, por ende el contenido de el div con clase .opacidad va quedar entre el medio.

padding: 20%; todos los extremos
padding: 20% 0; 20% = top y bottom 0 = left y rigth
padding: 5px 10px 5px 10px; padding: top rigth bottom left;

JulioRC · 26 Mar 2016

jsstoni dijo:
tienes padding: 20% 0; es decir tienes un ancho de 20% top y bottom el 0 corresponde los otros extremos left y rigth, por ende el contenido de el div con clase .opacidad va quedar entre el medio.

padding: 20%; todos los extremos
padding: 20% 0; 20% = top y bottom 0 = left y rigth
padding: 5px 10px 5px 10px; padding: top rigth bottom left;

Muchas gracias amigo, la propiedad padding: 5px 10px 5px 10px; me funcionó a la perfección, ahora sí el encabezado quedo justo donde yo quería.

Muchas gracias :encouragement:

Ayuda para posicionar encabezado abajo en diseño web

JulioRC

Programarte

jsstoni

JulioRC

Temas similares