[SOLUCIONADO] Errores con acentos

lbp · #1 (**permalink**) 07/04/2013, 23:18

Buenos días a todos.
Después de leer por todos lados, no encuentro la solución a mi problema.
He descargado una plantilla la cual he modificado sin problemas para hacer mi web.
En cuanto he querido poner acentos y "ñ" ha empezado el problema, tanto en local como en el server ya que no se pueden ver.
Lo estoy haciendo con Expression Web 4.0 y la cabezera es la siguiente:

<!DOCTYPE html>
<html lang="es">
<head>
<title> Mi pagina web </title>
<meta content="es" http-equiv="Content-Language">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Open_Sans_400.font.js" type="text/javascript"></script>
<script src="js/Open_Sans_Light_300.font.js" type="text/javascript"></script>
<script src="js/Open_Sans_Semibold_600.font.js" type="text/javascript"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<style type="text/css">
.auto-style1 {
width: 100%;
overflow: hidden;
margin-left: 0;
margin-top: 0;
padding-right: 0;
padding-top: 0;
}
.auto-style2 {
overflow: hidden;
margin-top: 0;
}
.auto-style3 {
width: 100%;
overflow: hidden;
margin-top: 4;
}
.auto-style4 {
width: 100%;
overflow: hidden;
margin-top: 0px;
}
.auto-style5 {
font-size: large;
}
</style>



a ver si alguien me hacer ver la luz por favor, estoy estancado con esto desde hacer días.

Saludos

pitufoweb · #2 (**permalink**) 07/04/2013, 23:41

Hola,

Generalmente solo tienes que hacer 2 cosas.

1. poner el meta charset="utf-8"
2. Guardar tu documento como utf-8

Saludos

lbp · #3 (**permalink**) 08/04/2013, 00:14

Gracias por responder tan pronto.

El primer punto ya esta puesto.

El segundo punto,¿ como lo debo de hacer ??? desde el Expresión web 4.0 no encuentro la opción.

Saludos

pzin · #4 (**permalink**) 08/04/2013, 01:38

Normalmente al guardar el archivo te da la opción de guardarlo con una u otra codificación, y si no hay nada ahí, en el menú de archivo suele estar.

lbp · #5 (**permalink**) 08/04/2013, 02:14

Lo he buscado en el menú de "guardar como " de Expression web y no lo encuentro y con el Notepad++ y Dreamweaver tampoco lo se ver..........

Saludos

pzin · #6 (**permalink**) 08/04/2013, 02:25

¿No había un menú de formato en Notepad++? No me acuerdo, pero me suena que si.

lbp · #7 (**permalink**) 08/04/2013, 02:50

Bueno, finalmente mediante el Notepad++ he conseguido verlo.
el documento estaba como "Unicode UTF-8 son BOM" y lo he guardado como UTF-8 confirmado que se me guardan los cambios pero no hay manera con los acentos, ni poniéndolo directamente como letra acentuada ni poniéndolo como &oacute en el caso de la "o" acentuada.

lbp · #8 (**permalink**) 08/04/2013, 05:02

Otra cosa
Cuando visualizo en local, puedo ver el acento pero cuando se carga la página, sale el mensaje de Internet Explorer que dice " internet explorer no permitio que esta pagina ejecutara scripts o controles Active X en el equipo " y cuando le doy a "permitir contenido bloqueado" directamente desparecen los caracteres con acento o Ñ

Kamae · #9 (**permalink**) 08/04/2013, 05:43

Hola lbp

Desde Notepadd++ lo puedes cambiar en el menú superior de Codificación. Te recomiendo que uses UTF-8 sin BOM, ya que si no le indicas que sea sin BOM, te mete un Byte al principio del fichero y en algunos casos y según la versión del PHP puede ocasionarte problemas.

Luego la cabecera del header que has puesto está bien. Prueba una cosa, abre tu página con FireFox o Chrome y mira a ver qué codificación te está cogiendo:

Código PHP:

  Chrome -> Herramientas / Codificación
FireFox -> Ver / Codificación de caracteres

Porque otra pregunta: ¿se te ve mal todo? ¿O sólo lo que recoges de la base de datos?

Prueba también a poner en PHP esta instrucción, antes de cualquier echo o texto <html>, para ir bien al inicio de todo:

Código PHP:

  header('Content-Type: text/html; charset=utf-8');

Comenta los resultados. Saludos!

Kamae · #10 (**permalink**) 08/04/2013, 08:02

Bueno por lo que dices no ha funcionado, he entrado para verlo y creo que sé donde está el problema, pero no sé la solución.

Estás usando pluggins que te modifican la visualización. Si te fijas, cuando pulsas F12 en el navegador puedes ver el código fuente y demás, y toquetear en tiempo real. Así es como he visto que, por ejemplo, donde dice Misin que debe decir Misión, en el código fuente sale bien escrito, por lo tanto no es culpa de la codificación, sino que el pluggin no parece ir bien con acentos. He probado a cambiarle la ó por ó pero sigue sin cogerlo. Pero ya te digo, es el pluggin ese que usas, seguramente sea inglés y como no tienen acentos ni se han preocupado.

( Ver en tamaño completo )

O buscas otro, o dejas de usarlo, o intentas mejorarlo, o a ver si alguien más se le ocurre algo.

Saludos!

lbp · #11 (**permalink**) 08/04/2013, 08:24

Muchas gracias Kamae por la respuesta.
Esto escapa ya a mis conocimientos mas bien básicos.....
A ver si algún alma caritativa me puede decir por donde buscar la solución.

Saludos

lbp · #12 (**permalink**) 08/04/2013, 09:43

Bueno, después de la respuesta de Kamae he estado mirando un poco mas por internet y he seguido centrando mas el problema, pero sin saber como resolverlo.

Ya tengo claro que el problema viene del archivo cufon-yui.js ( <script src="js/cufon-yui.js" type="text/javascript"></script> ) que lo que hace es que al cargar la web, independientemente de lo que tu le pongas, carga las fuentes que tiene incrustadas en su archivo .js.

No pretendo cambiar todo el archivo cufon-yui ya que no se exactamente lo que me variaría de toda la web que tengo bastante avanzada pero si que necesitaría incrustarle , a ese mismo archivo los acentos y eñes, pero no se como hacer eso

Alguien que conozca del caso.????

Saludos

lbp · #13 (**permalink**) 08/04/2013, 10:09

Bueno, la solución ha sido mas fácil de lo que esperaba.

El erro venia dado por el archivo cufon-yui.js que tenia unas fuentes precargadas y por mas que yo modificaba, todo se volvia a modificar cuando cargaba las fuentes predefinidas en el archivo.
Como estaba en Ingles, pues ni acentos ni Ñ ni nada......
He entrado en la web de Cufon ; http://www.cufonfonts.com/es/ me he bajado un archivo completo, con todos los caracteres de la fuente y simplemente lo he renombrado con el que yo tenia , que era cufon-yui.js y a funcionar todo, con Ñ y acentos incluidos.

La única precaución que hay que tener es escoger la fuente mas similar a la tuya para que no te modifique demasiado el trabajo que has hecho hasta ahora.

Tema cerrado

Gracias a todos por el interés.

pzin · #14 (**permalink**) 08/04/2013, 13:56

También podrías prescindir de Cufon y otras majaderías de antaño —saludos sIRF— y usar fuentes mediante CSS.

Ahí tienes Google Web Fonts para que te aburras eligiendo alguna fuente y sólo enlazar el archivo CSS, o si necesitas algo más concreto o tengas la fuente puedes usar el generador de FontSquirrel.