Foros del Web » Creando para Internet » Diseño web »

problema con el texto

Estas en el tema de problema con el texto en el foro de Diseño web en Foros del Web. Hola chicos! os pondre en situación, estoy con el desarrollo de mi primera web, y gracias a Foros del web he podido resolver todas las ...
  #1 (permalink)  
Antiguo 19/04/2011, 09:00
Avatar de Ginn  
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Pregunta problema con el texto

Hola chicos!
os pondre en situación, estoy con el desarrollo de mi primera web, y gracias a Foros del web he podido resolver todas las dudas que me han surgido, exceptuando esta y he buscado por muchos lados pero no encuentro solucion...

problema:el texto de la web se ve por algun motivo en bold, he revisado todo el texto y tamb he puesto font-style:normal en el body etc... se ve asi en todos los navegadores, la tipo es Tahoma, cambio de tipo y nada... agradeceria mucho un rayito de luz sobre este asunto.

Gracias!
  #2 (permalink)  
Antiguo 19/04/2011, 09:41
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: problema con el texto

sin codigo no hay ayuda ps este!


jaja amigo publique su código en cuestión o la url de su sitio para poder revisar que ocurre
  #3 (permalink)  
Antiguo 19/04/2011, 11:28
Avatar de Ginn  
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Respuesta: problema con el texto

Este es el código, es un poco extenso por eso en un principio no pense en ponerlo y porque kizas esto fuera un error muy común y de facil solución.

HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xx</title>

<link href="css/estilos.css" rel="stylesheet" type="text/css"/>


</head>

<body>

<div id="caja">
<div class="centrado" style="*position: absolute;*top: 50%;">

<div id="content">

<div class="header_2">
<a href="principal.html"><img class="header_2" src="img/header_2.png" border="0px" /></a></div>
<div class="subheader"><img class="sub_header"src="img/sub_header_noticias.jpg" border="0px" /></div>

<div class="contenido">

<div class="post">
<div class="titulo">Fusce pellentesque bibendum turpis et hendrerit.</div>
<div class="img_blog"><img src="img/foto_blog_1.jpg" align="right"/></div>
<div class="texto">
<p>Ut sit amet blandit leo. Fusce pellentesque bibendum turpis et hendrerit. Cras condimentum erat eu tortor hendrerit ac malesuada augue volutpat. Aenean accumsan, ligula quis egestas laoreet, ipsum odio suscipit metus, ornare pretium leo est vel purus.
</p>

<!-- end texto --></div>
<hr width="725px"size="0,5px;" style="float:left;border:1px solid #313131;"/>
<!-- end post --></div>

<!-- end #contenido --></div>

<div id="footer">
<ul id="menu_navegacion">
<li><a href="somos.html"><img class="img_navegacion" src="img/somos.jpg" /></a></li>

</ul>
</div>

<img id="footer2" src="img/footer_2.jpg" />
<div class="espacio"></div>

<!-- end #content --></div>

<!-- end #centrado --></div>
<!-- end #caja --></div>
</body>
</html>


CSS:

html, body { margin:0; padding:0;height: 100%;text-align: center;}

/*////////////////////////////////////CAPA INTRO*/
.capa_intro{ width:400px; height:400px;margin:auto; text-align: center;position:absolute;top:50%; left: 50%; margin-left: -180px; margin-top: -260px;}
.img_intro{ margin:auto;}
/*HEADER*/
.header{ width:800px; height:209px; float:left; margin-bottom:20px;}
.header_2{ width:800px; height:124px; float:left;}
.sub_header{ float:left; padding-bottom:25px;}
.sub_header_2{ float:left; padding-bottom:0px; padding-top:7px;}

/*///////////////////////////////////////////CONTENIDO Y BODY*/

body{ font-family: tahoma;font-size:12px; background-color: #201f1f; color: #898989; line-height: 150%;margin-left:auto;margin-right:auto; padding:0px;
margin:0px;letter-spacing:1px; font-style:normal; font-variant:normal; font-weight: normal; font-style:normal;}

#content{width:800px; height:100%; margin: 0 auto; text-align: center;position:absolute; top:-43%; left: 50%; margin-bottom:50px; margin-left: -400px;
vertical-align:middle; position: relative;display: block; margin-top:-120px; }

.centrado {display: table-cell;vertical-align: middle;margin: 0 auto;padding: 0 10px;}
#caja {display: table;height: 100%;width: 100%;position: relative;}

