En lugar de caracteres especiales salen signos extraños

juanfh246 · #1 (**permalink**) 04/10/2012, 09:29

mi pagina muestra signos extraños en lugar de algunos caracteres especiales, ya le especifique charset utf 8 en el meta y nada le he puesto lang="es" y nada y ahora tengo un slide el nivoslide y salen muchos de estos signos sobre la imagen, alguna idea de q pueda ser?

aqui les dejo parte del codigo y el enlace a la pag:

si ven el codigo fuente se pueden fijar q los signos raros en el slide se pueden ver en el cod fuente, tambn pueden ver q cuando publico este tema en la parte del slide salen asteriscos donde en la pag salen los signo :!

http://www.gobernacionsd.comyr.com

Código:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="es">
<link rel="stylesheet" type="txt/css" href="/gobernacioncss.css" media="screen">
<title>GobernaciÃ³n de SD</title>
<!-- --------------------------------------drop-down list----------------------------------------------------------- -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("#slide").click(function(){
		$(".menuhidden1").toggle(700);
	});

</script>

<!-- ------------------------------------slideimages----------------------------------------------------------------- -->
<link rel="stylesheet" href="nivostyles/nivo-slider.css" type="text/css" media="screen"> <!-- carga estilo nivo-slider.css -->
<link rel="stylesheet" href="nivostyles/default.css" type="text/css" media="screen"> <!-- carga estilo theme default.css -->
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script> <!-- carga jQuery -->
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- carga plugin jquery.nivo.slider.pack.js -->
 <script type="text/javascript">
    $(window).load(function() {
            $('#slider').nivoSlider(); // Carga de NivoSlider
    });
</script><!-- carga el slider cuando el navegador estÃ¡ dispuesto-->

</head>
<body style="margin-left:auto;margin-right:auto;">
<!-- -----------------------------------------------CABECERA--------------------------------------------------------- -->
<div class="head" style="margin-left:auto;margin-right:auto;">
<a href="http://www.gobernacionsd.comyr.com/"><img src="logo/gobernacion.PNG" width="100%" height="20%" alt="logo"></a>
</div>

<!-- -----------------------------------------------MENU----------------------------------------------------------- -->

<br><br><br>


<div class="menu" style="margin-left:auto;position:relative;margin-right:auto;height:35px;background-color:#333;-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;">
<ul style="margin-left:auto;margin-righ:auto;width:90%;height:30px;">

<li class="cont" style="list-style-type: none; display: block; background-color: rgb(51, 51, 51); border-left-width: 2px; border-style: none none none inset; border-left-color: black; font-size: large; text-align: center; float: left; position: relative; height: 32px; width: 18%; "><a href="#" style="color:white;text-decoration:none;" onmouseout="this.style.border='0 none #333';"><b>Inicio</b></a></li>


<a href="#" style="color:white;text-decoration:none;"></a><li class="cont" id="slide" style="list-style-type: none; display: block; background-color: rgb(51, 51, 51); border-left-width: 2px; border-style: none none none inset; border-left-color: black; font-size: large; text-align: center; float: left; position: relative; height: 32px; width: 18%; "><a href="#" style="color:white;text-decoration:none;"><b style="color:#FFF;">Planes y Programas</b>

</a><ul class="menuhidden1" style="display:none;background-color:#333;width:175px;height:auto;position:relative;"><a href="#" style="color:white;text-decoration:none;">
</a><div class="menuhidden" style="text-align:center;background-color:#333;width:175px;height:100px;-moz-border-radius:0px
 0px 15px 15px;-webkit-border-radius:0px 0px 15px 
15px;-ms-border-radius:0px 0px 15px 15px;-o-border-radius:0px 0px 15px 
15px;"><a href="#" style="color:white;text-decoration:none;">
<br>
</a><li class="tabs" style="z-index:1;list-style-type:none;display:inline;text-align:center;margin-right:5px;height:23px;width:18%;"><a href="#" style="color:white;text-decoration:none;"></a><a href="http://gobernacionsd.comyr.com/alfabetizacion.php" style="color:#06F;color:white;text-decoration:none;"><b>AlfabetizaciÃ³n</b></a></li><br>


<li class="tabs" style="z-index:1;list-style-type:none;display:inline;text-align:center;margin-right:5px;height:23px;width:18%;"><a href="http://gobernacionsd.comyr.com/obras.php" style="color:#06F;color:white;text-decoration:none;"><b>Obras</b></a></li><br>


<li class="tabs" style="z-index:1;list-style-type:none;display:inline;text-align:center;margin-right:5px;height:23px;width:18%;"><a href="http://gobernacionsd.comyr.com/comunidad.php" style="color:#06F;color:white;text-decoration:none;"><b>Comunidad</b></a></li><br>
</div>
</ul>
</li>

