Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Texto que se ajuste a navegador y moviles

Estas en el tema de Texto que se ajuste a navegador y moviles en el foro de HTML en Foros del Web. Hola querida gente, nuevamente por aquí con una consulta. Tengo unos textos en mi pagina que deseo que se adapten al navegador o móvil. Resulta ...
  #1 (permalink)  
Antiguo 09/08/2016, 10:51
 
Fecha de Ingreso: mayo-2008
Mensajes: 184
Antigüedad: 11 años, 1 mes
Puntos: 0
Pregunta Texto que se ajuste a navegador y moviles

Hola querida gente, nuevamente por aquí con una consulta. Tengo unos textos en mi pagina que deseo que se adapten al navegador o móvil. Resulta que cuando lo veo en mi notebook se ve bien, y cuando lo hago desde mi celular, se cortan todos los textos. Estos están dentro de una tabla, y la misma no se ajusta cuando el navegador tiene una resolusion mas chica.

Aquí el código:

Código HTML:
<style type="text/css">
.auto-style2 {
	border-collapse: collapse;
}
.auto-style3 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.auto-style8 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11pt;
}
.auto-style10 {
	font-size: medium;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
</style>



<table align="center" class="auto-style2" style="width: 47%">
	<tbody><tr>
		<td class="auto-style3">
		<p align="justify">
		Nuestro proceso de trabajo esta regido bajo la mas estricta 
		confidencialidad, esto nos permite proteger toda la informacion 
		recibida, satisfacer las necesidades del cliente y un asesoramiento 
		personalizado en cada etapa o consulta. APR Asociados
		no tendra derecho, bajo ningun concepto, el proporcionar esta 
		informacion a terceros.</p>
		<span class="auto-style3">
		<p align="justify" class="auto-style10">
	Una vez afiliado a APR Asociados usted recibirá 
		en su domicilio o vía electrónica (a la dirección o casilla de correo 
		asignada) los recibos para realizar sus pagos mensuales. Los mismos 
		serán enviados con la debida antelación y será de su responsabilidad 
		firmarlos y utilizarlos al momento del pago. <o:p></o:p></p>
		<p class="auto-style8" style="width: 837px">&nbsp;</p>
		</span></td>
	</tr>
	<tr>
		<td><span class="auto-style8"><br>
		<br>
		<br>
		</span></td>
	</tr>
</tbody></table> 

Agradezco me puedan ayudar para poder insertar el texto justificado en mi pagina, y que se comprima al tener una resolusion de pantalla mas chica.

Gracias.
  #2 (permalink)  
Antiguo 09/08/2016, 13:03
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.020
Antigüedad: 16 años, 3 meses
Puntos: 1819
Respuesta: Texto que se ajuste a navegador y moviles

Es que básicamente las tablas no se usan desde hace más de una década.

Adicionalmente tienes medidas en pixeles que bloquean tu ancho.

No debes tampoco poner estilos por todos lados.

El código que pones es súmamente sencillo, pero aún así tienes varios errores fundamentales que debes de evitar..
  #3 (permalink)  
Antiguo 09/08/2016, 13:10
 
Fecha de Ingreso: mayo-2008
Mensajes: 184
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Texto que se ajuste a navegador y moviles

Rafael, gracias por tu respuesta. Si es verdad, las tablas no se usan mas. El tema es que no se como hacer para que el texto salga centrado y justificado a la vez. Me podrías pasar el código limpio?

Gracias.
  #4 (permalink)  
Antiguo 09/08/2016, 13:27
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.012
Antigüedad: 8 años, 3 meses
Puntos: 149
Respuesta: Texto que se ajuste a navegador y moviles

Borra esta linea...

Código HTML:
Ver original
  1. <p class="auto-style8" style="width: 837px">&nbsp;</p>

Te esta marcando el ancho fijo de toda la tabla... borrala y sera mas manejable
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)
  #5 (permalink)  
Antiguo 09/08/2016, 13:37
 
Fecha de Ingreso: mayo-2008
Mensajes: 184
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Texto que se ajuste a navegador y moviles

Petit89, como siempre un genio... millones de gracias, ya quedo solucionado.

  #6 (permalink)  
Antiguo 09/08/2016, 16:52
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.020
Antigüedad: 16 años, 3 meses
Puntos: 1819
Respuesta: Texto que se ajuste a navegador y moviles

El código sigue estando muy mal. Simplemente haz esto

Código HTML:
Ver original
  1. p {text-align: justify;
  2. margin: auto;
  3. width: 50%;
  4. font-size: medium;
  5. font-family: Verdana, Geneva, Tahoma, sans-serif;}
  6.  
  7.  
  8.  
  9. <p>Nuestro proceso de trabajo esta regido bajo la mas estricta confidencialidad,
  10. esto nos permite proteger toda la informacion recibida, satisfacer las necesidades del cliente
  11. y un asesoramiento personalizado en cada etapa o consulta.
  12. APR Asociadosno tendra derecho, bajo ningun concepto, el proporcionar esta informacion a terceros.</p>

El problema con quitar esa linea es que sólo parchaste el problema. No está solucionado.

Etiquetas: ajuste, moviles, navegador, text, todo
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 04:16.