h3{ font-family:Tahoma;font-size:10px; font-variant:small-caps; color:#CFCFCF;}
a{ text-decoration:none; border:none;}
a:focus{ outline:none; }
li{ list-style:none;}
ul{ list-style:none;float:left;}

.contenido{ width:725px; height:auto; font-weight:normal; margin:auto; margin-left:50px;}
span{ font-style:italic; color:#CCC;}
.texto_img{ margin-bottom:40px;}

td{ font-family:Tahoma,; font-size:11px;}


/*///////////////////////////TEXTO_BLOG*/
.titulo{ font-family:Tahoma; font-size:14px; font-stretch:condensed; color:#CCC; text-align: left; float: left; width:725px; padding-bottom:15px;}
.img_blog{ height:auto;}
.img_blog img{ padding-left:30px; padding-bottom:15px;width:300px;}
.texto{ font-family: Tahoma;font-size:12px; color: #898989; line-height: 150%;width:auto; text-align:justify;}
.post{ width:725px; float:left; height:auto;}
hr{ margin-bottom:30px; margin-top:10px;}


/*///////////////////////////MENU CATEGORIAS_INVITACIONES*/
.menu_categorias{ width:670px; height:350px; margin:auto; padding-left:60px; float:left;}



/*//////////////////////////// FOOTER MENU NAVEGACION*/
#footer{clear:both; float:left; padding-top:30px; margin:auto; margin-left:108px; }
#footer_inicio{clear:both; float:left; padding-top:30px; margin:auto; margin-left:90px; }
#menu_navegacion { margin:auto; width:600px; float:left;}
#menu_navegacion li{ float:left; border:none; padding:0px; margin:0px;}
#menu_navegacion a{ border:none;}
.img_navegacion{ margin:0px;border:none;}

#menu_navegacion_2 { margin:auto; width:600px; float:left; margin-left:45px;}
#menu_navegacion_2 li{ float:left; border:none; padding:0px; margin:0px;}
#menu_navegacion_2 a{ border:none;}



#footer2{ width:529px; height:43px; float:left; margin:auto; margin-left:130px; margin-top:10px;}
.espacio{ width:800px; height:60px; margin:auto; float: left;}


/*//////////////////////////////////////CATEGORIAS_INVITACIONES*/
.categorias{ width:750px; float:left; margin-top:35px; margin-left:-8px; height:165px; margin-bottom:35px;}
.box{ width:180px; height:165px;float:left; margin:2px;}
  #4 (permalink)  
Antiguo 19/04/2011, 11:48
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: problema con el texto

amigo, con el código mostrado no he podido recrear su problema... yo lo visualizo perfectamente, lo he probado en FF4, IE7, IE8, Chrome, y Opera

quizás exista algún css que le falto incluir?

y otro detalle por si no lo noto en el editor de foros del web en la parte superior dice "Highlight" este para mostrar el código correctamente sírvase utilizarlos para la próxima
  #5 (permalink)  
Antiguo 19/04/2011, 12:04
Avatar de Ginn  
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Respuesta: problema con el texto

he revisado de nuevo el codigo, y visualizado el que he puesto en varios ordenadores y navegadores y sigue pasando lo mismo... el css que tengo es el que he puesto.

gracias por lo de "Highlight" será util para proximas consultas.

Firmado: una amiga!
  #6 (permalink)  
Antiguo 19/04/2011, 12:16
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: problema con el texto

amiga jeje y yo diciéndote amigo ups... en fin, no tendrás esto en un sitio en vivo? me parece extraño que yo lo visualice correctamente...

también puedes probar colocar un reset css antes de tus estilos, es mas mira así rápido prueba agregar
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>xx</title>
  5.  
  6. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
  7. <link href="css/estilos.css" rel="stylesheet" type="text/css"/>
  8.  
  9.  
  10. </head>

quizás con esos soluciones tu problema, si funciona descarga el archivo css que te indique y colócalo junto con los archivos de tu sitio ñ.ñ
  #7 (permalink)  
Antiguo 20/04/2011, 02:58
Avatar de Ginn  
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Respuesta: problema con el texto

amigo, he probado lo del reset y nada,...he subido la web al hosting y sigue todo igual... veo el texto como si fuese negrita
estoy empezando a pensar q tengo la vista mal... :( bueno mi consuelo es que lo ha visto mas gente y tamb opinan lo mismo que yo... que parece negrita.
adjunto una cptura de pantalla.


gracias amigo!;)
  #8 (permalink)  
Antiguo 20/04/2011, 09:18
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: problema con el texto

en efecto amiga no parece negrita eso esta en negrita... si lo has subido al hosting podrías compartir el link para verlo, te digo me parece extraño que ese código yo lo vea bien.

si no deseas dejar link directo de tu web usa algún acortador para disfrazarlo
  #9 (permalink)  
Antiguo 25/04/2011, 08:51
Avatar de Ginn  
Fecha de Ingreso: abril-2011
Mensajes: 6
Antigüedad: 13 años
Puntos: 0
Respuesta: problema con el texto

..si es negrita .... :( por lo menos se que no estoy loca! jejeje
he consultado a varios compeñeros y la conclusion es que mi ordenador y en todos los que he probado "casualmente" se ve como negrita el texto por alguna configurcion extraña... finalmente lo he mirado en un pc diferente y la veo bien, "normal". Ahora me concentrare en resolver este misterio, si tienes alguna idea, igualmente te lo agradecere!
muchas gracias por la ayuda Ag666!
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 08:10.