<li class="cont"  style="list-style-type: none; display: block; background-color: rgb(51, 51, 51); border-left-width: 2px; border-style: none none none inset; border-left-color: black; font-size: large; text-align: center; float: left; position: relative; height: 32px; width: 18%; "><a href="actividades.php" style="color:white;text-decoration:none;"><b>Actividades</b></a></li>

<li class="cont"  style="list-style-type: none; display: block; background-color: rgb(51, 51, 51); border-left-width: 2px; border-style: none none none inset; border-left-color: black; font-size: large; text-align: center; float: left; position: relative; height: 32px; width: 18%; "><a href="http://gobernacionsd.comyr.com/elgobernador.php" style="color:white;text-decoration:none;"><b>El Gobernador</b></a></li>

<li class="cont"  style="list-style-type:none;display:inline;display:block;background-color:#333;border:2px inset black;font-size:large;border-right:none;border-bottom:none;border-top:none;text-align:center;float:left;position:relative;height:32px;width:18%;"><a href="http://gobernacionsd.comyr.com/contactos.html" style="color:white;text-decoration:none;"><b>Contactos</b></a></li>
</ul>
</div>
<br><br>
<hr>

<!-- -----------------------------------------------CONTENIDO------------------------------------------------------- -->

<div class="fondocont" style="width:100%;float:left;">
<div class="contenido" style="position:relative;width:100%;margin: 0 auto;">

<ul>
<li class="contenidoiz" style="list-style-type:none;display:inline;float:left;z-index:-1;border-right:2px solid #CCC;position:relative;height:auto;width:60%;">

<ul class="principalesdiv" style="width:auto;z-index:-1;position:relative;">
<div class="principalesdiv" style="width:auto;z-index:-1;position:relative;">

<li class="principales" style="z-index:-1;list-style-type:none;display:inline;loat:left;text-align:center;position:relative;width:100%;height:auto;margin-left:20px;margin-right:20px;">
    </li>
    </a>

</div><br>

<li style="list-style-type:none;display:inline;float:left;width:100%;word-wrap:break-word;margin-right:5px;height:auto;border-top:2px solid #999;border-right:2px solid #999;"><hr>
    
    	
    </li>
</ul>
</li></ul>
<br><br>




<ul>
<li class="contenidoder" style="list-style-type:none;display:inline;float:right;clear:right;width:300px;position:relative;">
<ul>
<!-- -----------------------------------------------Slide----------------------------------------------------- -->
<div id="wrapper">
* * <div class="slider-wrapper theme-default">
* * * * <div id="slider" class="nivoSlider" style="margin-bottom:40px;">
* * * * * * <img src="php/imagenes/danilo_dice_no_fija_fecha.jpeg" alt="" title="<b>Danilo dice no fija fecha para envio de presupuesto</b>" />
* * * * * * <img src="php/imagenes/NiÃ±as 1.jpg" alt="" title="<b>Gobernador de Santo Domingo entrega cheques a niñas con discapacidad</b>" /> <!--Imagen link con titulo simple-->
            <img src="php/imagenes/uso_de_celulares.jpeg" alt="" data-transition="slideInLeft" title="<b>Uso de celulares y videos expone niños a la miopia</b>" />
            <img src="php/imagenes/medina_sorprende_agentes.jpeg" alt="" title="<b>Medina sorprende agentes de Nisibon donde pidio pasar al baño</b>" /> <!-- Imagen con título en html -->
* * * * </div>
* * </div>
</div>

<li class="publicidad" style="list-style-type:none;display:inline;float:right;position:relative;">
<iframe width="300px" height="300px" src="http://www.youtube.com/embed/zUTQ9NsB_a4" frameborder="0" allowfullscreen=""></iframe>
</li>
<li class="publicidad" style="list-style-type:none;display:inline;float:right;position:relative;">
<img src="publicidad/publicidadorange.jpg" width="300px" heigth="217px" alt="pub">
</li>
<li class="publicidad" style="list-style-type:none;display:inline;float:right;position:relative;">
<img src="publicidad/publicidadorange.jpg" width="300px" heigth="217px" alt="pub">
</li>
<li class="publicidad" style="list-style-type:none;display:inline;float:right;position:relative;">
</li>

</ul>

</li></ul>

<!-- -------------------------------------------------FOOTER------------------------------------------ -->


</div></div>

</body>
</html>

pzin · #2 (**permalink**) 04/10/2012, 09:32

¿Lo guardas en la codificación que indicas?

juanfh246 · #3 (**permalink**) 04/10/2012, 09:45

Cita:

Iniciado por Hiil

Yo digo que sólo es agregar el ISO:

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

le agregue el iso y se fueron los signos pero entonces se ven arrobas(@) y unos caracteres extraños en vez de los acentos :/

juanfh246 · #4 (**permalink**) 04/10/2012, 09:49

Cita:

Iniciado por Bonez

