Entrar

Inconvenientes con la hoja de estilos.css

nofate · · Solicitar retirada
Buenas noches camaradas... mi problema es el siguiente y tiene que ver con una propiedad que le estoy dando a la hoja de estilo.css para ordenar un poco la vista previa de la plantilla. Estoy en curso paso a paso, exactamente en "como colocar un banner o logotipo con enlace en la web"

En la parte de darle altura a la cabecera, esto es lo que se explica:

Guardamos la hoja de estilo y hacemos vista previa en plantilla.html para ver cómo ha quedado... exácto, una verdadera mierda , je je je. Vamos a arreglarlo un poco. Para empezar vamos a darle una altura concreta a la capa cabecera, por ejemplo de 85 pixeles (un poquito más que la altura del logotipo que es 80px). Así la capa gris que vemos que se mete dentro del espacio de publicidad respetará esa dimensión. Así que dejamos cabecera así:

#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}

...Y esto es lo que llevo yo en estilo.css:

* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width: 280px ; float: left}
#navegacion {background-color: gray ; border: black 1px solid }
#publicidad {width: 518px ; float: right ; margin-top:25px}


Creo que cuando pongo la propiedad (height: 85px) la hola de estilos no me esta haciendo caso
:x porque lo borro, guardo, veo la vista previa y no cambia, lo vuelvo a poner y tampoco noto algun cambio, en vez de 85px he probado con 300px a ver si consigo mover algo y tampoco logro modificar nada, de manera que tengo la cuestion super desornenada porque no encuentro el error que pueda tener.

Gracias de ante mano a quien pueda darme una mano xD
methodman008 · · Solicitar retirada
hola

pues yo no veo ningun error en la hoja de estilos, tal vez andas mal en tu html

manda tus codigos del html ahi debe estar el error

saludos :D
nofate · · Solicitar retirada
Ahi lo tienes... lo he revisado de pies a cabeza y la verdad es que no logro encontar un posible error =/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css"
media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3
  • Seccion 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • <a href="#">Enlace
    2</a>
  • Enlace 3
    </div>
    <h1>Esta sera la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en
    cambio sigue siendo un párrafo pues no le he colocado aún la
    etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a
    darle margenes para separarlos unos de otros, e incluso hacerles
    sanguias por la izquierda a la primera línea, que queda mucho
    mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que
    Jorgens nos enseñe a ponerlos alineados a la izquierda, o
    justificados.
    Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pie de la pagina</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    • methodman008 · · Solicitar retirada
    saludos de nuevo mi buen nofate

    por aqui esta tu error

    html

    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3
  • Seccion 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • <a href="#">Enlace
    2</a>
  • Enlace 3
    </div>
    <h1>Esta sera la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en
    cambio sigue siendo un párrafo pues no le he colocado aún la
    etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a
    darle margenes para separarlos unos de otros, e incluso hacerles
    sanguias por la izquierda a la primera línea, que queda mucho
    mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que
    Jorgens nos enseñe a ponerlos alineados a la izquierda, o
    justificados.
    Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pie de la pagina</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    esta marcado con rojo
    te falto cerrar esa capa de cabecera por eso no se podia dar ordenes

    sigue el curso

    saludos :D
    • nofate · · Solicitar retirada
    Amigo mio eres un genio :P cuanto me cobras por crearme una web como google? Jjajajaja no mentira gracias, no habria podido sin tu ayuda :)