No se visualizan bien los caracteres especialesTema Solucionado

[Cruciattus]

Hola, estoy poniendo un bloque de anuncios en un archivo banuncios.html que se verá debajo del header. El bloque de anuncios tiene unos caracteres especiales, que son estos:

y a mi se me ven asi


Como puedo hacer para que se vean como en el primer scan?? no es problema de migracion porque las Ñ y el muchos caracteres especiales mas, si funcionan, gracias

[Megabyte]

Depende del formato que tenga tu archivo. Si deseas adjuntalo acá.

[Cruciattus]

Es este

SPOILER_SHOW

Código: Seleccionar todo

<center>
    <table style="background-color: #241c1d ; border: 8px solid #1a1112; color:#FFFFFF; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; width:600px;"><tr><td align="left" vertical-align="middle" style="padding-left:8px;  padding-bottom:5px; padding:10px 10px 10px 10px; text-shadow: #fffffff 1px 1px 1px; ">
    <td class="windowbg" valign="top" width="30%" padding="0px" align="center" style="font-size: 8px;"><br><div style="color: #585b5d; text-shadow: 2px 1px 2px #000000; font-family: Impact; font-size: 30px; line-height: 20pt; letter-spacing: 4px; text-transform: uppercase;">BIENVENIDO</div><div class="boh" style="height:115px; background-color:#332a2a; font-family:arial; font-size:8px; text-align:justify; opacity:.5.5; height: 370px; width: 200px; overflow:auto; padding:5px; border-radius: 0px 0px 0px 0px;"><div style=" font-family: arial; font-size: 12px; line-height:92%; text-align:justify;"><br><div class="boh" style="font-family:arial; font-size:10px; color: #000000;">
    ESCRIBE AQUÍ UNA BREVE HISTORIA DE TU FORO</div>
    </div><div style="font-family: Yanone Kaffeesatz; font-size:17px; text-align: center; color: #ffffff; border-bottom: dashed 1px #ffffff; padding-bottom:0px; text-align:left;">»Trailer</div>
    <center><iframe width="181" height="102" src="URL DE UN VIDEO/TRAILER" frameborder="0" allowfullscreen></iframe></center>
    </div>
    </td>

    <br>
    <td class="windowbg" valign="top" width="30%" padding="0px" align="left" style="font-size: 8px; "><div style="color: #585b5d; text-shadow: 1px 0 1px #000000; font-family: Swiss921 BT; font-size: 30px; line-height: 20pt; letter-spacing: 4px; text-transform: uppercase;"><br>»NEWS</div><div class="boh" style="height:115px; background-color:#332a2a; font-family:arial; font-size:12px; text-align: center; opacity: 5.5; height: 90px; width: 190px; padding:5px;"><marquee onmouseover="this.stop()" style="border: 0px solid ; padding: 0px; margin-left: 2px; margin-bottom: 0px; width: 180px; height: 50px;" onmouseout="this.start()" scrollamount="1" scrolldelay="1" direction="up" class="fond02"><center>
    <a href="URL DE TU FORO"><font color="white"><i>{20.03}</i></font> TEXTO</a>
    <a href="URL DE TU FORO"><font color="white"><i>{20.03}</i></font> TEXTO</a>
    <a href="URL DE TU FORO"><font color="white"><i>{20.03}</i></font> TEXTO</a>

    </center>
    </marquee>


    </div><br><div style="color: #585b5d; text-shadow: 1px 0 1px #000000; font-family: Swiss921 BT; font-size: 30px; line-height: 20pt; letter-spacing: 4px; text-transform: uppercase;">»LINKS</div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="http://beatofheart.foroactivo.com/">»Staff</a>
    </div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="URL DE TU FORO">»TEXTO</a></div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="URL DE TU FORO">»TEXTO</a></div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="URLS DE TU FORO">»TEXTO</a>
    </div><div style="background: #ECF3FF; height:25px; margin:2px 0px; text-align: center; font-family: Yanone Kaffeesatz; font-size:20px; text-transform: uppercase; color:#2D3748; padding-top:5px;"><a href="URL DE TU FORO">»TEXTO</a>
    </div><div style="color: #585b5d; text-shadow: 1px 0 1px #000000; font-family: Swiss921 BT; font-size: 8px; line-height: 20pt; letter-spacing: 3px; text-transform: uppercase;"><center>»Obra de<a href="https://twitter.com/#!/sunnyponcia"> AliceWolfgang<span style="font-size: 10px; line-height: normal">©</span></a> para <a href="http://sourcecode.foroactivo.com/u213">SourceCode</a></center></div>

    </td>

    <br>

    <td class="windowbg" valign="top" width="30%" padding="0px" align="center" style="font-size: 8px;"><br><div style="color: #585b5d; text-shadow: 2px 1px 2px #000000; font-family: Impact; font-size: 30px; line-height: 20pt; letter-spacing: 4px; text-transform: uppercase;">¡NORMAS!</div><div class="boh" style="height:115px; background-color:#332a2a; font-family:arial; font-size:8px; text-align:justify; opacity:.5.5; height: 370px; width: 200px; overflow:auto; padding:5px; border-radius: 0px 0px 0px 0px;"><div style=" font-family: arial; font-size: 12px; line-height:92%; text-align:justify;"><br><div class="boh" style="font-family:arial; font-size:10px; color: #000000;"><div style="font-family: Yanone Kaffeesatz; font-size:15px; text-align: center; color: #ffffff; border-bottom: dashed 1px #ffffff; padding-bottom:2px; text-align:left;">»TEXTO</div>

    TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO

    <br><div style="font-family: Yanone Kaffeesatz; font-size:15px; text-align: center; color: #ffffff; border-bottom: dashed 1px #ffffff; padding-bottom:2px; text-align:right;">»TEXTO</div>

    TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO

    <br><div style="font-family: Yanone Kaffeesatz; font-size:15px; text-align: center; color: #ffffff; border-bottom: dashed 1px #ffffff; padding-bottom:2px; text-align:left;">»TEXTO</div>

    TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO

    </div>
    </div></div></td>

    </td></tr></table></center>

