Foros del Web » Creando para Internet » CSS »

Centrar texto según resolución de la pantalla

Estas en el tema de Centrar texto según resolución de la pantalla en el foro de CSS en Foros del Web. Buenos días, me gustaría sobreponer un texto encima de una imagen, eso ya lo consigo en mi compu, pero cuando lo veo en otros monitores ...
  #1 (permalink)  
Antiguo 19/05/2014, 08:04
hmv
 
Fecha de Ingreso: abril-2005
Mensajes: 320
Antigüedad: 14 años, 3 meses
Puntos: 0
Busqueda Centrar texto según resolución de la pantalla

Buenos días, me gustaría sobreponer un texto encima de una imagen, eso ya lo consigo en mi compu, pero cuando lo veo en otros monitores de diferentes resoluciones se ve descuadrado, tiene que salir en el centro de la pantalla. Leí por ahí que con porcentajes se trabaja esto, pero no lo consigo. Gracias

Código HTML:
#capa1{position:relative;}
   #capa1 .subcapa1 {
   		position: absolute;		
		width:100%;		
		top: 15%;		
		margin-left:-15%;
   } 
	 
   #background{ width:100%;  z-index: -1;  left:0;}	

<div id="capa1">
    <img src="index/2.jpg" border="0" id="background" />
    <div class="subcapa1">
    <table border="0" cellpadding="0" cellspacing="0" align="right">
	<tr>
		<td align="left">
		    <h1 class="index">Welcome to Your <strong>Web Site</strong></h1>
	        </td>
	</tr>
	<tr>
		<td align="left">Another way of discovering internet</td>
        </tr>	  
    </table>  
     </div>
</div> 
  #2 (permalink)  
Antiguo 19/05/2014, 09:23
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 9 años
Puntos: 60
Respuesta: Centrar texto según resolución de la pantalla

en serio estás maquetando con tablas?¿?¿?¿

aquí tienes un ejemplo rápido.. sin tablas obviamente!! xD



Código HTML:
<div id="imagen">
  <h2>texto centrado</h2>
</div> 
Código:
#imagen{
  width: 300px;
  height: 300px;
  background: url("http://tecnologia.starmedia.com/imagenes/2012/09/demo-f1-2012-disponible-1-300x300.jpg");
  text-align: center;  
}
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.

Etiquetas: html, pantalla, resolución, según
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:42.