Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 7 de 7

Tema: Enlazar hoja de estilos con archivo htlm

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    13 feb, 13
    Mensajes
    4
    Poder de Reputación
    0

    Enlazar hoja de estilos con archivo htlm

    Estoy siguiendo el curso, y cuando hago la comprobación que me indicas en el curso de estilos, no la pilla:

    ARCHIVO index.html

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8" />
    <script src="http://modernizr.com/downloads/modernizr.js"></script>
    <title>Titulo</title>
    <link rel="stylesheet" href="estilos.css">
    </head>
    <body>
    <div id="centrado">
    <header>
    <hgroup>
    <h1>(( TITULO ))</h1>
    <h2>(( DESCRIPCION DE LA WEB ))</h2>
    </hgroup>
    <div id="logotipo">(( LOGOTIPO ))</div>
    </header>
    <id ="contenido">
    <nav>
    <h2>Menú Navegación</h2>
    <ul>
    <li>Sección 1</li>
    <li>Sección 2</li>
    <ul>
    <li>Subección A</li>
    <li>Subección B</li>
    <li>Subección C</li>
    </ul>
    <li>Sección 3</li>
    <li>Sección 4</li>
    <li>Sección 5</li>
    <li>Sección 6</li>
    </ul>
    </nav>
    <aside>
    (( ANUNCIO PUBLICITARIO ))
    </aside>
    <section id="textos">
    <h2>Ultimas Novedades</h2>
    <p>(( BLA BLA BLASES ))</p>
    </section>
    <section id="izquierda">
    <h2>Ultimas Novedades</h2>
    <article>(( NOVEDAD UNO ))</article>
    <article>(( NOVEDAD DOS ))</article>
    <article>(( NOVEDAD TRES ))</article>
    </section>
    <section id="centro">
    <h2>Temas Populares</h2>
    <article>(( POPULAR A ))</article>
    <article>(( POPULAR B ))</article>
    <article>(( POPULAR C ))</article>
    </section>
    </div>
    <footer>
    <section id="copyright">(( Datos Copyright ))</section>
    <section id="contacto"> (( Datos de Contacto ))</section>
    <section id="enlaces"> (( MapaWeb, Política, etc. ))</section>
    </footer>
    </div>
    </body>
    </html>

    ARCHIVO estilos.css

    body { background-color:green }
    article, aside, figure, footer, header, hgroup, nav, section { display: block; }

    nav ul li {background-color:red}

    "Los dos están en la misma carpeta"

    Gracias por la ayuda.

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Lombardo
    Fecha de Ingreso
    24 jul, 11
    Ubicación
    Austria
    Mensajes
    402
    Poder de Reputación
    19
    No has indicado el tipo de archivo, ni dónde deben verse los estilos, es decir, falta en el <link rel> esto:

    Código HTML:
    <... type="text/css" media="all" />
    Saludos.

  3. #3
    Me va gustando esto... Habitante Avatar de Jenkins
    Fecha de Ingreso
    04 ene, 13
    Ubicación
    San Jose, Costa Rica
    Mensajes
    47
    Poder de Reputación
    15
    Hola, dbejaranoa
    te han faltado algunas indicaciones entre <head> y <head>
    por eso no has enlazado correctamente. lo que debes modificar es lo que te marque en rojo.

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8" />
    <script src="http://modernizr.com/downloads/modernizr.js"></script>
    <title>Titulo</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>

    Espero que te sirva mi respuesta, estamos para servirte.
    Aprende Como hacer una Boda utilizando varios pasos sencillos.

  4. #4
    Recien Llegado! Merodeador
    Fecha de Ingreso
    13 feb, 13
    Mensajes
    4
    Poder de Reputación
    0
    Muchas gracias, lo corrijo ahora mismo y os cuento.

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    13 feb, 13
    Mensajes
    4
    Poder de Reputación
    0
    Comprobado y funciona.

    Lo dicho muchas gracias a los dos

    Sois unos campeones!!!!

  6. #6
    Me va gustando esto... Habitante Avatar de Jenkins
    Fecha de Ingreso
    04 ene, 13
    Ubicación
    San Jose, Costa Rica
    Mensajes
    47
    Poder de Reputación
    15
    Me alegro que hallas resuelto el problema
    Espero poder entrar en tu pagina pronto

    mucha suerte !!!
    Aprende Como hacer una Boda utilizando varios pasos sencillos.

  7. #7
    Recien Llegado! Merodeador
    Fecha de Ingreso
    13 feb, 13
    Mensajes
    4
    Poder de Reputación
    0
    Eso espero, aunque lo veo dificil!!

    Por cierto, si el tal Gorgens puede, que cambie en el curso, la palabra "acento" (la usa varias veces en los cursos), por la palabra "tilde"; sería más correcto.

Temas Similares

  1. Creacion del archivo "hoja de estilos" estilos
    Por Rachel en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 11/09/2010, 05:50
  2. No puedo enlazar la hoja de estilos con el index
    Por galahad379 en el foro Problemas de Conexión con tu Servidor?
    Respuestas: 5
    Último Mensaje: 12/06/2008, 18:12
  3. enlazar hoja de estilos
    Por nicolas en el foro Todo sobre Estilos CSS
    Respuestas: 2
    Último Mensaje: 30/05/2007, 13:46

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •