Hola a todos!
Primero de todo dar las gracias a esta página. Senzillamente és impresionante!
Segundo,
He estado mirando en los foros, pero lo que he leido no me cuadra con lo mío así que pregunto directamente.
En el programa HTML-KIT en previsualización me sale todo bien, pero cuando o subo a la web no consigo ver la curva superior ni la inferior.
Os pogo el enlace de la pag., html y css.
Como 4 ojos ven más que 2, a ver si tengo suerte...
Enlace: http://www.laimar.comocreartuweb.es/plantilla.html
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estil-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Benvinguts a la meva Web</div>
<div id="navegacion">Barra de Navegació</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enllaç 1</a></li><li><a href="#">Enllaç 2</a></li><li><a href="#">Enllaç 3</a></li></ul>
</div>
<h1>Aquesta serà d'àrea principal de la web</h1>
<p>Anem fent proves amb el text, així que ens toca escriure una miqueta. Anar seguint el curs és una cosa... no sé què passarà quan em toqui fer-ho jo sola; de totes formes ho intentarem!!! He d'aconseguir fer el paràgraf més llarg perquè vegi el que passa amb el menú lateral quan el contingut és més llarg i per veure-ho només hi ha una manera.</p>
<h2>aquest és el segon paràgraf</h2>
<p>Després d'insertar un subtítol continuem escrivint... em pensava que això era per fer web; a veure si ara em tornaré escritora!!! Encara que podia haver fet un copiar i pegar de qualsevol text que trobés... Ho podia haver pensat abans també! Anem a veure com queda tot això.</p>
</div>
<div id="pie">Aquest és el peu de pàgina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
css:
* {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;}
#navegacion {background-color:gray; border:1px solid black}
#contenido {background-color:orange; border-right:black 1px solid; border-left:black 1px solid}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
p {text-align:justify;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-right:10px;}
#menu li {list-style:none; margin:margin:3px 10px 3px 3px}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active {}
a {color:brown; text-decoration:none; display:block;}
#pie {background-color:white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; }
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(objectes/curva-superior.GIF); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#curva-inferior {background-image:url(objectes/curva-inferior.GIF); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
Muchas gracias
Primero de todo dar las gracias a esta página. Senzillamente és impresionante!
Segundo,
He estado mirando en los foros, pero lo que he leido no me cuadra con lo mío así que pregunto directamente.
En el programa HTML-KIT en previsualización me sale todo bien, pero cuando o subo a la web no consigo ver la curva superior ni la inferior.
Os pogo el enlace de la pag., html y css.
Como 4 ojos ven más que 2, a ver si tengo suerte...
Enlace: http://www.laimar.comocreartuweb.es/plantilla.html
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estil-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Benvinguts a la meva Web</div>
<div id="navegacion">Barra de Navegació</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enllaç 1</a></li><li><a href="#">Enllaç 2</a></li><li><a href="#">Enllaç 3</a></li></ul>
</div>
<h1>Aquesta serà d'àrea principal de la web</h1>
<p>Anem fent proves amb el text, així que ens toca escriure una miqueta. Anar seguint el curs és una cosa... no sé què passarà quan em toqui fer-ho jo sola; de totes formes ho intentarem!!! He d'aconseguir fer el paràgraf més llarg perquè vegi el que passa amb el menú lateral quan el contingut és més llarg i per veure-ho només hi ha una manera.</p>
<h2>aquest és el segon paràgraf</h2>
<p>Després d'insertar un subtítol continuem escrivint... em pensava que això era per fer web; a veure si ara em tornaré escritora!!! Encara que podia haver fet un copiar i pegar de qualsevol text que trobés... Ho podia haver pensat abans també! Anem a veure com queda tot això.</p>
</div>
<div id="pie">Aquest és el peu de pàgina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
css:
* {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;}
#navegacion {background-color:gray; border:1px solid black}
#contenido {background-color:orange; border-right:black 1px solid; border-left:black 1px solid}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
p {text-align:justify;}
#menu {background-color:yellow; width:150px; float:left; text-align:left; margin-right:10px;}
#menu li {list-style:none; margin:margin:3px 10px 3px 3px}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active {}
a {color:brown; text-decoration:none; display:block;}
#pie {background-color:white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; }
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(objectes/curva-superior.GIF); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
#curva-inferior {background-image:url(objectes/curva-inferior.GIF); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}
Muchas gracias