HTML - Centrar un banner en la zona del título de un blog

 
Vista:
Imágen de perfil de Rocío

Centrar un banner en la zona del título de un blog

Publicado por Rocío (1 intervención) el 09/04/2015 22:33:59
No soy programadora pero tengo mucha disposición a aprender. Administro un blog educativo y voy aprendiendo de a pocos, consultando aquí y allá. Concretamente quiero saber donde debo colocar el <center> en este texto para que se produzca el efecto deseado.


<script type="text/javascript">
var bannersnack_embed = {"hash":"bxmy78ik6","width":700,"height":300,"t":1423226764,"userId":16932516,"wmode":"transparent"};
</script>
<script type="text/javascript" src="http://files.bannersnack.com/iframe/embed.js"></script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alberto

Centrar un banner en la zona del título de un blog

Publicado por Alberto (17 intervenciones) el 09/04/2015 23:06:41
Hola...

Todo depende de que es lo que necesitas centrar, sin embargo, te recomiendo dejes de implementar la etiqueta <center> ya que con el tiempo esta comenzando a ser obsoleto sino es que ya es obsoleto completamente, esto se debe a que no todos los navegadores interpretan dicha etiqueta; es decir, en Chrome puede verse bien pero en Safari no se ve como debería ser.

No obstante, eso no significa que ya no sea posible centrar algo en especial, a continuación te proporciono la manera "correcta" de centrar elementos en tu página web.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
	<head>
		<title>Centrar</title>
	</head>
	<body style="font-family: Arial;">
		<div align="center">
			<h3>Centro</h3>
			<img src="http://www.ilmuwebsite.com/wp-content/uploads/2014/05/html.jpg" width="100px" height="100px"/>
		</div>
		<div align="left">
			<h3>Izquierda</h3>
			<img src="http://www.ilmuwebsite.com/wp-content/uploads/2014/05/html.jpg" width="100px" height="100px"/>
		</div>
		<div align="right">
			<h3>Derecha</h3>
			<img src="http://www.ilmuwebsite.com/wp-content/uploads/2014/05/html.jpg" width="100px" height="100px"/>
		</div>
	</body>
</html>

Digo entre comillas correcta porque dependiendo del diseño que tengamos en nuestro HTML es la forma en que podemos aplicar diferentes formas de centrar.

Cualquier duda y/o comentario, aquí estamos. Suerte!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Angel

Centrar un banner en la zona del título de un blog

Publicado por Angel (101 intervenciones) el 09/04/2015 23:22:31
como lo dijo alberto y te dio varias opciones para centrarlos como por ejemplo estos:
1
<div align="center"> </div>
pero tambien puedes con estos, pero sin Embargo estas etiquetas ya no estan soportadas en HTML5 >_<
1
<center> </center>

de otra forma para centrar existen muchos otros metodos, entre ellos(cabe aclarar que todas son de CSS):
1
2
3
4
5
6
7
margin: 0 auto;
Text-align: center;
Align-content: center;
vertical-align: middle;
justify-content: center;
align-items: center;
align-self: center;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Centrar un banner en la zona del título de un blog

Publicado por zaiko (1 intervención) el 16/08/2017 19:57:24
Me funciono el siguiente papu "Align-content: center;" obviamente sin las comillas :D Gracias por compartir
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar