[Ovillo] Herencia de la altura
Buenos dias, estoy aprendiendo php y me he encontrado con un problema en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y flotados a
la izquierda. En el caso del cuerpo tiene altura automatica y al contenedor
le asigno la propiedad overflow. Mi problema es, si pongo un fondo de color
al menu y al cuerpo,en el cuerpo va bien pero en el menu no encuentro la
manera para poder asignarle la misma altura del contenedor o de la capa
cuerpo.
En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le he
asignado una altura a id0 para poder mostrarlo por pantalla pero la
intencion es que tenga la misma altura que cuerpo o contenedor que en ambos
sera la misma.
body {
background-color:#000;
}
#id {
width:400px;
overflow:auto;
border:1px solid #FF0;
}
#id0 {
float: left;
height:100px;
width:100px;
background-color:#FFF;
}
#id1{
float:left;
height:300px;
width:300px;
background:#F00;
}
Es posible lo que pido? Me comentaron que era tema de herencias pero he
buscado y no he encontrado nada aun al respecto.
Gracias
___
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] Herencia de la altura
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu explicacion y
poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un problema en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y flotados a
la izquierda. En el caso del cuerpo tiene altura automatica y al contenedor
le asigno la propiedad overflow. Mi problema es, si pongo un fondo de color
al menu y al cuerpo,en el cuerpo va bien pero en el menu no encuentro la
manera para poder asignarle la misma altura del contenedor o de la capa
cuerpo.
En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le he
asignado una altura a id0 para poder mostrarlo por pantalla pero la
intencion es que tenga la misma altura que cuerpo o contenedor que en ambos
sera la misma.
body {
background-color:#000;
}
#id {
width:400px;
overflow:auto;
border:1px solid #FF0;
}
#id0 {
float: left;
height:100px;
width:100px;
background-color:#FFF;
}
#id1{
float:left;
height:300px;
width:300px;
background:#F00;
}
Es posible lo que pido? Me comentaron que era tema de herencias pero he
buscado y no he encontrado nada aun al respecto.
Gracias
___
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] Herencia de la altura
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com escribió:
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu explicacion
y poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un problema en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y flotados a
la izquierda. En el caso del cuerpo tiene altura automatica y al
contenedor
le asigno la propiedad overflow. Mi problema es, si pongo un fondo de
color
al menu y al cuerpo,en el cuerpo va bien pero en el menu no encuentro la
manera para poder asignarle la misma altura del contenedor o de la capa
cuerpo.
En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le he
asignado una altura a id0 para poder mostrarlo por pantalla pero la
intencion es que tenga la misma altura que cuerpo o contenedor que en
ambos
sera la misma.
body {
background-color:#000;
}
#id {
width:400px;
overflow:auto;
border:1px solid #FF0;
}
#id0 {
float: left;
height:100px;
width:100px;
background-color:#FFF;
}
#id1{
float:left;
height:300px;
width:300px;
background:#F00;
}
Es posible lo que pido? Me comentaron que era tema de herencias pero he
buscado y no he encontrado nada aun al respecto.
Gracias
___
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] Herencia de la altura
perdon le di a enviar sin querer:
body
div id=id
div id=id0/div
div id=id1/div
/div
/body
El 27 de noviembre de 2011 10:53, Carlos Nuñez cha...@gmail.com escribió:
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com escribió:
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu
explicacion y poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un problema en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y flotados
a
la izquierda. En el caso del cuerpo tiene altura automatica y al
contenedor
le asigno la propiedad overflow. Mi problema es, si pongo un fondo de
color
al menu y al cuerpo,en el cuerpo va bien pero en el menu no encuentro la
manera para poder asignarle la misma altura del contenedor o de la capa
cuerpo.
En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le he
asignado una altura a id0 para poder mostrarlo por pantalla pero la
intencion es que tenga la misma altura que cuerpo o contenedor que en
ambos
sera la misma.
body {
background-color:#000;
}
#id {
width:400px;
overflow:auto;
border:1px solid #FF0;
}
#id0 {
float: left;
height:100px;
width:100px;
background-color:#FFF;
}
#id1{
float:left;
height:300px;
width:300px;
background:#F00;
}
Es posible lo que pido? Me comentaron que era tema de herencias pero he
buscado y no he encontrado nada aun al respecto.
Gracias
___
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] Herencia de la altura
Ok, te voy a exponer 2 casos.
1) si lo que quieres hacer es algo parecido a
Menu (categoria 1)
noticia 1
noticia 2
noticia 3
menu (categoria 2)
noticia 4
noticia 5
noticia 6
Mi recomendacion es que hagas uso del ul y li, ya que fueron diseñadas para
este fin. Quedaria mas o menos asi
div class='contenedorIzquierdo'
ul
li
menu (categoria 1)
ul
linoticia 1/li
linoticia 2/li
linoticia 3/li
/ul
/li
li
menu (categoria 2)
ul
linoticia 4/li
linoticia 5/li
linoticia 6/li
/ul
/li
/ul
/div
la css quedaria algo parecido a esto
.contenedorIzquierdo{
width:200px;
background-color:red;
float:left; /*si lo necesitas*/
}
.contenedorIzquierdo ul{
/*en caso que no quieras mostrar viñetas*/
list-style:none;
background-color:blue;
}
contenedorIzquierdo li{
background-color:yellow;
}
2) si lo que quieres hacer es algo parecido a esto:
Menu 1
Menu 2
Menu 3
--
noticia 1
noticia 2
noticia 3
entonces recomiendo que tu html quede algo parecido a esto
div class='contenedor'
div class='menu'
!-- lo que quieras poner aqui --
/div
div class='noticia'
!-- lo que quieras poner aqui --
/div
/div
y la css quedaria algo parecido a
.contendor{
float:left;
background-color:blue;
width:300px;
}
.menu{
background-color:yellow;
}
.noticia{
background-color:green;
}
Expuse estas dos opciones porque de verdad no se cual sea tu caso y
disculpa si no logre entender al 100% tu pregunta.
si como dices estas comenzando en php, no se si sera igual para el html, lo
que puedo recomendar es que no hagas abuso de las id ya que el html y php
no necesitan de ellas a menos que quieras acceder a ellas a travez de
javascript (y aun asi puedes accesarlos a travez de las clases).
Trata en la medida que puedas mantener el flujo natural de los elementos
html, con esto quiero decir que coloques el elemento mas adecuado para el
caso que necesites ya que con esto ahorras codigo y tiempo.
El 27 de noviembre de 2011 05:24, Carlos Nuñez cha...@gmail.com escribió:
perdon le di a enviar sin querer:
body
div id=id
div id=id0/div
div id=id1/div
/div
/body
El 27 de noviembre de 2011 10:53, Carlos Nuñez cha...@gmail.com
escribió:
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com
escribió:
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu
explicacion y poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un problema
en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias
que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y
flotados
a
la izquierda. En el caso del cuerpo tiene altura automatica y al
contenedor
le asigno la propiedad overflow. Mi problema es, si pongo un fondo de
color
al menu y al cuerpo,en el cuerpo va bien pero en el menu no encuentro
la
manera para poder asignarle la misma altura del contenedor o de la capa
cuerpo.
En este codigo el contenedor es id, id0 el menu y id1 el cuerpo. Le he
asignado una altura a id0 para poder mostrarlo por pantalla pero la
intencion es que tenga la misma altura que cuerpo o contenedor que en
ambos
sera la misma.
body {
background-color:#000;
}
#id {
width:400px;
overflow:auto;
border:1px solid #FF0;
}
#id0 {
float: left;
height:100px;
width:100px;
background-color:#FFF;
}
#id1{
float:left;
height:300px;
width:300px;
background:#F00;
}
Es posible lo que pido? Me comentaron que era tema de herencias pero he
buscado y no he encontrado nada aun al respecto.
Gracias
___
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
--
Pablo Muñoz
Linux User 480519
___
Lista de distribución Ovillo
Para
Re: [Ovillo] Herencia de la altura
Ok, vamos de nuevo, y esta vez intento explicarte yo a ver si entendi...
Tu quieres que el menu siempre tenga la misma altura que el de noticias, tu
problema es que esa altura no es estatica, va a cambiar dependiendo de la
cantidad de noticias tenga adentro, y como desconoces cual va a ser el
futuro tamaño, entonces en este punto comienza tu problema... es esto lo
que te sucede?
si es un SIII entonces, la solucion la tienes que buscar con
javascript ya que los tamaños dinamicos finales solo los conoce el DOM, y
con quien puedes manipular el DOM es con javascript.
siendo este el caso recomiendo usar Jquery, con tan solo escribir $(
.menu ).css( height, $( .noticias ).css(height) ) ya estaria
resuelto tu problema
El 27 de noviembre de 2011 08:26, Carlos Nuñez cha...@gmail.com escribió:
Te doy mil gracias por el tiempo que estas dedicandome pero no me
explico bien, lo intentare de nuevo jeje:
Yo tengo un div de menu que lo utilizare para tal fin y será de tamaño
fijo (altura y anchura) luego tendre un cuerpo dnd saldrán las
noticias y este tendrá altura variable. Mi problema es que quiero que
el menu tenga la misma altura que el div de las noticias. Quiero que
sea dinámico, para que si hay una o dos noticias la altura del menu
sea la misma que el de las noticias. No se si es posible hacerse y
viendo las complicaciones q me esta generando me estoy plantenando
poner un tamaño fijo al menu.
El contenedor lo uso para que no se descuajaringue al aumentar con las
noticias, que no se deforme la web vaya.
A ver si aclaro mas, respecto al contenido da igual lo que vaya de dentro.
Gracias
Carlos Nuñez,
El 27/11/2011, a las 11:55, Pablo Muñoz pjm...@gmail.com escribió:
Ok, te voy a exponer 2 casos.
1) si lo que quieres hacer es algo parecido a
Menu (categoria 1)
noticia 1
noticia 2
noticia 3
menu (categoria 2)
noticia 4
noticia 5
noticia 6
Mi recomendacion es que hagas uso del ul y li, ya que fueron diseñadas
para
este fin. Quedaria mas o menos asi
div class='contenedorIzquierdo'
ul
li
menu (categoria 1)
ul
linoticia 1/li
linoticia 2/li
linoticia 3/li
/ul
/li
li
menu (categoria 2)
ul
linoticia 4/li
linoticia 5/li
linoticia 6/li
/ul
/li
/ul
/div
la css quedaria algo parecido a esto
.contenedorIzquierdo{
width:200px;
background-color:red;
float:left; /*si lo necesitas*/
}
.contenedorIzquierdo ul{
/*en caso que no quieras mostrar viñetas*/
list-style:none;
background-color:blue;
}
contenedorIzquierdo li{
background-color:yellow;
}
2) si lo que quieres hacer es algo parecido a esto:
Menu 1
Menu 2
Menu 3
--
noticia 1
noticia 2
noticia 3
entonces recomiendo que tu html quede algo parecido a esto
div class='contenedor'
div class='menu'
!-- lo que quieras poner aqui --
/div
div class='noticia'
!-- lo que quieras poner aqui --
/div
/div
y la css quedaria algo parecido a
.contendor{
float:left;
background-color:blue;
width:300px;
}
.menu{
background-color:yellow;
}
.noticia{
background-color:green;
}
Expuse estas dos opciones porque de verdad no se cual sea tu caso y
disculpa si no logre entender al 100% tu pregunta.
si como dices estas comenzando en php, no se si sera igual para el html,
lo
que puedo recomendar es que no hagas abuso de las id ya que el html y php
no necesitan de ellas a menos que quieras acceder a ellas a travez de
javascript (y aun asi puedes accesarlos a travez de las clases).
Trata en la medida que puedas mantener el flujo natural de los elementos
html, con esto quiero decir que coloques el elemento mas adecuado para el
caso que necesites ya que con esto ahorras codigo y tiempo.
El 27 de noviembre de 2011 05:24, Carlos Nuñez cha...@gmail.com
escribió:
perdon le di a enviar sin querer:
body
div id=id
div id=id0/div
div id=id1/div
/div
/body
El 27 de noviembre de 2011 10:53, Carlos Nuñez cha...@gmail.com
escribió:
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com
escribió:
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu
explicacion y poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un problema
en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de noticias
que
ira creciendo hasta mostrar N noticias. Ambos tienen un fondo y
flotados
a
la izquierda. En el caso del cuerpo tiene altura automatica y al
Re: [Ovillo] Herencia de la altura
corrijo la linea de Jquery. $( .menu ).css( height, $( .noticias
).height() )
El 27 de noviembre de 2011 13:15, Pablo Muñoz pjm...@gmail.com escribió:
Ok, vamos de nuevo, y esta vez intento explicarte yo a ver si entendi...
Tu quieres que el menu siempre tenga la misma altura que el de noticias,
tu problema es que esa altura no es estatica, va a cambiar dependiendo de
la cantidad de noticias tenga adentro, y como desconoces cual va a ser el
futuro tamaño, entonces en este punto comienza tu problema... es esto lo
que te sucede?
si es un SIII entonces, la solucion la tienes que buscar con
javascript ya que los tamaños dinamicos finales solo los conoce el DOM, y
con quien puedes manipular el DOM es con javascript.
siendo este el caso recomiendo usar Jquery, con tan solo escribir $(
.menu ).css( height, $( .noticias ).css(height) ) ya estaria
resuelto tu problema
El 27 de noviembre de 2011 08:26, Carlos Nuñez cha...@gmail.comescribió:
Te doy mil gracias por el tiempo que estas dedicandome pero no me
explico bien, lo intentare de nuevo jeje:
Yo tengo un div de menu que lo utilizare para tal fin y será de tamaño
fijo (altura y anchura) luego tendre un cuerpo dnd saldrán las
noticias y este tendrá altura variable. Mi problema es que quiero que
el menu tenga la misma altura que el div de las noticias. Quiero que
sea dinámico, para que si hay una o dos noticias la altura del menu
sea la misma que el de las noticias. No se si es posible hacerse y
viendo las complicaciones q me esta generando me estoy plantenando
poner un tamaño fijo al menu.
El contenedor lo uso para que no se descuajaringue al aumentar con las
noticias, que no se deforme la web vaya.
A ver si aclaro mas, respecto al contenido da igual lo que vaya de dentro.
Gracias
Carlos Nuñez,
El 27/11/2011, a las 11:55, Pablo Muñoz pjm...@gmail.com escribió:
Ok, te voy a exponer 2 casos.
1) si lo que quieres hacer es algo parecido a
Menu (categoria 1)
noticia 1
noticia 2
noticia 3
menu (categoria 2)
noticia 4
noticia 5
noticia 6
Mi recomendacion es que hagas uso del ul y li, ya que fueron diseñadas
para
este fin. Quedaria mas o menos asi
div class='contenedorIzquierdo'
ul
li
menu (categoria 1)
ul
linoticia 1/li
linoticia 2/li
linoticia 3/li
/ul
/li
li
menu (categoria 2)
ul
linoticia 4/li
linoticia 5/li
linoticia 6/li
/ul
/li
/ul
/div
la css quedaria algo parecido a esto
.contenedorIzquierdo{
width:200px;
background-color:red;
float:left; /*si lo necesitas*/
}
.contenedorIzquierdo ul{
/*en caso que no quieras mostrar viñetas*/
list-style:none;
background-color:blue;
}
contenedorIzquierdo li{
background-color:yellow;
}
2) si lo que quieres hacer es algo parecido a esto:
Menu 1
Menu 2
Menu 3
--
noticia 1
noticia 2
noticia 3
entonces recomiendo que tu html quede algo parecido a esto
div class='contenedor'
div class='menu'
!-- lo que quieras poner aqui --
/div
div class='noticia'
!-- lo que quieras poner aqui --
/div
/div
y la css quedaria algo parecido a
.contendor{
float:left;
background-color:blue;
width:300px;
}
.menu{
background-color:yellow;
}
.noticia{
background-color:green;
}
Expuse estas dos opciones porque de verdad no se cual sea tu caso y
disculpa si no logre entender al 100% tu pregunta.
si como dices estas comenzando en php, no se si sera igual para el
html, lo
que puedo recomendar es que no hagas abuso de las id ya que el html y
php
no necesitan de ellas a menos que quieras acceder a ellas a travez de
javascript (y aun asi puedes accesarlos a travez de las clases).
Trata en la medida que puedas mantener el flujo natural de los elementos
html, con esto quiero decir que coloques el elemento mas adecuado para
el
caso que necesites ya que con esto ahorras codigo y tiempo.
El 27 de noviembre de 2011 05:24, Carlos Nuñez cha...@gmail.com
escribió:
perdon le di a enviar sin querer:
body
div id=id
div id=id0/div
div id=id1/div
/div
/body
El 27 de noviembre de 2011 10:53, Carlos Nuñez cha...@gmail.com
escribió:
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com
escribió:
Hola!
Oye! Mejor coloca tu html aqui tambien para entender mejor tu
explicacion y poder darte una respuesta acertada!
Carlos Nuñez cha...@gmail.com escribió:
Buenos dias, estoy aprendiendo php y me he encontrado con un
problema
en
css. Tengo poca experiencia a ver si puedo explicarme con claridad:
Tengo un div contenedor que contiene un menu y un cuerpo de
Re: [Ovillo] Herencia de la altura
Ahora si nos hemos entendido.Queria evitar el uso de javascript, pero veo
que en este caso no seria posible. Muchas gracias Pablo.
El 27 de noviembre de 2011 18:47, Pablo Muñoz pjm...@gmail.com escribió:
corrijo la linea de Jquery. $( .menu ).css( height, $( .noticias
).height() )
El 27 de noviembre de 2011 13:15, Pablo Muñoz pjm...@gmail.com escribió:
Ok, vamos de nuevo, y esta vez intento explicarte yo a ver si entendi...
Tu quieres que el menu siempre tenga la misma altura que el de noticias,
tu problema es que esa altura no es estatica, va a cambiar dependiendo de
la cantidad de noticias tenga adentro, y como desconoces cual va a ser el
futuro tamaño, entonces en este punto comienza tu problema... es esto lo
que te sucede?
si es un SIII entonces, la solucion la tienes que buscar con
javascript ya que los tamaños dinamicos finales solo los conoce el DOM, y
con quien puedes manipular el DOM es con javascript.
siendo este el caso recomiendo usar Jquery, con tan solo escribir $(
.menu ).css( height, $( .noticias ).css(height) ) ya estaria
resuelto tu problema
El 27 de noviembre de 2011 08:26, Carlos Nuñez cha...@gmail.com
escribió:
Te doy mil gracias por el tiempo que estas dedicandome pero no me
explico bien, lo intentare de nuevo jeje:
Yo tengo un div de menu que lo utilizare para tal fin y será de tamaño
fijo (altura y anchura) luego tendre un cuerpo dnd saldrán las
noticias y este tendrá altura variable. Mi problema es que quiero que
el menu tenga la misma altura que el div de las noticias. Quiero que
sea dinámico, para que si hay una o dos noticias la altura del menu
sea la misma que el de las noticias. No se si es posible hacerse y
viendo las complicaciones q me esta generando me estoy plantenando
poner un tamaño fijo al menu.
El contenedor lo uso para que no se descuajaringue al aumentar con las
noticias, que no se deforme la web vaya.
A ver si aclaro mas, respecto al contenido da igual lo que vaya de
dentro.
Gracias
Carlos Nuñez,
El 27/11/2011, a las 11:55, Pablo Muñoz pjm...@gmail.com escribió:
Ok, te voy a exponer 2 casos.
1) si lo que quieres hacer es algo parecido a
Menu (categoria 1)
noticia 1
noticia 2
noticia 3
menu (categoria 2)
noticia 4
noticia 5
noticia 6
Mi recomendacion es que hagas uso del ul y li, ya que fueron diseñadas
para
este fin. Quedaria mas o menos asi
div class='contenedorIzquierdo'
ul
li
menu (categoria 1)
ul
linoticia 1/li
linoticia 2/li
linoticia 3/li
/ul
/li
li
menu (categoria 2)
ul
linoticia 4/li
linoticia 5/li
linoticia 6/li
/ul
/li
/ul
/div
la css quedaria algo parecido a esto
.contenedorIzquierdo{
width:200px;
background-color:red;
float:left; /*si lo necesitas*/
}
.contenedorIzquierdo ul{
/*en caso que no quieras mostrar viñetas*/
list-style:none;
background-color:blue;
}
contenedorIzquierdo li{
background-color:yellow;
}
2) si lo que quieres hacer es algo parecido a esto:
Menu 1
Menu 2
Menu 3
--
noticia 1
noticia 2
noticia 3
entonces recomiendo que tu html quede algo parecido a esto
div class='contenedor'
div class='menu'
!-- lo que quieras poner aqui --
/div
div class='noticia'
!-- lo que quieras poner aqui --
/div
/div
y la css quedaria algo parecido a
.contendor{
float:left;
background-color:blue;
width:300px;
}
.menu{
background-color:yellow;
}
.noticia{
background-color:green;
}
Expuse estas dos opciones porque de verdad no se cual sea tu caso y
disculpa si no logre entender al 100% tu pregunta.
si como dices estas comenzando en php, no se si sera igual para el
html, lo
que puedo recomendar es que no hagas abuso de las id ya que el html y
php
no necesitan de ellas a menos que quieras acceder a ellas a travez de
javascript (y aun asi puedes accesarlos a travez de las clases).
Trata en la medida que puedas mantener el flujo natural de los
elementos
html, con esto quiero decir que coloques el elemento mas adecuado para
el
caso que necesites ya que con esto ahorras codigo y tiempo.
El 27 de noviembre de 2011 05:24, Carlos Nuñez cha...@gmail.com
escribió:
perdon le di a enviar sin querer:
body
div id=id
div id=id0/div
div id=id1/div
/div
/body
El 27 de noviembre de 2011 10:53, Carlos Nuñez cha...@gmail.com
escribió:
el html es tal como expliqué:
html
body
div id=id0
div id=id0/div
div id=id1/div
/div
El 27 de noviembre de 2011 10:35, Pablo Muñoz pjm...@gmail.com
escribió:
Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla... Pablo escribió: Tienes 2 opciones. 1) display:none; Esta opcion oculta al elemento como tambien su espacio ocupado, por ende, los elementos adyacentes ocupan la posicion del elemento ocultado. 2) visibility:hidden; Esta opcion, al igual que el primero oculta al elemento pero el espacio ocupado por este se mantiene. Los elementos adyacentes siguen manteniendo su posicion original. ___ 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] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no ser que tenga enlace con title al menos). Un saludo. -Mensaje original- From: Ramón Corominas Sent: Sunday, November 27, 2011 10:10 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] RV: Mal uso del SPAN Y ambas oociones serán inaccesibles a un lector de pantalla... Pablo escribió: Tienes 2 opciones. 1) display:none; Esta opcion oculta al elemento como tambien su espacio ocupado, por ende, los elementos adyacentes ocupan la posicion del elemento ocultado. 2) visibility:hidden; Esta opcion, al igual que el primero oculta al elemento pero el espacio ocupado por este se mantiene. Los elementos adyacentes siguen manteniendo su posicion original. ___ 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] RV: Mal uso del SPAN
Antes yo usaba 'display_:none' (mal pues) pero como lo manifesté en su
momento, el problema lo solucioné al rato con:
h1 span{
position:absolute;
text-indent:-px;
}
justamente para evitar la omisión del lector de pantallas.
Gracias por tu aporte
Saludos
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Ramón Corominas
Enviado el: domingo, 27 de noviembre de 2011 04:11 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
Tienes 2 opciones.
1) display:none; Esta opcion oculta al elemento como tambien su
espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
del elemento ocultado.
2) visibility:hidden; Esta opcion, al igual que el primero oculta al
elemento pero el espacio ocupado por este se mantiene. Los elementos
adyacentes siguen manteniendo su posicion original.
___
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] RV: Mal uso del SPAN
Parece que no se me entendió.
Lo que yo quería es hacer posible la visibilidad del logo, pero no quería
mostrar el texto sobre el logo.
AL hacwer uso del Span, solo moví el texto.
h1 span{
position:absolute;
text-indent:-px;
}
mas no moví la imagen que seguía visible. Así me evitaba que el lector de
pantalla omitiera la lectura de la descripción. No sé si ahora me expliqué
bien, o la solución que le di al asunto no es la más adecuada.
Muchas gracias
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Nacho Diez-Quijada Argaya
Enviado el: domingo, 27 de noviembre de 2011 04:23 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no
ser que tenga enlace con title al menos).
Un saludo.
-Mensaje original-
From: Ramón Corominas
Sent: Sunday, November 27, 2011 10:10 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
Tienes 2 opciones.
1) display:none; Esta opcion oculta al elemento como tambien su
espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
del elemento ocultado.
2) visibility:hidden; Esta opcion, al igual que el primero oculta al
elemento pero el espacio ocupado por este se mantiene. Los elementos
adyacentes siguen manteniendo su posicion original.
___
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] RV: Mal uso del SPAN
Lo que ocurre es si un usuario navega con las imágenes desactivadas no verá
el logo, y si el texto lo has desplazado o lo has hecho no visible
tampoco. Al menos debería tener el enlace clásico a la página principal y
ese a href un title que permita mostrar algo de texto ya que al no haber
imagen no usas alt. Yo prefiero colocar la imagen porque aunque no sea
recomendado en cuanto a semántica me parece más adecuado de cara a la
accesibilidad.
Un saludo.
p.s. Yo usaba esa técnica hasta que me dio por navegar sin imágenes.
-Mensaje original-
From: MIguel Flores Franco
Sent: Sunday, November 27, 2011 10:51 PM
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Parece que no se me entendió.
Lo que yo quería es hacer posible la visibilidad del logo, pero no quería
mostrar el texto sobre el logo.
AL hacwer uso del Span, solo moví el texto.
h1 span{
position:absolute;
text-indent:-px;
}
mas no moví la imagen que seguía visible. Así me evitaba que el lector de
pantalla omitiera la lectura de la descripción. No sé si ahora me expliqué
bien, o la solución que le di al asunto no es la más adecuada.
Muchas gracias
Miguel
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Nacho Diez-Quijada Argaya
Enviado el: domingo, 27 de noviembre de 2011 04:23 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] RV: Mal uso del SPAN
Y sin ir tan lejos..., a usuarios que desactivan la carga de imágenes (a no
ser que tenga enlace con title al menos).
Un saludo.
-Mensaje original-
From: Ramón Corominas
Sent: Sunday, November 27, 2011 10:10 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] RV: Mal uso del SPAN
Y ambas oociones serán inaccesibles a un lector de pantalla...
Pablo escribió:
Tienes 2 opciones.
1) display:none; Esta opcion oculta al elemento como tambien su
espacio ocupado, por ende, los elementos adyacentes ocupan la posicion
del elemento ocultado.
2) visibility:hidden; Esta opcion, al igual que el primero oculta al
elemento pero el espacio ocupado por este se mantiene. Los elementos
adyacentes siguen manteniendo su posicion original.
___
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
___
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