¿Lo guardas en la codificación que indicas?

sii, lo guarde en utf-8 y nada, si te refieres a cuando edite el documento si lo guarde en utf-8. :/

pzin · #5 (**permalink**) 04/10/2012, 11:07

O usas ISO-8859-1 o UTF-8 —u otra cualquiera. Pero tiene que ser siempre la misma codificación, la que indicas y la que usas.

De todas formas, en el código que posteas aquí, ya salen signos raritos. Igual es que en algún momento lo cambiaste de codificación, y algunos programas, no sé porqué, al cambiar de codificación se cargan acentos, eñes y demás y lo cambian por signos.

emprear · #6 (**permalink**) 04/10/2012, 17:14

Es que tenés una mezcla de aquellas.
Por empezar la página tiene un header iso-8859-1

Para que todo funcione correctamente

Declarar un meta utf-8 en tu html/php
Asegurarte que el server no pasa algún header con otra codificación, lo cual podés corregir en .htaccess con, por ejemplo
AddCharset UTF-8 .html
AddCharset UTF-8 .php

Al parecer estas cargando las noticias desde una bd (+ Ajax tal vez), en ese caso también el contenido de tu bd debe ser enviado con utf-8, esto generalmente se soluciona con agregar tras la conexión a la BD

Código PHP:

Ver original$seleccion_BD = mysql_select_db($sql_base,$conectar_BD);
mysql_set_charset("utf8",$conectar_BD);

Tus php, html, js y css deben además ser guardados por el editor de texto como utf-8 sin BOM ("no signature")

Saludos

juanfh246 · #7 (**permalink**) 08/10/2012, 11:10

Cita:

Iniciado por emprear

Es que tenés una mezcla de aquellas.
Por empezar la página tiene un header iso-8859-1

Para que todo funcione correctamente

Declarar un meta utf-8 en tu html/php
Asegurarte que el server no pasa algún header con otra codificación, lo cual podés corregir en .htaccess con, por ejemplo
AddCharset UTF-8 .html
AddCharset UTF-8 .php

Al parecer estas cargando las noticias desde una bd (+ Ajax tal vez), en ese caso también el contenido de tu bd debe ser enviado con utf-8, esto generalmente se soluciona con agregar tras la conexión a la BD

Código PHP:

Ver original$seleccion_BD = mysql_select_db($sql_base,$conectar_BD);
mysql_set_charset("utf8",$conectar_BD);

Tus php, html, js y css deben además ser guardados por el editor de texto como utf-8 sin BOM ("no signature")

Saludos

hola, lo hice pero sigue igual, excepto por lo del htacces, donde le pongo esos parametros? al abrir el archivo sale en blanco con una linea q lo q dice es q si la borro dejara de funcionar otra cosa y no sale mas nada, donde exactamente debo agregar esos parametros q dices "AddCharset UTF-8 .html
AddCharset UTF-8 .php" ?

emprear · #8 (**permalink**) 08/10/2012, 11:15

Esa linea en el .htaccess que es lo que dice?

Saludos

C2am · #9 (**permalink**) 08/10/2012, 11:34

¿Cuando guardas el html, o php en qué codificación lo haces?

Por más que le pongas un meta charset=utf-8, si el archivo está creado con otra codificación tendrás problemas.

Saludos

Maquetación: ¿por qué metes todo dentro de listas? Deberías reevaluar la forma de maquetar que tienes.
La sección de noticias que tienes dentro de un div, dentro de un ul, dentro de un li, dentro de un ul dentro de li, dentro de un div, dentro...
Se supone que son párrafos, con un simple:

Código HTML:

Ver original<div>
<h2>titulo</h2>
<img />
<p>blablablaba </p>
</div>

Y si quieres ponerle un pie a cada noticia con un <div> o <p> extra lo logras.

Código HTML:

Ver original<div>
<h2>titulo</h2>
<img />
<p>blablablaba </p>
<div>pie</div>
</div>

También sería hora de comenzar a utilizar html5, digo, es solo una sugerencia.
Disculpa que no tenga nada que ver con el tema planteado, pero me pareció importante.

juanfh246 · #10 (**permalink**) 09/10/2012, 12:27

ya resolvi el problema, saque todos los archivos y los guarde uno por uno con utf8 por si a caso xD, Gracias :)

juanfh246 · #11 (**permalink**) 09/10/2012, 12:42

Cita:

Iniciado por emprear

Esa linea en el .htaccess que es lo que dice?

Saludos

en el archivo .htacces lo q dice es "# Do not remove this line, otherwise mod_rewrite rules will stop working
RewriteBase /" sin las comillas, pero no te preocupes ya resolvi el problema, saque todos los archivos del servidor y los guarde en utf8 uno por uno, lo q pasaba es q habian algunos archivos que usaban ANSI :), grax por la ayuda a todos.