html - texto - Cómo centrar las imágenes en una página web para todos los tamaños de pantalla
poner texto al lado de una imagen html (4)
Estoy teniendo un problema con mi HTML. He buscado en todo el Internet, pero todavía no hay una respuesta real.
Tengo un sitio web con algunas imágenes, y quiero que estén en el medio. Ahora, en mi pantalla están en el medio, pero eso es porque los he puesto allí moviéndolos hacia un lado. Cuando mis amigos lo miran, la imagen está descentrada.
Aquí está el sitio web ; si está en una pantalla de 13.5 ", parecerá estar en el medio.
¿No sería aceptable utilizar solo una etiqueta simple <center></center> ?
Debo estar perdiendo algo aquí si no. Siéntase libre de explicar por qué en un comentario. Me encanta el diseño web y su sitio es muy impresionante. Podría sugerir hacer algo para disminuir el tiempo de carga, eso es un poco apagado.
-De un fan de MC a otro :)
EDITAR
Acabo de echar un vistazo a tu código ... ¡ay!
<center></center>
<center><body onload="MM_preloadImages(''../logo-glow.png'')">
<a href="homepage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(''minecraft2'','''',''../logo-glow.png'',1)"><img src="../log-noglow.png" name="minecraft2" width="998" height="222" hspace="0" border="0" align="absmiddle" id="minecraft2" /></a></body></center>
Trate de no poner etiquetas de formato fuera del cuerpo. Coloque el <center> dentro de la etiqueta del cuerpo. Funciona porque sigue las estrictas reglas de HTML de bajo nivel, sin embargo, no todos los navegadores son tan agradables y algunos pueden mostrar su página incorrectamente, ¡a menos que se solucione este problema!
En su caso específico, puede configurar que contenga a elemento para que sea:
a {
display: block;
text-align: center;
}
Intenta algo como esto ...
<div id="wrapper" style="width:100%; text-align:center">
<img id="yourimage"/>
</div>
<div style=''width:200px;margin:0 auto;> sometext or image tag</div>
esto funciona horizontalmente