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>