Re: [Ovillo] cajas ...aún sin solución...
Al 18/03/11 04:40, En/na Rosa González ha escrit: Cambié el código rehaciéndolo...intentaré subir el nuevo código... Rosa: Lo siento, pero no puedo ayudarte. Con los datos que nos das es imposible saber cómo quieres que vayan las cajas. Además de que el código tiene errores garrafales. Tal y como ha dicho santosvz, revisa la documentación: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html http://www.glish.com/css/ y después vuelve a presentarnos el código Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Independientemente del tipo de box que utilices, es bueno poner en práctica hasta que se tenga la suficiente experiencia y/o practica la utilización de comentarios que te sirvan de referencia donde empieza y termina cada código, asi es mas fácil movilizarse y localizar errores tanto en el CSS como en el Html. Hay un editor de HTML multiplataforma multilenguaje (Windows, Linux, Mac OSX) que quizá te pueda servir. Bluefish GNU GPL licence (leer requerimientos) http://bluefish.openoffice.nl/index.html Image ref. http://img708.imageshack.us/img708/5928/bluefish.jpg Example: CSS /*referencia*/ HTML !-- inicio div01-- div01/div01 !-- final div01-- *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de cubells *Enviado el: sábado, 19 de marzo de 2011 08:02 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] cajas ...aún sin solución... * * * *Al 18/03/11 04:40, En/na Rosa González ha escrit: * Cambié el código rehaciéndolo...intentaré subir el nuevo código... * *Rosa: * *Lo siento, pero no puedo ayudarte. * *Con los datos que nos das es imposible saber cómo quieres que vayan las *cajas. Además de que el código tiene errores garrafales. * *Tal y como ha dicho santosvz, revisa la documentación: * *http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html *http://www.glish.com/css/ * *y después vuelve a presentarnos el código * *Saludos! * *___ *Lista de distribución Ovillo *Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org *Puedes modificar tus datos o desuscribirte en la siguiente dirección: *http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Es posible que le sirva de referencia estos enlaces: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html http://www.glish.com/css/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de cubells *Enviado el: miércoles, 16 de marzo de 2011 06:18 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] cajas ...aún sin solución... * * * *Al 10/03/11 00:17, En/na Rosa González ha escrit: * Hola: Subí el código al Share Code * Lo estoy revisando pero, no encuentro el detalle... * No puedo subir el 2º div de datos..junto al 1º, claro está... * http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c * * Seguiré buscando el error... * Saludos.. * *Rosa: * *Hay errores elementales en el código que has pegado. El más gordo és el *enlace que abarca más de un li. * * *Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a *mano, indicándonos cómo quieres que quede todo. * *Eso nos ayudará a saber si los divs que sobran/faltan son errores o es *que lo quieres así. * *Saludos. *___ *Lista de distribución Ovillo *Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org *Puedes modificar tus datos o desuscribirte en la siguiente dirección: *http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Sí que sirve...muchas gracias... Estaba revisando el código en éste momento... Rosa El 18 de marzo de 2011 00:14, santosvz santo...@graficssvz.com escribió: Es posible que le sirva de referencia estos enlaces: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html http://www.glish.com/css/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de cubells *Enviado el: miércoles, 16 de marzo de 2011 06:18 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] cajas ...aún sin solución... * * * *Al 10/03/11 00:17, En/na Rosa González ha escrit: * Hola: Subí el código al Share Code * Lo estoy revisando pero, no encuentro el detalle... * No puedo subir el 2º div de datos..junto al 1º, claro está... * http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c * * Seguiré buscando el error... * Saludos.. * *Rosa: * *Hay errores elementales en el código que has pegado. El más gordo és el *enlace que abarca más de un li. * * *Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a *mano, indicándonos cómo quieres que quede todo. * *Eso nos ayudará a saber si los divs que sobran/faltan son errores o es *que lo quieres así. * *Saludos. *___ *Lista de distribución Ovillo *Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org *Puedes modificar tus datos o desuscribirte en la siguiente dirección: *http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Cambié el código rehaciéndolo...intentaré subir el nuevo código... Un saludo... Rosa El 16 de marzo de 2011 19:47, cubells vic...@vcubells.net escribió: Al 10/03/11 00:17, En/na Rosa González ha escrit: Hola: Subí el código al Share Code Lo estoy revisando pero, no encuentro el detalle... No puedo subir el 2º div de datos..junto al 1º, claro está... http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c Seguiré buscando el error... Saludos.. Rosa: Hay errores elementales en el código que has pegado. El más gordo és el enlace que abarca más de un li. Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a mano, indicándonos cómo quieres que quede todo. Eso nos ayudará a saber si los divs que sobran/faltan son errores o es que lo quieres así. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Al 10/03/11 00:17, En/na Rosa González ha escrit: Hola: Subí el código al Share Code Lo estoy revisando pero, no encuentro el detalle... No puedo subir el 2º div de datos..junto al 1º, claro está... http://www.treeweb.es/ShareCode/e4b38067a69174a5a9a3a7351a3ac85c Seguiré buscando el error... Saludos.. Rosa: Hay errores elementales en el código que has pegado. El más gordo és el enlace que abarca más de un li. Pero aparte de eso, puedes dibujarnos un diagrama de cajas, aunque sea a mano, indicándonos cómo quieres que quede todo. Eso nos ayudará a saber si los divs que sobran/faltan son errores o es que lo quieres así. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Hola Jorge:
Perdón la demora en la respuestaasuntos personales, ahora mismo pruebo
y envío respuesta.
Muchas gracias.
Rosa
El 4 de marzo de 2011 01:47, jorge adrian gonzalez jorge...@gmail.comescribió:
Hola Rosa:
Estuve probando y no te aparece porque no está escrito correctamente.
Fijate, el codigo es así:
#datos02 {
height:502px;
width:668 px;
background-color:red;
}
#datos02 .col1 {
background-color: #fff;
float:left;
width:340px;
height:191px;
}
Al height de #datos02 le faltaba la medida px (que tiene que ir pegado al
número ya que sino no funciona). Además le agregué un color de fondo
diferente a los 2 div. Fijate que ahora si se vé porque ya lo probé.
El 3 de marzo de 2011 23:20, Rosa González loqldalqu...@gmail.com
escribió:
Jorge:
Lo cambié...el código html...eso me ordenó algo...pero la caja del
segundo div=datos02;
me sigue sin aparecer
Me queda borrar todo el código CSS y hacerlo de nuevo...
No ha funkado...pero probando otra vez...aviso...
Gracias...
Rosa
El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
Rosa me imagino que te referías a que el menú de navegación te aparece
en
el
centro de la página y no arriba.
Fijate que si ves el código te falte cerrar el div cabecera (fijate que
te
lo puse en rojo en el código); en tu codigo fijate que vos la abrís y
cerras
al lado y la lista ul queda furera del contenedor cabecera.
Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú
se
ve arriba.
También borre en la etiqueta #datos01 .col1 pusiste la palabra ma
abajo;
eso lo borré también.
Fijate que en tu código también te puse en rojo para que lo veas.
Avisame
si te funkó.
Saludos.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
/
style type=text/css
html, body{height:100%}
#contenedor{
background-color:#DDD;
width:960px;
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;}
#cabezal{
margin:left;
height:360px;
background-image:
url(interfaz/fondoCabezal.jpg)
}
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la
propiedad
y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
float:left;
width:119px;
list-style-type:none;
height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
}
#datos02{ height:502;
width:668 px;
background-color:#3C0;}
#daots02 .col1{float:left;
width:340px;
height:191px;
}
#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
height:50px;
}
/style
/head
body
div id=contenedor
div id=cabezal
ul id=menu li a href=index.html/aEmpresa
/li
li/aProductos /li
liServicios/a/li
/ul
/*fin div cabecera*/
/div
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.com
escribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista
no
lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al
que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div
Re: [Ovillo] cajas ...aún sin solución...
Hola Gerardo:
Intentaré ingresar el código al link que enviaste.
Gracias.
Saludos:
Rosa
El 4 de marzo de 2011 06:51, Gerardo Oscar Jimenez Tornos
gerardoosca...@gmail.com escribió:
Hola Rosa,
Si pudieras pegar el código en http://www.treeweb.es/ShareCode/ sería más
fácil y rápido encontrar la solución
Un saludo
El 3 de marzo de 2011 21:51, Rosa González loqldalqu...@gmail.com
escribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no
lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
- background-color:#DDD;
- width:960px;
- margin:0 auto;
- height:auto !important;
- height:100%;
- min-height:100%;}
-
- #cabezal{
- margin:left;
- height:360px;
- background-image:
- url(interfaz/fondoCabezal.jpg)
- }
- #menu ul{
- height:40px;
- border: 1px solid red;/*lo puse para ver si está correcta la
propiedad
y el html*/
- }
- #menu{height:40px;
- background-color:#CCC;}
- #menu li {
- float:left;
- width:119px;
- list-style-type:none;
- height:40px;}
- #datos01{
- height:502px;
- background-color:#CCC;}
- #datos01 .col1{
- float:left;
- width:253px;
- height:480px;
- ma}
- #datos02{ height:502;
- width:668 px;
- background-color:#3C0;}
-
- #daots02 .col1{float:left;
-width:340px;
-height:191px;
- }
-
- #pie{
- height:35px;
- background-color:#CCC;
- margin-top:-35px;
- width:960px;
- margin:0 auto;
- }
- .restaurador{
- clear:both;
- height:0;
- }
- #restaurador_final{clear:both;
- height:50px;
- }
-
-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Hola Rosa,
Si pudieras pegar el código en http://www.treeweb.es/ShareCode/ sería más
fácil y rápido encontrar la solución
Un saludo
El 3 de marzo de 2011 21:51, Rosa González loqldalqu...@gmail.comescribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
- background-color:#DDD;
- width:960px;
- margin:0 auto;
- height:auto !important;
- height:100%;
- min-height:100%;}
-
- #cabezal{
- margin:left;
- height:360px;
- background-image:
- url(interfaz/fondoCabezal.jpg)
- }
- #menu ul{
- height:40px;
- border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
- }
- #menu{height:40px;
- background-color:#CCC;}
- #menu li {
- float:left;
- width:119px;
- list-style-type:none;
- height:40px;}
- #datos01{
- height:502px;
- background-color:#CCC;}
- #datos01 .col1{
- float:left;
- width:253px;
- height:480px;
- ma}
- #datos02{ height:502;
- width:668 px;
- background-color:#3C0;}
-
- #daots02 .col1{float:left;
-width:340px;
-height:191px;
- }
-
- #pie{
- height:35px;
- background-color:#CCC;
- margin-top:-35px;
- width:960px;
- margin:0 auto;
- }
- .restaurador{
- clear:both;
- height:0;
- }
- #restaurador_final{clear:both;
- height:50px;
- }
-
-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Jorge:
Lo cambié...el código html...eso me ordenó algo...pero la caja del
segundo div=datos02;
me sigue sin aparecer
Me queda borrar todo el código CSS y hacerlo de nuevo...
No ha funkado...pero probando otra vez...aviso...
Gracias...
Rosa
El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
Rosa me imagino que te referías a que el menú de navegación te aparece en el
centro de la página y no arriba.
Fijate que si ves el código te falte cerrar el div cabecera (fijate que te
lo puse en rojo en el código); en tu codigo fijate que vos la abrís y cerras
al lado y la lista ul queda furera del contenedor cabecera.
Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú se
ve arriba.
También borre en la etiqueta #datos01 .col1 pusiste la palabra ma abajo;
eso lo borré también.
Fijate que en tu código también te puse en rojo para que lo veas. Avisame
si te funkó.
Saludos.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
style type=text/css
html, body{height:100%}
#contenedor{
background-color:#DDD;
width:960px;
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;}
#cabezal{
margin:left;
height:360px;
background-image:
url(interfaz/fondoCabezal.jpg)
}
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
float:left;
width:119px;
list-style-type:none;
height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
}
#datos02{ height:502;
width:668 px;
background-color:#3C0;}
#daots02 .col1{float:left;
width:340px;
height:191px;
}
#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
height:50px;
}
/style
/head
body
div id=contenedor
div id=cabezal
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
/*fin div cabecera*/
/div
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.comescribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
- background-color:#DDD;
- width:960px;
- margin:0 auto;
- height:auto !important;
- height:100%;
- min-height:100%;}
-
- #cabezal{
- margin:left;
- height:360px;
- background-image:
- url(interfaz/fondoCabezal.jpg)
- }
- #menu ul{
- height:40px;
- border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
- }
- #menu{height:40px;
- background-color:#CCC;}
- #menu li {
- float:left;
- width:119px;
- list-style-type:none;
- height:40px;}
- #datos01{
- height:502px;
- background-color:#CCC;}
- #datos01 .col1{
- float:left;
- width:253px;
- height:480px;
- ma}
- #datos02{ height:502;
- width:668 px;
- background-color:#3C0;}
-
- #daots02 .col1{float:left;
-width:340px;
-height:191px;
- }
-
- #pie{
- height:35px;
- background-color:#CCC;
-
Re: [Ovillo] cajas ...aún sin solución...
Hola Rosa:
Estuve probando y no te aparece porque no está escrito correctamente.
Fijate, el codigo es así:
#datos02 {
height:502px;
width:668 px;
background-color:red;
}
#datos02 .col1 {
background-color: #fff;
float:left;
width:340px;
height:191px;
}
Al height de #datos02 le faltaba la medida px (que tiene que ir pegado al
número ya que sino no funciona). Además le agregué un color de fondo
diferente a los 2 div. Fijate que ahora si se vé porque ya lo probé.
El 3 de marzo de 2011 23:20, Rosa González loqldalqu...@gmail.comescribió:
Jorge:
Lo cambié...el código html...eso me ordenó algo...pero la caja del
segundo div=datos02;
me sigue sin aparecer
Me queda borrar todo el código CSS y hacerlo de nuevo...
No ha funkado...pero probando otra vez...aviso...
Gracias...
Rosa
El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
Rosa me imagino que te referías a que el menú de navegación te aparece en
el
centro de la página y no arriba.
Fijate que si ves el código te falte cerrar el div cabecera (fijate que
te
lo puse en rojo en el código); en tu codigo fijate que vos la abrís y
cerras
al lado y la lista ul queda furera del contenedor cabecera.
Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú
se
ve arriba.
También borre en la etiqueta #datos01 .col1 pusiste la palabra ma
abajo;
eso lo borré también.
Fijate que en tu código también te puse en rojo para que lo veas.
Avisame
si te funkó.
Saludos.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
/
style type=text/css
html, body{height:100%}
#contenedor{
background-color:#DDD;
width:960px;
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;}
#cabezal{
margin:left;
height:360px;
background-image:
url(interfaz/fondoCabezal.jpg)
}
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
float:left;
width:119px;
list-style-type:none;
height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
}
#datos02{ height:502;
width:668 px;
background-color:#3C0;}
#daots02 .col1{float:left;
width:340px;
height:191px;
}
#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
height:50px;
}
/style
/head
body
div id=contenedor
div id=cabezal
ul id=menu li a href=index.html/aEmpresa
/li
li/aProductos /li
liServicios/a/li
/ul
/*fin div cabecera*/
/div
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.com
escribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no
lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al
que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
- background-color:#DDD;
- width:960px;
- margin:0 auto;
- height:auto !important;
- height:100%;
- min-height:100%;}
-
- #cabezal{
- margin:left;
- height:360px;
-
