Bueno, primero que nada presentarme al foro, estoy haciendo el curso de CCTW me parecio muy bueno, gracias jorgens por toda la info y demas, pero me a surgido un problema veras..
En la leccion 3 cuando ponemos el banner de CCTW y dejamos en el espacio de Logotipo y Publicidad, no logro que el banner me quede a la derecha y se me desconfiguro toda la web bueno, les subo como va mi web y les pongo
mi html y mi css asi me pueden decir en que me equiboque:
HTML plantilla:
<!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"></div>
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 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 id="curva-inferior"></div>
</div>
</body>
</html>
ahora el CSS estilo-general:
* {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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right ; margin-top:25px }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {front-size: 1.2em; color:blue ; front-weight: bold ; text-decoration: underline ; text-align: center}
h2 {front-size: 1.1em; color:blue ; front-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 ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow : hidden
les subo a Megaupload lo que seria la web que voy creando en el paso a paso--->http://www.megaupload.com/?d=XSD4ME4A
bueno muchas gracias por la ayuda, porcierto para ayuadrlos con la web todos los dias abro la publicidad jeje.
una recomendacion para los cursos es que al finalizar cada "item" de cada leccion añadan el codigo de como deberia ir el HTML y el CSS, porque aveses uno comete un error y esta una leccion entera sin codigo y desmotiva mucho :( porque la web te va quedando mal, en fin es solo un consejo ;) bueno espero recibir aydua pronto
En la leccion 3 cuando ponemos el banner de CCTW y dejamos en el espacio de Logotipo y Publicidad, no logro que el banner me quede a la derecha y se me desconfiguro toda la web bueno, les subo como va mi web y les pongo
mi html y mi css asi me pueden decir en que me equiboque:
HTML plantilla:
<!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"></div>
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
</div>
<div id="contenido">
<div id="menu">
<ul>
</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 id="curva-inferior"></div>
</div>
</body>
</html>
ahora el CSS estilo-general:
* {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 {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right ; margin-top:25px }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {front-size: 1.2em; color:blue ; front-weight: bold ; text-decoration: underline ; text-align: center}
h2 {front-size: 1.1em; color:blue ; front-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 ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px;
overflow : hidden
les subo a Megaupload lo que seria la web que voy creando en el paso a paso--->http://www.megaupload.com/?d=XSD4ME4A
bueno muchas gracias por la ayuda, porcierto para ayuadrlos con la web todos los dias abro la publicidad jeje.
una recomendacion para los cursos es que al finalizar cada "item" de cada leccion añadan el codigo de como deberia ir el HTML y el CSS, porque aveses uno comete un error y esta una leccion entera sin codigo y desmotiva mucho :( porque la web te va quedando mal, en fin es solo un consejo ;) bueno espero recibir aydua pronto