:oops: 1) Quiero poner un cellpadding o cellspacing en los espacios FORO y PUBLICIDAD en el pie de página y no le encuentro la vuelta.Tal vez no interprté el espiritu de la leccion.
Se me ocurre que pueden ser una etiquetas para construcción con tablas.Si es así díganme si le puedo injertar una tabla en el pie de página y con que etiquetas debo hacerlo.
:oops: 2) Mi logo TELEIBATIN no sale a la misma altura del logo de CCTW. He variado los heigt y otras pruebas mas pero tampoco lo soluciono.
:oops: Les envío los códigos HTML y CSS para que dictaminen sobre los dos inconvenientes.
HTML
CSS
Muchas Gracias desde ya :oops: :oops:
Se me ocurre que pueden ser una etiquetas para construcción con tablas.Si es así díganme si le puedo injertar una tabla en el pie de página y con que etiquetas debo hacerlo.
:oops: 2) Mi logo TELEIBATIN no sale a la misma altura del logo de CCTW. He variado los heigt y otras pruebas mas pero tampoco lo soluciono.
:oops: Les envío los códigos HTML y CSS para que dictaminen sobre los dos inconvenientes.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="prueba.estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible]</div>
</div>
<div id="navegacion">
<ul>
Argentinos1
Argentinos2
Los politicos
Sección4
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>Enlace 1 Enlace 2
Enlace 3Enlace 4
</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">
<div id="pieuno">
<ul>
Foro Ejemplo</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Publicidad</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.0em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 0.9em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.8em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h4 {font.size: 0.9em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: center}
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 ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right:
black 1px solid ; height:85px}
#logotipo {background-color: white ; width:270px ; float:left }
#publicidad {background-color: brown ; width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: #7FFFD4 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p{margin: 5px 10px 0px 10px }
#texto {width:630px; float:left }
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 10px 10px 10px 10px ;
background-image: url(objetos/menu-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-superior.gif) }
#pie {border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#pie li {list-style: none ; font-size: 20px }
#pieuno {background-color: brown ; float:left ; width:150px ;
height: 100px }
#piedos {background-color: silver ; float:left ; width:498px ;
height: 100px }
#pietres {background-color: red ; float:left ; width:150px ;
height: 100px ; border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:100px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
Muchas Gracias desde ya :oops: :oops: