Ayuda con problema en el código HTML letras á en página web.

Iniciado por Kikoneh95, 25 Julio 2016, 18:36 PM

0 Miembros y 1 Visitante están viendo este tema.

Kikoneh95

<!DOCTYPE html>
<html language="es">
<head>

   <meta charset="iso-8559-1"/>
   <meta name="description" content="Enseñanzas en HTML 5"/>
   <meta name="keywords" content="HTML,javascript,CSS3"/>

   <title>Página de programación en HTML 5</title>

   <link rel="stylesheet" href="mihojadeestilos.css"/>

 </head>

<body>

   <header id="cabeceraweb">
      <h1>Este es el título de nuestra página web</h1>

   </header>

   <nav id="navegacionprincipal">
      <ul>
         <li>Quiénes somos</li>
         <li>Nuestros productos</li>
         <li>Contáctanos</li>
         <li>Precios</li>
      </ul>

   </nav>

   <aside id="barralateral">
      <blockquote>Primer elemento</blockquote>
      <blockquote>Segundo elemento</blockquote>
         <blockquote>Tercer elemento</blockquote>
         <blockquote>Cuarto elemento</blockquote>
   </aside>

   <section id="contenidoprincipal">
      <article>
         <header>
            <hgroup>
               <h2>Título de la noticia 1</h2>
               <h3>Subtítulo de la noticia 1</h3>

            </hgroup>

         </header>
           <figure>
             <img src="imagenes web/paisaje sin copyrights.jpg"/>
                 <figcaption>
                  Puesta de sol

                   </figcaption>

         </figure>

              <p><mark>Noticia 1</mark></p>
              <p>Seguimos hablando de <em>noticia 1</em></p>
              <p>Terminamos de hablar de la <strong>noticia 1</strong></p>

           <footer>
            <p>comentarios de usuarios</p>   
         </footer>

      </article>

      <article>
            <header>
               <hgroup>
                <h2>Título de la noticia 2</h2>
                <h3>Subtítulo de la noticia 2</h3>

               </hgroup>

            </header>

               <p><cite>Get rich or die trying</cite></p>
               <p>Unas de las películas mas ganstas que se han rodado de el rap fue <cite>Get rich or dye triying</cite></p>
               <p>Terminamos de hablar de la noticia 2</p>

            <footer>
              <p> opiniones sobre la noticia</p>

            </footer>

      </article>

      <article>
         <header>
            <hgroup>
                 <h2>Título de la noticia 3</h2>
                 <h3>Subtítulo de la noticia 3</h3>

              </hgroup>
                 <time datetime="2014/01/31" pubdate>Notícia publicada el día 31/01/2014</time>

            </header>

               <p>Noticia 3</p>
               <p>Seguimos hablando de noticia 3</p>
               <p>Terminamos de hablar de la noticia 3</p>

            <footer>
             <p>Comentarios</p>

            </footer>

      </article>    

   </section>
   <footer id="pieprincipal">
      <small>Derechos reservados</small> <address>Tfno:976365423</address>

   </footer>

</body>   




</html>

Aqui os dejo el código, nose que pasa pero de repente al querer cambiar una sola etiqueta la de <li> con esto <li style="background-color: #0F0#;>Quienes somos</li>
(todo esto con el sublime text que creo que no lo e metido bien... ;()
pues nose que ha pasado que se me a cambiado las letras de la pagina y se me han puestos todas las a asi à y justo al lado de las a esto ¡ un signo de exclamación necesito que me ayudeis a dejarlo como estaba porque estoy empezaando y nose si es por culpa de la hoja de estilo.css que e metido  :( :( :( que aqui tambien os la voy a dejar

#cabeceraweb{background-color: #BDBDBD}

#navegacionprincipal{background-color: #58FAD0}

#barralateral{background-color: #9FF781; float: left; height: 1020px; }

#contenidoprincipal{background-color: #BE81F7; margin-left: 205px; padding-left: 30px; padding-top: 25px}

#pieprincipal{background-color: #F4FA58; clear: both; margin-top: 35px; }

li{background-color: #F5A9BC; display: inline;}
Gracias y por favor necesito respuestas.

Adrialmend

Te faltan unas " para cerrar el style en el LI. <li style=""> falta la última comilla. Estoy desde el móvil y creo que es eso, sino te funciona avísame y lo miro con e PC.

PD: intenta poner el código entre las etiquetas code cada vez que postees en foro.


Un saludo

MrDaniel

Hola, se trata de la codificación del lenguaje, prueba a poner 'utf-8' en vez de 'iso-8559-1':

<meta charset="utf-8"/>
'Never stop learning'

Kikoneh95

Cita de: Adrialmend en 25 Julio 2016, 19:51 PM
Te faltan unas " para cerrar el style en el LI. <li style=""> falta la última comilla. Estoy desde el móvil y creo que es eso, sino te funciona avísame y lo miro con e PC.

PD: intenta poner el código entre las etiquetas code cada vez que postees en foro.


Un saludo

Cita de: MrDaniel en 25 Julio 2016, 20:14 PM
Hola, se trata de la codificación del lenguaje, prueba a poner 'utf-8' en vez de 'iso-8559-1':

<meta charset="utf-8"/>

Gracias a los dos por responder sobretodo a MrDaniel que me soluciono el problema. solo con parar a leerlo e intentar saber que pasaba me alegra un saludo a los dos y borro el hilo ya que esta solucionado ;)