ola :o .
el borde superior me sale a la izquierda y no arriba como debe ser.
¿que hago :?:
Hola
Para saberlo necesitamos ver los codigos,
copia y pega aqui tus codigos de la hoja html y de la css
saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu"><ul>
Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta será 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 pié de página</div>
</div>
</body>
</html>
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#navegacion {background-color: orange ; border: black 1px solid }
#contenido {background-color: brown ;p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px; border-left: black 1px solid ; border-right: black 1px solid }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#pie {background-color: blue ; border: black 1px solid }
#menu li { list-style:none {list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; text-decoration:none ; display:block}
a:link {color:blue ; text-decoration: none }
a:visited {color:red ; text-decoration: none }
a:hover {color:orange ; text-decoration: underline ; background-color: silver}
a:active {color:black ; text-decoration: underline }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }
Veo que has puesto en la hoja de estilos #curva-superior... pero no has creado ninguna capa que se llame así (o es que pusiste el código que no es)
Saludos, Juanma
Hola
he visto tus codigos
para evitarte problemas debes poner las cosas en orden
me explico
en la hoja de estilos, los codigos debes acomodarlos segun su orden de aparicion ya que la hoja de estilos lee de arriba hacia abajo me explico???
por ejemplo
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
hasta aqui vamos bien
pero le siguen:
curva superior
cabecera
etc. etc.
tu has puesto curva superrior al final, por eso te lo descuadra
intenta dejandolo asi:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }
#cabecera {background-color: red ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#navegacion {background-color: orange ; border: black 1px solid }
#contenido {background-color: brown ;p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px; border-left: black 1px solid ; border-right: black 1px solid }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#pie {background-color: blue ; border: black 1px solid }
#menu li { list-style:none {list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; text-decoration:none ; display:block}
a:link {color:blue ; text-decoration: none }
a:visited {color:red ; text-decoration: none }
a:hover {color:orange ; text-decoration: underline ; background-color: silver}
a:active {color:black ; text-decoration: underline }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
saludos