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

Problema estúpido y muy raro con el texto :S

Estas en el tema de Problema estúpido y muy raro con el texto :S en el foro de Diseño web en Foros del Web. No entiendo porque, pero de repente, en la zona de las CuteNews PHP de mi sitio web, hay carácteres del texto que no se ven, ...
  #1 (permalink)  
Antiguo 06/10/2008, 14:35
 
Fecha de Ingreso: diciembre-2007
Mensajes: 115
Antigüedad: 10 años
Puntos: 0
Problema estúpido y muy raro con el texto :S

No entiendo porque, pero de repente, en la zona de las CuteNews PHP de mi sitio web, hay carácteres del texto que no se ven, por ejemplo las palabras con tilde se ven como un icono con un "?"

He usado fuentes como Verdana y Trebutchet MS que usé mil veces atrás y que JAMÁS dieron este problema...

Que ocurre?
  #2 (permalink)  
Antiguo 06/10/2008, 17:01
Avatar de radarcba  
Fecha de Ingreso: mayo-2005
Ubicación: ureleando
Mensajes: 505
Antigüedad: 12 años, 6 meses
Puntos: 3
Respuesta: Problema estúpido y muy raro con el texto :S

Eso es por la codificación de caracteres (Fijate en tu navegador de cambiarlo) para ver si es eso.
Las opciones comunes son dos:
Europa Occidental --> ISO-8859-1
Unicode --> UTF-8
Es muy probable que estes guradando en la DB como alguna de estas opciones y mostrando la info en tu web con la otra.
__________________
Maldición va a ser un día hermoso... PR
Tetris, correo & TU IP
  #3 (permalink)  
Antiguo 07/10/2008, 05:10
 
Fecha de Ingreso: octubre-2008
Ubicación: Barcelona
Mensajes: 52
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Problema estúpido y muy raro con el texto :S

Si no quieres que te pase eso, puedes usar HTML entities. Busca en google sobre ello, pero se trata de que los caracteres especiales tienen una representación HTML. Por ejemplo, una a con acento (á) sería &aacute. El signo "mayor qué" (>) sería > y así unos cuántos...

Si usas un editor web tipo WYSIWYG, utiliza la vista de diseño para escribir y se generará el HTML correcto. Al menos Dreamweaver lo hace.

Espero que te sirva.

Luis
  #4 (permalink)  
Antiguo 07/10/2008, 10:44
 
Fecha de Ingreso: diciembre-2007
Mensajes: 115
Antigüedad: 10 años
Puntos: 0
Respuesta: Problema estúpido y muy raro con el texto :S

Gracias radarcba, pero eso no será pork el resto del texto lo veo perfecto, solo es en las CuteNews, y luissg, también probe de usar el WYSIWYG pero sigue viéndose mal...
Por si pueden ayudarme esta es la URL:

http://www.getbritney.es/
Y el código que tengo puesto en las CuteNews es:

