Antes que nada gracias por este sitio, es genial!!!
Tengo un problema con el menu lateral, elmmenu se ve bien, pero la imagen inferior continúa y sale por arriba del menu, es dificil explicarlo, mejor les envio mis codigos. Gracias de Antemano
Plantilla
<div id="menu">
<ul>
<h1>Nuestra Escuela</h1>
[contenido no disponible]ACERCA DE NOSOTROS
[contenido no disponible]¿COMO ES EL NIÑO(A) EN UN AMBIENTE SOCIO-CONSTRUCTIVISTA?
</div>
-------------.css-----------------
* {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
h1 {
margin-top:10px;
font-size: 2em;
color:brown ;
font-weight: bold ;
text-decoration: none ;
text-align: center
}
h2 {
font.size: 1.6em;
color:orange ;
font-weight: bold ;
text-decoration: none ;
text-align: center;
padding-top:20px;
padding-bottom:20px
}
body {
margin: 20px 0 0 0px;
padding: 0;
background: #EEEDED;
line-height: 1.6em;
text-align: center;
font-family:Comic Sans MS;
color: #757575;
}
#global {
width:800px;
margin: 4px auto;
}
#cabecera {
width: 800px;
height: 170px;
background: url(objetos/image01.jpg) no-repeat left top;
margin: 0px auto
}
#logotipo {
width:160px ;
float:left
}
#publicidad {
width:675px ;
float:left;
margin-top:0px
}
#navegacion {
width: 800px;
heigth: 50px;
background: url(objetos/image02.jpg);
}
#navegacion ul {
margin-left: 280px;
list-style: none;
}
#navegacion li {
display: inline;
}
#navegacion a {
display: block;
float: left;
background: #E86800;
margin-top: 10px;
margin-right: 5px;
padding: 5px 20px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 11px;
color: #FFFFFF
}
#navegacion a:hover {
color: #FFFFFF;
}
#contenido {
width: 800px ; float:left;
font-size: 15px;
background: url(objetos/image03.jpg) repeat-y left top;
}
#menu {background-color: white;
width: 200px;
float:left;
text-align:left ;
margin: 0px 10px 3px 10px;
background-image: url(objetos/menucurva-inferior.gif);
background-position: bottom;
}
#menu li {list-style:none ;
margin: 20px 0px 4px 6px;
font-size: 11px;
}
#menu h1 {
text-decoration:none ;
font-size:12px;
background-image: url(objetos/menucurva-superior.gif);
background-position: top;
}
#pie {
width: 800px;
height: 100px;
margin: 0px auto;
background: url(objetos/image04.jpg) no-repeat left top;
font-size: 13px;
color: #228B22;
font-size: 13px;
}
a {
color: black ;
text-decoration: none;
display: block
}
a:link {
}
a:visited {
}
a:hover {
ccolor:red ;
text-decoration:underline ;
background-color: NavajoWhite
}
a:active {
[contenido no disponible]¿COMO ES EL NIÑO(A) EN UN AMBIENTE SOCIO-CONSTRUCTIVISTA?
</div>
Tengo un problema con el menu lateral, elmmenu se ve bien, pero la imagen inferior continúa y sale por arriba del menu, es dificil explicarlo, mejor les envio mis codigos. Gracias de Antemano
Plantilla
<div id="menu">
<ul>
<h1>Nuestra Escuela</h1>
</div>
-------------.css-----------------
* {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
h1 {
margin-top:10px;
font-size: 2em;
color:brown ;
font-weight: bold ;
text-decoration: none ;
text-align: center
}
h2 {
font.size: 1.6em;
color:orange ;
font-weight: bold ;
text-decoration: none ;
text-align: center;
padding-top:20px;
padding-bottom:20px
}
body {
margin: 20px 0 0 0px;
padding: 0;
background: #EEEDED;
line-height: 1.6em;
text-align: center;
font-family:Comic Sans MS;
color: #757575;
}
#global {
width:800px;
margin: 4px auto;
}
#cabecera {
width: 800px;
height: 170px;
background: url(objetos/image01.jpg) no-repeat left top;
margin: 0px auto
}
#logotipo {
width:160px ;
float:left
}
#publicidad {
width:675px ;
float:left;
margin-top:0px
}
#navegacion {
width: 800px;
heigth: 50px;
background: url(objetos/image02.jpg);
}
#navegacion ul {
margin-left: 280px;
list-style: none;
}
#navegacion li {
display: inline;
}
#navegacion a {
display: block;
float: left;
background: #E86800;
margin-top: 10px;
margin-right: 5px;
padding: 5px 20px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 11px;
color: #FFFFFF
}
#navegacion a:hover {
color: #FFFFFF;
}
#contenido {
width: 800px ; float:left;
font-size: 15px;
background: url(objetos/image03.jpg) repeat-y left top;
}
#menu {background-color: white;
width: 200px;
float:left;
text-align:left ;
margin: 0px 10px 3px 10px;
background-image: url(objetos/menucurva-inferior.gif);
background-position: bottom;
}
#menu li {list-style:none ;
margin: 20px 0px 4px 6px;
font-size: 11px;
}
#menu h1 {
text-decoration:none ;
font-size:12px;
background-image: url(objetos/menucurva-superior.gif);
background-position: top;
}
#pie {
width: 800px;
height: 100px;
margin: 0px auto;
background: url(objetos/image04.jpg) no-repeat left top;
font-size: 13px;
color: #228B22;
font-size: 13px;
}
a {
color: black ;
text-decoration: none;
display: block
}
a:link {
}
a:visited {
}
a:hover {
ccolor:red ;
text-decoration:underline ;
background-color: NavajoWhite
}
a:active {
</div>