Foros del Web » Creando para Internet » CSS »

Error con signos ortográficos

Estas en el tema de Error con signos ortográficos en el foro de CSS en Foros del Web. Hola, me he bajado un par de plantillas css. Las modifico en modo diseño con dreamweaver y cuando las subo a mi servidor, las tildes ...
  #1 (permalink)  
Antiguo 15/08/2008, 11:04
 
Fecha de Ingreso: febrero-2008
Ubicación: Madrid
Mensajes: 474
Antigüedad: 9 años, 10 meses
Puntos: 1
Exclamación Error con signos ortográficos

Hola, me he bajado un par de plantillas css. Las modifico en modo diseño con dreamweaver y cuando las subo a mi servidor, las tildes y demás se ven mal, si por ejemplo pongo camión, me aparece cami3n y cosas así... sabeis porque?

os dejo el codigo del index de la plantilla:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Logistix by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1>Logistix</h1>
<h2>By Free CSS Templates</h2>
</div>
<!-- end #header -->
<div id="menu">
<ul>
<li class="first"><a href="#" accesskey="1" title="">About Us</a></li>
<li><a href="#" accesskey="2" title="">Our Services</a></li>
<li><a href="#" accesskey="3" title="">Our Products</a></li>
<li><a href="#" accesskey="4" title="">Customer Support</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="content">
<div id="posts">
<div class="post">
<h2 class="title">Welcome to Logistix!</h2>
<div class="story">
<p><strong>Logistix</strong> is a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <em><strong>Enjoy :)</strong></em></p>
</div>
</div>
<div class="post">
<h2 class="title">A Few Examples of Common Tags</h2>
<div class="story">
<p><strong></strong>This is an example of a paragraph followed by a blockquote. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat lorem ipsum dolorem.</p>
<blockquote>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>An unordered list example:</p>
<ul>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three </li>
</ul>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number three</li>
</ol>
</div>
</div>
</div>
<!-- end #posts -->
<div id="links">
<ul>
<li>
<h2>News &amp; Updates</h2>
<ul>
<li><a href="#">February 2007</a> <i>(22)</i></li>
<li><a href="#">January 2007</a> <i>(31)</i></li>
<li><a href="#">December 2006</a> <i>(31)</i></li>
<li><a href="#">November 2006</a> <i>(30)</i></li>
<li><a href="#">October 2006</a> <i>(31)</i></li>
</ul>
</li>
<li>
<h2>Lorem Ipsum Dolor</h2>
<ul>
<li><a href="#">Donec Dictum Metus</a></li>
<li><a href="#">Etiam Rhoncus Volutpat</a></li>
<li><a href="#">Integer Gravida Nibh</a></li>
<li><a href="#">Maecenas Luctus Lectus</a></li>
<li><a href="#">Mauris Vulputate Dolor Nibh</a></li>
<li><a href="#">Nulla Luctus Eleifend</a></li>
<li><a href="#">Posuere Augue Sit Nisl</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #links -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright &copy; 2007 Logistix. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>


Y el documento de las css:

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.jpg) repeat-x;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
color: #666666;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #F49500;
}

h2 {
text-transform: uppercase;
font-size: 18px;
}

h3 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
}

p, blockquote, ul, ol {
line-height: 18px;
text-align: justify;
}

blockquote {
padding-left: 20px;
background: url(images/img05.gif) repeat-y;
}

a {
color: #F49500;
}

a:hover {
text-decoration: none;
}

/* Header */

#header {
width: 760px;
height: 180px;
margin: 0 auto;
background: url(images/img02.jpg);
}

#header h1, #header h2 {
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}

#header h1 {
float: left;
padding: 120px 0 0 20px;
font-size: 36px;
}

#header h2 {
float: right;
padding: 134px 20px 0 0;
font-size: 22px;
}

/* Menu */

#menu {
width: 760px;
height: 50px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
padding: 17px 20px 0 20px;
background: url(images/img03.gif) no-repeat;
text-transform: uppercase;
text-decoration: none;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #D8D8D8;
}

#menu a:hover {
color: #FFFFFF;
}

#menu .first a {
background: none;
}

/* Content */

#content {
width: 720px;
margin: 0 auto 20px auto;
padding: 20px;
background: #FFFFFF url(images/img04.jpg) repeat-x left bottom;
}

/* Posts */

#posts {
float: left;
width: 480px;
}

/* Links */

#links {
float: right;
width: 200px;
padding-left: 20px;
background: url(images/img05.gif) repeat-y;
}

#links ul {
margin: 0;
padding: 0;
list-style: none;
}

#links li ul {
padding: 5px 0 30px 0;
}

#links li li {
padding: 7px 10px;
background: url(images/img06.gif) repeat-x left bottom;
}

#links li a {
text-decoration: none;
}

#links li a:hover {
text-decoration: underline;
}

#links li i {
font-style: normal;
font-size: 9px;
}

#links li h2 {
font-size: 14px;
}

/* Footer */

#footer {
height: 100px;
padding: 20px;
background: #2D2D2D url(images/img07.gif) repeat-x;
}

#footer p {
text-align: center;
color: #999999;
}

Muchas gracias.
  #2 (permalink)  
Antiguo 15/08/2008, 11:33
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Error con signos ortográficos

esto se debe a q si utilizas codificacion utf-8 el archivo al guardalo debes guardarlo con la misma codificción
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 15/08/2008, 12:24
Avatar de Avatar810  
Fecha de Ingreso: agosto-2007
Ubicación: Por rumbos Regios
Mensajes: 485
Antigüedad: 10 años, 3 meses
Puntos: 23
Respuesta: Error con signos ortográficos

Revisa estos post, aquí ya se toco el tema

Error simbolos en lugar de letras acentuadas

http://www.forosdelweb.com/f18/error-simbolos-lugar-letras-acentuadas-613611/
  #4 (permalink)  
Antiguo 15/08/2008, 12:25
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: Error con signos ortográficos

Cita:
Iniciado por emiliodeg Ver Mensaje
esto se debe a q si utilizas codificacion utf-8 el archivo al guardalo debes guardarlo con la misma codificción
Cierto, y además te debes asegurar de que tu servidor tiene cargado el charset de UTF-8, que ya hemos comprobado que algunos hosting no lo tienen activado por defecto.

Si la estás haciendo en castellano, cambia tu charset por ISO-8859-1 y olvídate.
__________________
Visita mi nueva web idplus.org
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 22:19.