Cita:
<!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>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color: #080808;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Titulonewsgb {
font-family: verdana;
font-size: 13px;
color: #CCCCCC;
font-weight: bold;
}
.Titulonewsgbfecha {color: #FF9933}
.Titulonewsgbbarraseparacion {font-size: 13px; color: #CCCCCC; font-family: verdana;}
.Postnewsgbtext1 {
font-size: 11px;
color: #757575;
font-family:"trebuchet MS";
}
.authorcommentsgbnewspequeño {
font-size: 10px;
font-family: verdana;
color: #999999;
}
.comentariosabajogbnews {
font-family: verdana;
font-size: 11px;
font-weight: bold;
color: #FF9933;
}
.gbnewsbordetabla1 {
border: 1px solid #333333;
}
.gbnewsbordetablatitulo {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
.newsbordetablaabajo {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
.gbnewsfintablanadanegro {
font-family: verdana;
font-size: 11px;
color: #080808;
}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
a.linkblanco:link {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:visited {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:active {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:hover {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
.Estilo1 {
font-family: verdana;
font-size: 13px;
}
.gbnewsbordearribatabla {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" cellpadding="5" bgcolor="#0a0a0a" class="gbnewsbordetabla1">
<tr bgcolor="#0a0a0a">
<td bgcolor="#0a0a0a"><strong class="Titulonewsgbfecha Estilo1"> {date}</strong> <span class="Titulonewsgbbarraseparacion">|</span> <span class="Titulonewsgb">[link]<strong>{title}</strong>[/link]</span></td>
</tr>
<tr bgcolor="#0a0a0a">
<td bgcolor="#0a0a0a" class="gbnewsbordetablatitulo"><div align="right" class="authorcommentsgbnewspequeño">
<div align="left">Por: {author} | [com-link]Comentarios: {comments-num}[/com-link]</div>
</div></td>
</tr>
<tr bgcolor="#0a0a0a">
<td class="Postnewsgbtext1"><div align="justify">{short-story}</div></td>
</tr>
<tr>
<td bgcolor="#0a0a0a" class="gbnewsbordearribatabla"><div align="right" class="comentariosabajogbnews">[com-link]Hay {comments-num} comentarios. Deja el tuyo![/com-link] </div></td>
</tr>
</table>
<div align="center"><span class="gbnewsfintablanadanegro">-----</span></div>
</body>
</html>
  #5 (permalink)  
Antiguo 07/10/2008, 10:53
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema estúpido y muy raro con el texto :S

Pero no es en el dibujado del navegador, es en el propio código html donde aparecen los caracteres ya transformados:

Estoy emocionad�simo

¿Te has fijado el formato de codificación en el que has guardado ese archivo? Parece que debe haber sido guardado en ISO-8859-1, mientras que en la cabecera le dices que lo interprete como UTF-8.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 07/10/2008, 10:55
Avatar de radarcba  
Fecha de Ingreso: mayo-2005
Ubicación: ureleando
Mensajes: 505
Antigüedad: 12 años, 6 meses
Puntos: 3
Respuesta: Problema estúpido y muy raro con el texto :S

Cambia esta línea:

Código HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
por

Código HTML:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
Probalo y contanos por favor.
__________________
Maldición va a ser un día hermoso... PR
Tetris, correo & TU IP
  #7 (permalink)  
Antiguo 07/10/2008, 11:24
 
Fecha de Ingreso: diciembre-2007
Mensajes: 115
Antigüedad: 10 años
Puntos: 0
Respuesta: Problema estúpido y muy raro con el texto :S

Intenté, pero nada :(
Véan a ver que hay mal ahora xD

Cita:
<!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>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body {
background-color: #080808;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.Titulonewsgb {
font-family: verdana;
font-size: 13px;
color: #CCCCCC;
font-weight: bold;
}
.Titulonewsgbfecha {color: #FF9933}
.Titulonewsgbbarraseparacion {font-size: 13px; color: #CCCCCC; font-family: verdana;}
.Postnewsgbtext1 {
font-size: 11px;
color: #757575;
font-family:"trebuchet MS";
}
.authorcommentsgbnewspequeño {
font-size: 10px;
font-family: verdana;
color: #999999;
}
.comentariosabajogbnews {
font-family: verdana;
font-size: 11px;
font-weight: bold;
color: #FF9933;
}
.gbnewsbordetabla1 {
border: 1px solid #333333;
}
.gbnewsbordetablatitulo {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
.newsbordetablaabajo {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
.gbnewsfintablanadanegro {
font-family: verdana;
font-size: 11px;
color: #080808;
}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: none;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
a.linkblanco:link {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:visited {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:active {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
a.linkblanco:hover {color:#FF9933; text-decoration:none; font-family:verdana; font-size:11px;}
.Estilo1 {
font-family: verdana;
font-size: 13px;
}
.gbnewsbordearribatabla {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" cellpadding="5" bgcolor="#0a0a0a" class="gbnewsbordetabla1">
<tr bgcolor="#0a0a0a">
<td bgcolor="#0a0a0a"><strong class="Titulonewsgbfecha Estilo1"> {date}</strong> <span class="Titulonewsgbbarraseparacion">|</span> <span class="Titulonewsgb">[link]<strong>{title}</strong>[/link]</span></td>
</tr>
<tr bgcolor="#0a0a0a">
<td bgcolor="#0a0a0a" class="gbnewsbordetablatitulo"><div align="right" class="authorcommentsgbnewspequeño">
<div align="left">Por: {author} | [com-link]Comentarios: {comments-num}[/com-link]</div>
</div></td>
</tr>
<tr bgcolor="#0a0a0a">
<td class="Postnewsgbtext1"><div align="justify">{short-story}</div></td>
</tr>
<tr>
<td bgcolor="#0a0a0a" class="gbnewsbordearribatabla"><div align="right" class="comentariosabajogbnews">[com-link]Hay {comments-num} comentarios. Deja el tuyo![/com-link] </div></td>
</tr>
</table>
<div align="center"><span class="gbnewsfintablanadanegro">-----</span></div>
</body>
</html>
  #8 (permalink)  
Antiguo 07/10/2008, 11:28
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema estúpido y muy raro con el texto :S

Pero tu página sigue arriba como utf-8, ¿no?
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 07/10/2008, 11:34
 
Fecha de Ingreso: diciembre-2007
Mensajes: 115
Antigüedad: 10 años
Puntos: 0
Respuesta: Problema estúpido y muy raro con el texto :S

Hay perdona xD
pero no entiendo donde sigue como UTF-8 no lo veo :S
  #10 (permalink)  
Antiguo 07/10/2008, 11:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema estúpido y muy raro con el texto :S

Pues en la página del enlace que has puesto al principio
Cita:
Por si pueden ayudarme esta es la URL:

http://www.getbritney.es/
sigues teniendo en la cabecera esta declaración:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 07/10/2008, 11:51
 
Fecha de Ingreso: diciembre-2007
Mensajes: 115
Antigüedad: 10 años
Puntos: 0
Respuesta: Problema estúpido y muy raro con el texto :S

BIEEEN POR FIN!
Sí era eso, esk uso una plantilla para el sitio web, y pensé que en cambiar el archivo template.dwt y subirlo con FTP cambiarian todos los archivos que están subidos, pero tuve que subir de nuevo index.php

Muchísimas gracias!!!
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 03:40.