[Megabyte]

Hubiera preferido que lo adjuntaras.

La cosa es que lo estés guardando en UTF-8 Sin BOM.
El contenido de éste no es tan relevante, como la forma en que lo estás guardando. Cheka eso.

[Cruciattus]

El contenido es de este foro de codigos
http://www.oursourcecode.net/
no te puedo pasar el enlace porque para verlo tienes que postear en el tema. El codigo es ese.
Donde miro eso del UTF-8 Sin BOM? gracias!

[Megabyte]

cuando modificas un archivo lo bajas y lo vuelves a subir??

si es asi,utilizas el Notepad++ ??? este programa es el ideal para ediciones.

[Cruciattus]

Bueno, no edité nada. Simplemente copié y pegué el codigo en el overall_header.html para ver como quedaba puesto. Pero me encontré con ese problema. Me gustaria solucionarlo, ya que quiero usar ese bloque de anuncios.

[Persephone]

¿Como copiaste y pegaste en el overall_header.html sin editar?

A lo que se refiere Megabyte, es que al abrir el archivo overall_header.html para copiarle el código del bloque de anuncio (al hacer eso lo estas editando), lo abras para ello con el programa Notepad++. Para así poder codificar el archivo correctamente en UTF-8 Sin BOM. Ya que mientras no lo codifiques correctamente seguirás teniendo problemas con los caracteres.

[Cruciattus]

Bueno a ver, yo me bajé el archivo overall a traves del ftp a mi pc, abri el archivo con el Dreamweaver, puse el codigo tal cual lo cogi del foro de codigos, cerré el archivo guardando cambios y lo subi por ftp de nuevo. A eso os referís?. Gracias!.

[Persephone]

Si a eso nos referimos, porque el Notepad++ tiene una opción para codificar los archivos. Así te evitas esos problemas con los caracteres entre otro. Mira te pongo una captura de donde esta la opción a la que nos referimos.
[thumbnail]http://i887.photobucket.com/albums/ac80 ... otepad.jpg[/thumbnail]

Abres el overall_header.html le copias el código del bloque de anuncio y le das donde puedes ver en la captura antes de guardarlo.

[Cruciattus]

Muchisimas gracias! en serio, no sabes lo valiosa que es la ayuda de una captura a tiempo xD voy a intentarlo ahora.

[Persephone]

De nada, espero que codificandolo correctamente ya se te soluciones el problema de los caracteres

[Cruciattus]

Hum me sabe mal ser molesta, pero escojo la opcion UTF-8 Sin BOM, y efectivamente, los caracteres son sustituidos por otros, pero al cerrar el archivo no me sale el tipico aviso de "quiere guardar cambios". Se cierra sin mas, lo he subido y no se corrije lo de los caracteres. Tengo que darle a alguna cosa mas para que en el archivo se quede marcada la opcion UTF-8 Sin BOM?. Lo he intentado dandole a "guardar como" y tal, pero nada.

[Persephone]

Tienes que guardarlo en el mismo sitio donde tengas el overall_header.html para que te lo sobrescriba. Ponlo en el escritorio, ábrelo con el notepad++, le pegas el código del anuncio y le das a la opción de codificar en UTF-8 Sin BOM. Después le das a guardar como y lo guardas en el escritorio. Te pedirá sobrescribir el archivo porque ya existe. Le dices que si y lo subes vía FTP, sobrescribiendo el existente en la carpeta template de tu estilo. Una vez hecho esto actualiza el estilo desde el ACP y limpia cache para ver los cambios.

[Cruciattus]

Que raro, sigue sin funcionar. Y refresco la pantalla CTRL+F5
http://zonadepruebas.comoj.com/