Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema jose lopez
saludos.
continúa la incógnita, aquí no hay quien fije un pie al fondo del
navegador...
pienso que sería interesante que lo resolviéramos aquí, ya que se trata de
un layout muy típico y difundido y sin embargo, cómo estamos comprobando(yo
al menos) es difícil de conseguir con css.
así que nada, yo sigo rompiéndome la cabeza por mi cuenta.
ánimo!!! el reto continúa.
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Visualización de formulario en Firefox

2006-07-20 Por tema oberon
Le 19/07/2006 20:59, Verónica Fernández a ecrit :
 Hola a Todos!!!

 Abajo les copio el código de un formulario que he hecho con css, en el IE no
 tengo problemas pero cuando lo veo en el Firefox, parte del formulario pisa
 por afuera el div contenido y por ende el div que tengo como footer que es
 donde tengo incluido el formulario. Espero puedan ayudarme, Saludos! Vero
   

Eso es HTML, no CSS. A primera vista el html está mal formado, con 
parafos dentro de parafos,  lo que no permite la norma.

Pascal
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS y Handheld

2006-07-20 Por tema Albert Garcia
Hola de nuevo Javier:

Desde PHP puedes acceder al valor de user agent mediante la variable
$_SERVER[USER_AGENT].

Aquí te dejo un trozo de código que te permitiría identificar algunos
navegadores de PDA. Puedes completarlo tú mismo buscando qué valores envía
cada navegador:

? if ( strstr( $_SERVER[USER_AGENT], Windows CE ) || strstr(
$_SERVER[USER_AGENT], Windows+CE ) ) { ?
link href=/css/main_handhelds.css rel=stylesheet
type=text/css ? } else { ?
link href=/css/main.css rel=stylesheet type=text/css ? } ?

En ese trozo de código busco las cadenas Windows CE o Windows+CE en
USER_AGENT, lo que debería detectar la mayoría de navegadores que funcionen
bajo el SO de Microsoft, y muestra un CSS u otro. Si quieres saber qué valor
envía tu PDA, simplemente printa por pantalla el valor de la variable
$_SERVER[USER_AGENT], y añade la cadena correspondiente.

Espero que te sea de ayuda.

Un saludo,
 
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com


 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED]
 En nombre de Javier Prieto
 Enviado el: miércoles, 19 de julio de 2006 22:35
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] CSS y Handheld
 
 Gracias Albert:
 
 Parece una solución bastante maja, lo que pasa es que por mas que lo 
 intento no sé muy cómo hacerlo porque mis conociemientos de PHP son 
 minimos.
 
 Si tienes algun ejemplo por ahi te lo agradecería... y sino ya sigo 
 peleándome
 
 Gracias de todas formas
 
 Albert Garcia escribió:
  Hola Javier,
 
  Desde el servidor podrías identificar el USER_AGENT que envía el 
  navegador que está solicitando la página, y dependiendo de éste 
  mostrar una u otra CSS. Digamos que hay bastantes
 navegadores para PDA
  que no detectan como deberían el atributo media, y de esta forma 
  puedes
 hilar más fino.
 
  Un saludo,
 
  Albert Garcia
  OboLog » Tus pensamientos en red
  http://www.obolog.com
  _
  Mi blog en http://obokaman.obolog.com
 
 
  -Mensaje original-
  De: [EMAIL PROTECTED]
  [mailto:[EMAIL PROTECTED]
  En nombre de Javier Prieto
  Enviado el: miércoles, 19 de julio de 2006 20:07
  Para: Ovillo@lists.ovillo.org
  Asunto: [Ovillo] CSS y Handheld
 
  Hola amigos:
 
  Estoy intentando hacer una web donde conseguir dos diseños
 distintos
  tanto para PC como para dispositivos móviles.
 
  Antes de hacer nada hice una paginita donde chequea que
 MEDIA usa para
  cargar los estilos (all, screen, braille, handheld, tty, tv, etc)
 
  Cargo la página en el PC y me dice que coge los estilos de
 tipo ALL y
  SCREEN.
  Cargo la pagina en mi PDA IExplorer y me dice que coge los
 ALL, SCREEN
  y HANDHELD.
 
  Total, que empiezo a diseñar mi página web con unos estilos para 
  SCREEN y otros para HANDHELD que machaquern a los anteriores.
 
  Iba todo bien cuando me instalo el Opera y el NetFront en
 mi PDA para
  ver qué tal y veo que estos navegadores no cogen el tipo HANDHELD, 
  sólo el ALL y el SCREEN. Con lo que el diseño que me muestra es que 
  hice para el PC, cosa que no quiero porque salen scrolls
 por todos lados.
 
  Conclusión y question: Queria saber si hay por aqui algun
 experto en
  este tema de diseño para dispositivos moviles que me pueda echar un 
  cable de cómo hacer para diseñar una web tanto para PC como para 
  dispositivos móviles de una manera correcta. claro
 si la hay.
 
  Muchas gracias a todos
  ___
  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://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://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://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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] CSS y Handheld

2006-07-20 Por tema Javier Prieto
IM-PRESIONANTE:

Me podia haber vuelto loco jejejeje. Te lo agradezco enormememente. 
Empezaré con las pruebas

Saludos


Albert Garcia escribió:
 Hola de nuevo Javier:

 Desde PHP puedes acceder al valor de user agent mediante la variable
 $_SERVER[USER_AGENT].

 Aquí te dejo un trozo de código que te permitiría identificar algunos
 navegadores de PDA. Puedes completarlo tú mismo buscando qué valores envía
 cada navegador:

 ? if ( strstr( $_SERVER[USER_AGENT], Windows CE ) || strstr(
 $_SERVER[USER_AGENT], Windows+CE ) ) { ?
   link href=/css/main_handhelds.css rel=stylesheet
 type=text/css ? } else { ?
   link href=/css/main.css rel=stylesheet type=text/css ? } ?

 En ese trozo de código busco las cadenas Windows CE o Windows+CE en
 USER_AGENT, lo que debería detectar la mayoría de navegadores que funcionen
 bajo el SO de Microsoft, y muestra un CSS u otro. Si quieres saber qué valor
 envía tu PDA, simplemente printa por pantalla el valor de la variable
 $_SERVER[USER_AGENT], y añade la cadena correspondiente.

 Espero que te sea de ayuda.

 Un saludo,
  
 Albert Garcia
 OboLog » Tus pensamientos en red
 www.obolog.com
 __
 Mi blog personal en http://obokaman.obolog.com


   
 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED]
 En nombre de Javier Prieto
 Enviado el: miércoles, 19 de julio de 2006 22:35
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] CSS y Handheld

 Gracias Albert:

 Parece una solución bastante maja, lo que pasa es que por mas que lo 
 intento no sé muy cómo hacerlo porque mis conociemientos de PHP son 
 minimos.

 Si tienes algun ejemplo por ahi te lo agradecería... y sino ya sigo 
 peleándome

 Gracias de todas formas

 Albert Garcia escribió:
 
 Hola Javier,

 Desde el servidor podrías identificar el USER_AGENT que envía el 
 navegador que está solicitando la página, y dependiendo de éste 
 mostrar una u otra CSS. Digamos que hay bastantes
   
 navegadores para PDA
 
 que no detectan como deberían el atributo media, y de esta forma 
 puedes
   
 hilar más fino.
 
 Un saludo,

 Albert Garcia
 OboLog » Tus pensamientos en red
 http://www.obolog.com
 _
 Mi blog en http://obokaman.obolog.com


 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED]
 En nombre de Javier Prieto
 Enviado el: miércoles, 19 de julio de 2006 20:07
 Para: Ovillo@lists.ovillo.org
 Asunto: [Ovillo] CSS y Handheld

 Hola amigos:

 Estoy intentando hacer una web donde conseguir dos diseños
   
 distintos
 
 tanto para PC como para dispositivos móviles.

 Antes de hacer nada hice una paginita donde chequea que
   
 MEDIA usa para
 
 cargar los estilos (all, screen, braille, handheld, tty, tv, etc)

 Cargo la página en el PC y me dice que coge los estilos de
   
 tipo ALL y
 
 SCREEN.
 Cargo la pagina en mi PDA IExplorer y me dice que coge los
   
 ALL, SCREEN
 
 y HANDHELD.

 Total, que empiezo a diseñar mi página web con unos estilos para 
 SCREEN y otros para HANDHELD que machaquern a los anteriores.

 Iba todo bien cuando me instalo el Opera y el NetFront en
   
 mi PDA para
 
 ver qué tal y veo que estos navegadores no cogen el tipo HANDHELD, 
 sólo el ALL y el SCREEN. Con lo que el diseño que me muestra es que 
 hice para el PC, cosa que no quiero porque salen scrolls
   
 por todos lados.
 
 Conclusión y question: Queria saber si hay por aqui algun
   
 experto en
 
 este tema de diseño para dispositivos moviles que me pueda echar un 
 cable de cómo hacer para diseñar una web tanto para PC como para 
 dispositivos móviles de una manera correcta. claro
   
 si la hay.
 
 Muchas gracias a todos
 ___
 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://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://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://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://ovillo.org/mailman/listinfo/ovillo


 __ Información de NOD32, revisión 1.1668 (20060719) __

 Este mensaje 

Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Albert Garcia
 continúa la incógnita, aquí no hay quien fije un pie al fondo 
 del navegador...
 pienso que sería interesante que lo resolviéramos aquí, ya 
 que se trata de un layout muy típico y difundido y sin 
 embargo, cómo estamos comprobando(yo al menos) es difícil de 
 conseguir con css.
 así que nada, yo sigo rompiéndome la cabeza por mi cuenta.
 ánimo!!! el reto continúa.

Buenas a [EMAIL PROTECTED],

Me he perdido los mensajes anteriores a éste, y no sé si lo que buscáis es
una solución que haga uso *exclusivamente* de CSS, sin Javascript, pero de
todas formas hago mi aportación al asunto. 

Hasta donde sé, es imposible reproducir el mismo comportamiento de la
propiedad position:fixed; en IE sólamente con CSS. Lo que se puede hacer
es simular ese comportamiento incrustando al CSS una expresión javascript,
de la siguiente manera

--
style type=text/css
#wrapper { [...] }
#header  { [...] }
#body{ [...] }
#footer  {
position:absolute;
bottom:0;
}

/* Esto nos permite que los demás navegadores apliquen el
position:fixed, ya que IE no reconoce esta la sintaxix padre  hijo */
#wrapper  #footer {
position:fixed;
}
/style

!-- Y estos condicionales nos permiten que sólo IE aplique el
top:expression([...]) --

!--[if gte IE 5.5]
![if lt IE 7]
style type=text/css
#footer {
  top: expression( ( 0 - footer.offsetHeight + (
document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight ) + (
ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
/style
![endif]
![endif]-- 

---

Puedes ver un ejemplo en vivo en
http://www.obokaman.com/tests/footer_fix.html .

Espero que fuera esto lo que buscábais.

Un saludo,
 
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Iban Rodriguez
Yo también me perdí los mensajes anteriores pero sólo opino que me parece un
fallo garrafal.

Si meto un DIV al que pongo margin-left: auto, margin-right: auto, width:
760px y height: 100%, debería ser un div que ocupase toda la altura de la
pantalla y se estirase según modifico el tamaño del navegador, y que
estuviese centrado.
Cumple con todo excepto con la altura, a la que normalmente hay que decirle
min-height: 400px, height: auto, y rezar para que funcione bien.

Como normalmente interesa que tenga (al menos) la misma altura que los menus
laterales, lo que suelo hacer es meter un javascript que detecta qué div
tiene más altura (menu o contenido) y modifico la del perdedor.

Un saludo.

__
?php
$Autor = Iban Rodriguez;
// Programador, THE MOVIE
?
www.themovie.org


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Albert Garcia
Enviado el: jueves, 20 de julio de 2006 10:24
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] cabecera y pie, top y bottom

 continúa la incógnita, aquí no hay quien fije un pie al fondo
 del navegador...
 pienso que sería interesante que lo resolviéramos aquí, ya
 que se trata de un layout muy típico y difundido y sin
 embargo, cómo estamos comprobando(yo al menos) es difícil de
 conseguir con css.
 así que nada, yo sigo rompiéndome la cabeza por mi cuenta.
 ánimo!!! el reto continúa.

Buenas a [EMAIL PROTECTED],

Me he perdido los mensajes anteriores a éste, y no sé si lo que buscáis es
una solución que haga uso *exclusivamente* de CSS, sin Javascript, pero de
todas formas hago mi aportación al asunto.

Hasta donde sé, es imposible reproducir el mismo comportamiento de la
propiedad position:fixed; en IE sólamente con CSS. Lo que se puede hacer
es simular ese comportamiento incrustando al CSS una expresión javascript,
de la siguiente manera

--
style type=text/css
#wrapper { [...] }
#header  { [...] }
#body{ [...] }
#footer  {
position:absolute;
bottom:0;
}

/* Esto nos permite que los demás navegadores apliquen el
position:fixed, ya que IE no reconoce esta la sintaxix padre  hijo */
#wrapper  #footer {
position:fixed;
}
/style

!-- Y estos condicionales nos permiten que sólo IE aplique el
top:expression([...]) --

!--[if gte IE 5.5]
![if lt IE 7]
style type=text/css
#footer {
  top: expression( ( 0 - footer.offsetHeight + (
document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight ) + (
ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}
/style
![endif]
![endif]--

---

Puedes ver un ejemplo en vivo en
http://www.obokaman.com/tests/footer_fix.html .

Espero que fuera esto lo que buscábais.

Un saludo,

Albert Garcia
OboLog  Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Pablo Suárez León
Vamos a ver si está...
La idea es, un contenedor principal posicionado relativamente con un height
del 100% para explorer y un min-height del 100% para el resto.
El html y body también con una altura del 100%
Una cabecera y un pie con un height  posicionadas en absoluto en ese
contendor en top y botton respectivamente.
Un div contenido con un padding-top y padding-bottom igual a la altura de
cabecera y puie respectivamente.

Aquí va el html :

html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
titlePrueba/title
style
html,body{
height:100%;
margin:0px;
padding:0px;
}
#contenedor{
min-height:100%;
position:relative;
margin:0px auto;
}
* html #contenedor{
height:100%;
}
#cabecera{
height:25px;
width:100%;
background-color:black;
position:absolute;
left:0px;
top:0px;
}
#pie{
height:25px;
width:100%;
background-color:black;
position:absolute;
left:0px;
bottom:0px;
}
#contenido{
padding-top:25px;
padding-bottom:25px;
}
/style
/head

body
div id=contenedor
div id=cabecera/div
div id=contenido/div
div id=pie/div
/div
/body
/html

Probado en Firefox y explorer.


Pablo Suárez León
Analista Programador
Technosite - Grupo Fundosa
Tel: 91 121 03 30
Fax: 91 375 70 51
www.technosite.es




___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Albert Garcia
 Yo también me perdí los mensajes anteriores pero sólo opino 
 que me parece un fallo garrafal.
 
 Si meto un DIV al que pongo margin-left: auto, margin-right: 
 auto, width:
 760px y height: 100%, debería ser un div que ocupase toda la 
 altura de la pantalla y se estirase según modifico el tamaño 
 del navegador, y que estuviese centrado.
 Cumple con todo excepto con la altura, a la que normalmente 
 hay que decirle
 min-height: 400px, height: auto, y rezar para que funcione bien.
 
 Como normalmente interesa que tenga (al menos) la misma 
 altura que los menus laterales, lo que suelo hacer es meter 
 un javascript que detecta qué div tiene más altura (menu o 
 contenido) y modifico la del perdedor.

Buenas Iban,

Hablamos de lo mismo? Creo que lo que pretendían conseguir era un bloque, el
footer, que siempre ocupara el espacio inferior de la pantalla: tanto cuando
el contenido no se extendía hasta el mismo, como cuando el contenido excedía
el alto de pantalla. Es decir: un elemento fijo en la pantalla, sea cual sea
la extensión del documento.

De no ser así, no me hagais mucho caso... Hasta pasadas las 11 no suelo
tener muchas luces. ;)

Un saludo,
 
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema sn
saludos a los nuevos llegados a este hilo;
no, andáis un poco desencaminados. no se trata de un pie posicionado
mediante fixed, sino un pie que permanezca fijo, pegado a la parte
inferior de la ventana del navegador. a continuación os pego un ejemplo de
lo que tratamos de conseguir pero utilizando javascript para detectar la
altura de la pantalla. el reto es hacer lo mismo sólo con css.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;

html
head
titleMy Blog/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /

style type=text/css

body {
   background: #F7F7F6 url(images/background.gif) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
}

.clear {
clear: both;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 692px;

}

h1 {
   text-indent: -px;
   width: 692px;
   height: 90px;
   background-color:#16776a;
   margin: 0;
   padding: 0;
}


#left {
width: 178px;
float: left;
}

#content {
width: 479px;
float: left;
padding: 15px 0 10px 20px;

}

#content h2 {
font: normal 18px Georgia, Times New Roman, Times, serif;
background: transparent url(images/bullet_title.gif) no-repeat;
color: #80866A;
width: 454px;
padding: 0 0 0 30px;
}

#footer {
margin: 0px auto;
position: relative;
background-color: #16776a;
border-top: 9px solid #F7F7F6;
width: 692px;
padding: 5px 0;
clear: both;
}

#footer h2 {
margin: 0;
text-align: center;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
color: #D3D8C4;
text-decoration: none;
border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
color: #F7F7F6;
text-decoration: none;
border-bottom: none;
background-color: #A5003B;
}

.text {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #5B604C;
margin-bottom: 10px;
}

.imageright {
float: right;
padding: 7px;
margin-left: 10px;
background-color: #ff;
border: 1px solid #bac1a3;
}

/* --- navigation --- */

#navcontainer {
width: 178px;

}

#navcontainer ul {
margin: 0;
 padding: 0;
 list-style-type: none;
 font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 20px;
letter-spacing: 1px;
border-bottom: 1px solid #fff;
}

#navcontainer a {
 display: block;
 width: 178px;
 height: 22px;
}

#navcontainer a:link, #navcontainer a:visited {
background: url(images/bg_navbutton.gif);
 color: #5C604D;
 text-decoration: none;
}

#navcontainer a:hover {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}

#navcontainer li a#current {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}

/style
script type=text/javascript
!--
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number') {
windowHeight = window.innerHeight;
}
else {
if (document.documentElement 
document.documentElement.clientHeight) {
windowHeight = document.documentElement.clientHeight;
}
else {
if (document.body  document.body.clientHeight) {
windowHeight = document.body.clientHeight;
}
}
}
return windowHeight;
}
function setFooter() {
if (document.getElementById) {
var windowHeight = getWindowHeight();
if (windowHeight  0) {
var contentHeight = document.getElementById
('container').offsetHeight;
var footerElement = document.getElementById('footer');
var footerHeight  = footerElement.offsetHeight;
if (windowHeight - (contentHeight + footerHeight) = 0)
{
footerElement.style.position = 'relative';
footerElement.style.top = (windowHeight -
(contentHeight + footerHeight)) + 'px';
}
else {
footerElement.style.position = 'static';
}
}
}
}
window.onload = function() {
setFooter();
}
window.onresize = function() {
setFooter();
}
//--
/script

/head

body

!-- Begin Container --
div id=container

h1My Blog/h1

!-- Begin LEFT --
div id=left

!-- Begin navigation --
div id=navcontainer
 ul
 lia href=# id=currentHome/a/li

 lia href=#About me/a/li
 lia href=#Contact me/a/li
 lia href=#Articles/a/li
 lia href=#Photo roll/a/li
 /ul
/div
!-- End navigation --

/div
!-- 

Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Albert Garcia
 Vamos a ver si está...
 La idea es, un contenedor principal posicionado relativamente 
 con un height del 100% para explorer y un min-height del 100% 
 para el resto.
 El html y body también con una altura del 100% Una cabecera y 
 un pie con un height  posicionadas en absoluto en ese 
 contendor en top y botton respectivamente.
 Un div contenido con un padding-top y padding-bottom igual a 
 la altura de cabecera y puie respectivamente.

Cojonuda solución. ;) La única limitación es que a medida que el cuerpo de
la página crezca, empujará al footer hacia abajo.

Un saludo,
 
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Pablo Suárez León
Limitación? 


Pablo Suárez León
Analista Programador
Technosite - Grupo Fundosa
Tel: 91 121 03 30
Fax: 91 375 70 51
www.technosite.es

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Albert Garcia
Enviado el: jueves, 20 de julio de 2006 11:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] cabecera y pie, top y bottom

 Vamos a ver si está...
 La idea es, un contenedor principal posicionado relativamente con un 
 height del 100% para explorer y un min-height del 100% para el resto.
 El html y body también con una altura del 100% Una cabecera y un pie 
 con un height  posicionadas en absoluto en ese contendor en top y 
 botton respectivamente.
 Un div contenido con un padding-top y padding-bottom igual a la altura 
 de cabecera y puie respectivamente.

Cojonuda solución. ;) La única limitación es que a medida que el cuerpo de
la página crezca, empujará al footer hacia abajo.

Un saludo,
 
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema sn
bravo!!!
pablo suárez león a conseguido exactamente lo que buscábamos, además con
sencillez y elegancia.
hago 3 posternaciones cómo agradecimiento, de veras que ya no sabía que
probar.
realmente me alegro de pertenecer a esta lista de correo. todo este
conocimiento compartido desinteresadamente me conmueve(de veras).

un saludo y un bucle infinito de 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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] cabecera y pie, top y bottom

2006-07-20 Por tema Iban Rodriguez
Creo que sí hablamos de lo mismo. El fallo lo achacaba a CSS, no a tí, por
si se entendió mal.
Es decir, está bien claro que esto es un problema muy comun y con demasiado
código para lo que se pretende conseguir.
Si width 100% ocupa toda la pantalla, sea cual sea el tamaño, height 100%
debería hacer lo mismo.

Buenas Iban,

Hablamos de lo mismo? Creo que lo que pretendían conseguir era un bloque, el
footer, que siempre ocupara el espacio inferior de la pantalla: tanto cuando
el contenido no se extendía hasta el mismo, como cuando el contenido excedía
el alto de pantalla. Es decir: un elemento fijo en la pantalla, sea cual sea
la extensión del documento.

De no ser así, no me hagais mucho caso... Hasta pasadas las 11 no suelo
tener muchas luces. ;)

Un saludo,

Albert Garcia
OboLog  Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com

___
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://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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Títulos (o nombres) para menús

2006-07-20 Por tema Inma Bermejo Salar
Hola a todos,
hoy hablando con un amigo me ha planteado una cuestión sobre marcado que
personalmente no me había planteado antes porque la tenía clara.

Se trata de los típicos títulos o nombres que se ponen a los menús, es
decir, algo como:

#menu de navegacion
*mapa web
*categorias
*buscador
*archivo completo por fecha

#menu de contacto
*enviar correo electronio
*hablar por chat
*hablar por skype

no sé si me explico, el ejemplo es patético (no se me ocurría nada) pero
espero que ilustre lo que quiero decir.

Entonces, supongo que todos coincidimos que para los menús se deben usar
listas, y yo digo que para los nombres de los diferentes menús, lo
correcto es usar un encabezado (hx, no me importa ahora el nivel del
encabezado). La otra opción que se nos plantea por ahora es un span.

Me gustaría saber qué pensáis, si conocéis alguna referencia al respecto, y
si proponéis alguna alternativa, porque aunque los encabezados no fueran lo
correcto, lo del span no me parece apropiado en absoluto.

Saludos y gracias!!!

-- 
...el mundo es una tontería si vas dejando que se escape lo que más
querías
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Títulos (o nombres) para menús

2006-07-20 Por tema Juan G. Hurtado
Buenas,

El 20/07/2006, a las 11:54, Inma Bermejo Salar escribió:

 Hola a todos,
 hoy hablando con un amigo me ha planteado una cuestión sobre  
 marcado que
 personalmente no me había planteado antes porque la tenía clara.

 Se trata de los típicos títulos o nombres que se ponen a los menús, es
 decir, algo como:

 #menu de navegacion
 *mapa web
 *categorias
 *buscador
 *archivo completo por fecha

 #menu de contacto
 *enviar correo electronio
 *hablar por chat
 *hablar por skype

 no sé si me explico, el ejemplo es patético (no se me ocurría nada)  
 pero
 espero que ilustre lo que quiero decir.

 Entonces, supongo que todos coincidimos que para los menús se deben  
 usar
 listas, y yo digo que para los nombres de los diferentes menús, lo
 correcto es usar un encabezado (hx, no me importa ahora el nivel del
 encabezado). La otra opción que se nos plantea por ahora es un span.

 Me gustaría saber qué pensáis, si conocéis alguna referencia al  
 respecto, y
 si proponéis alguna alternativa, porque aunque los encabezados no  
 fueran lo
 correcto, lo del span no me parece apropiado en absoluto.

Personalmente, uso encabezados. No he encontrado otra opción mejor.  
Podríamos ponernos a discutir si deberíamos usar DL, con su DT y sus  
DD... pero creo que eso sería rizar el rizo de forma descontrolada, y  
es precisamente eso lo que hay que evitar.

Un saludo.

--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]



___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Títulos (o nombres) para menús

2006-07-20 Por tema Daniel Torres Burriel
El 20/07/2006, a las 11:54, Inma Bermejo Salar escribió:

 Hola a todos,
 hoy hablando con un amigo me ha planteado una cuestión sobre marcado 
 que
 personalmente no me había planteado antes porque la tenía clara.

 Se trata de los típicos títulos o nombres que se ponen a los menús, es
 decir, algo como:

Yo lo he hecho de dos formas. Con listas anidadas, de tal modo que el 
título sea un elemento de nivel superior al resto de ítems que engloba. 
Y también con encabezados.

Dos modelos:

a) Con encabezados: http://www.dphuesca.es
b) Con listas anidadas: http://www.zaragozaciudad.net

Igual te sirve.
-- 
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info  bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
___
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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Feliz Dia a todos

2006-07-20 Por tema Sureña
Feliz Dia Internacional del Amigo

Alejandra
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Todos los excesos son malos
Juzga tu exito, en relacion a lo que
tienes que renunciar para ello
Confia en Dios, pero cierra bien la puerta
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Feliz Dia a todos

2006-07-20 Por tema Sureña
muchas Gracias!!
Saludos

Alejandra
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre

2006-07-20 Por tema Jorge Rumoroso

 Fe de erratas:
 El codigo generado es más bien algo asi:
 ul
 lia href=#Item 1/a/li
 lia href=#Item 2/li
 ul
 lia href=#Item 2.1/a/li
 lia href=#Item 2.2/a/li
 /ul
 lia href=#Item 3/a/li
 etc...
 /ul


Pues si que debería poder ser revisardo, pues el hijo del elemento ul sólo
puede ser el elemento li.

www.niquelao.net
___
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://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Mobile Web Design - Free W3C Webinar

2006-07-20 Por tema Carlos Iglesias


Hola a todos,

Desde la Oficina Española del W3C nos llega una noticia que puede ser de 
vuestro interés:

--

Mobile Web Design - Free W3C Webinar, July 26 2006


W3C presents: Mobile Web Design

Need help with the challenges of mobile Web design? Join us for a
free W3C webinar where you will learn from Cameron Moll, an expert
in mobile Web design what to think about when mobilizing your web
content.
  * What?
W3C Webinar: Mobile Web Design
  * When?
Wednesday, July 26 2006
12am Paris - 11am London - 6am Boston
  * Duration: 1h

If you are
  * experienced with XHTML/CSS
  * familiar with good markup techniques
  * unsure about this mobile Web thing

this Webinar is for you!

Abstract

Designing Web sites that are usable, accessible and elegant has its
challenges - but add digital products to the mix and it's a whole,
new ball game. The variety of screen sizes, devices, and operating
platforms alone can be overwhelming.

This presentation takes a look at where we're at, where we're
headed, and how to best extend an existing or planned Web site to
handheld devices with minimal repurposing of code, content, and
images. Discover the elements of forward thinking design needed to
maintain consistency, regardless of where and how users access your
content.

Invited Speaker: Cameron Moll

Cameron Moll is a freelance new media designer, author, and speaker.
Proficient in functional web design, elegant interfaces, and clean
markup, Cameron's work has been recognized by respected
organizations such as National Public Radio (NPR), Communication
Arts, and Veer. He was a contributing author for the book, CSS
Mastery and his personal site, [4]CameronMoll.com, delivers design
how-to in the form of engaging conversation, on-topic banter, and
downloadable artwork source files.

   [4] http://CameronMoll.com/

Attending the Webinar

If you are interested in attending, please fill in the application
form at

http://www.w3.org/2006/06/mobile-train/Overview.html

Attendees will be selected based on their experience with
traditional Web design, and their current and future plans in that
area.

Invitations including the Webinar phone number and
access code will be sent starting July 21.



Saludos,

Carlos Iglesias

Fundación CTIC
Parque Científico-Tecnológico de Gijón
33203 - Gijón, Asturias, España

teléfono: +34 984291212
fax: +34 984390612
email: [EMAIL PROTECTED]
URL: http://www.fundacionctic.org
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Feliz Dia a todos

2006-07-20 Por tema Leonel Silva
Feliz Día!!!

PD: Esto es un OT?  :S

On 7/20/06, Sureña [EMAIL PROTECTED] wrote:

 muchas Gracias!!
 Saludos

 Alejandra
 ___
 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://ovillo.org/mailman/listinfo/ovillo




-- 
Leonel Silva
Coordinador de experiencia de usuario
www.isometrico.com

Caracas - Venezuela
Ofic. (58) 212 - 573.97.36
Cel. (58) 412 - 294. 81.42
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre

2006-07-20 Por tema Abel Sutilo
Jorge Rumoroso escribió:

 Pues si que debería poder ser revisardo, pues el hijo del elemento ul sólo
 puede ser el elemento li.

 www.niquelao.net
   

Hola,

Por tu respuesta creo que ó no me has entendido ó no me expresado con 
claridad. Si revisas mi post original (no al segundo que he escrito como 
aclaración) quizás comprendas a lo que me refiero. De todas formas 
vuelvo a insistir por si alguien tiene una idea.

Premisas:
Se trata de pintar con CSS una lista para un menú sin usar id o class 
(sólo por herencias).

XHTML:
ul
lia href=#Item 1/a/li
lia href=#Item 2/li
ul
lia href=#Item 2.1/a/li
lia href=#Item 2.2/a/li
/ul
lia href=#Item 3/a/li
etc...
/ul

CSS:
ul{}
ul li{}
ul li a{}
ul li ul{}
ul li ul li {}
ul li ul li a {}

Hasta ahi sin problemas.

Problema:
El prolema es que aquellos Items que preceden a la lista anidada llevan 
un diseño diferente a aquellos que no preceden a una lista anidada [1] 
(luego los valores de ul li a{} no nos valen para el Item 2 en este 
ejemplo.

La pregunta:
strongSin usar id o class, ¿cómo recorcholis puedo pintar dicho Item 
que precede a la sublista de manera diferente?/strong
¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré 
nada en la especificación CSS2.

[1] Ejemplo gráfico para entenderlo mejor: 
http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif

Gracias,

--
Abel
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre

2006-07-20 Por tema Martin Szyszlican
[abajo mi respuesta]

Abel Sutilo escribió:
 Jorge Rumoroso escribió:
   
 Pues si que debería poder ser revisardo, pues el hijo del elemento ul sólo
 puede ser el elemento li.

 www.niquelao.net
   
 

 Hola,

 Por tu respuesta creo que ó no me has entendido ó no me expresado con 
 claridad. Si revisas mi post original (no al segundo que he escrito como 
 aclaración) quizás comprendas a lo que me refiero. De todas formas 
 vuelvo a insistir por si alguien tiene una idea.

 Premisas:
 Se trata de pintar con CSS una lista para un menú sin usar id o class 
 (sólo por herencias).

 XHTML:
 ul
 lia href=#Item 1/a/li
 lia href=#Item 2/li
 ul
 lia href=#Item 2.1/a/li
 lia href=#Item 2.2/a/li
 /ul
 lia href=#Item 3/a/li
 etc...
 /ul
   
Lo que te dice Jorge es que tu código debería tener un li alrededor de 
cada ul

ul
lia href=#Item 1/a/li
lia href=#Item 2/li
li
ul
lia href=#Item 2.1/a/li
lia href=#Item 2.2/a/li
/ul
/li
lia href=#Item 3/a/li
etc...
/ul


 CSS:
 ul{}
 ul li{}
 ul li a{}
 ul li ul{}
 ul li ul li {}
 ul li ul li a {}

 Hasta ahi sin problemas.

 Problema:
 El prolema es que aquellos Items que preceden a la lista anidada llevan 
 un diseño diferente a aquellos que no preceden a una lista anidada [1] 
 (luego los valores de ul li a{} no nos valen para el Item 2 en este 
 ejemplo.

 La pregunta:
 strongSin usar id o class, ¿cómo recorcholis puedo pintar dicho Item 
 que precede a la sublista de manera diferente?/strong
 ¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré 
 nada en la especificación CSS2.
   
Yo opto por algo que tal vez sea poco ortodoxo, pero siempre me ha 
funcionado de maravillas: contradecirme.
Por ejemplo:
li { color: black }
li li { color: red }

Entonces el li padre queda en negro y el li hijo queja en rojo. Podés 
definir cualquier propiedad para el padre siempre y cuando la 
contradigas para el hijo.

li { display: inline; }
li li { display: block; }


Creo que es una solución a tu problema. Si a alguien le parece una 
aberración, me encantaría conocer otras ideas.
 [1] Ejemplo gráfico para entenderlo mejor: 
 http://www.abelsutilo.com/documentos/ovillo/sublista/sublista.gif

 Gracias,

 --
 Abel
   

-- 
Martin Szyszlican
http://www.ylisto.info

Si este mensaje fué muy largo, fué poco profundo

___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre

2006-07-20 Por tema carlos campderrós
On 7/20/06, Abel Sutilo [EMAIL PROTECTED] wrote:

 XHTML:
 ul
 lia href=#Item 1/a/li
 lia href=#Item 2/li
ul
lia href=#Item 2.1/a/li
lia href=#Item 2.2/a/li
/ul
 lia href=#Item 3/a/li
 etc...
 /ul

Un toque de advertencia: En Strict este código es inválido (en
Transitional no lo sé, pero lo apunto por si las moscas), los LI
deberían contener a la lista anidada:

liitem 2
  ul
liitem 2.1/li
liitem 2.2/li
  /ul
/li
liitem 3/li

 Problema:
 El prolema es que aquellos Items que preceden a la lista anidada llevan
 un diseño diferente a aquellos que no preceden a una lista anidada [1]
 (luego los valores de ul li a{} no nos valen para el Item 2 en este
 ejemplo.

 La pregunta:
 strongSin usar id o class, ¿cómo recorcholis puedo pintar dicho Item
 que precede a la sublista de manera diferente?/strong
 ¿Alguna pseudoclase tipo :first-child pero a la inversa? No encontré
 nada en la especificación CSS2.

Creo que no. Muchas veces he querido hacerlo y al final siempre he
tirado de id o class... Con lo fácil que sería hacer unos operadores
de selectores como:

 (en contraposición a ):

li  ul { /* pondría en negrita los LI padres de un UL */
   font-weight: strong;
}

- (en contraposición a +):

li - li { /* pintaría de verde todos los LI que tuvieran un hermano
menor (algo así como todos menos el :last-child */
color: green;
}

obviamente, si algún dia se añade a la especificación, IE no hará ni caso :D

saludos

-- 
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Listas dentro de listas: Controlando el elemento LI padre

2006-07-20 Por tema carlos campderrós
On 7/20/06, Martin Szyszlican [EMAIL PROTECTED] wrote:
 Yo opto por algo que tal vez sea poco ortodoxo, pero siempre me ha
 funcionado de maravillas: contradecirme.
 Por ejemplo:
 li { color: black }
 li li { color: red }

 [...]

 li { display: inline; }
 li li { display: block; }


 Creo que es una solución a tu problema. Si a alguien le parece una
 aberración, me encantaría conocer otras ideas.

a mi me ha encantado, y supongo q a Abel más : )

-- 
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Visualización de formulario en Firefox

2006-07-20 Por tema Hugo A. Valencia
Hola Verónica,

2006/7/19, Verónica Fernández [EMAIL PROTECTED]:
 Hola a Todos!!!

 Abajo les copio el código de un formulario que he hecho con css, en el IE no
 tengo problemas pero cuando lo veo en el Firefox, parte del formulario pisa
 por afuera el div contenido y por ende el div que tengo como footer que es
 donde tengo incluido el formulario. Espero puedan ayudarme, Saludos! Vero

 [...texto borrado...]

Haz el Test de Validez del HTML antes de pasar a la Hoja de Estilos (CSS).

Aquí tienes la página de las herramientas para los
Test de Validez del W3C :

http://www.w3.org/QA/Tools/

Desde allí puedes verificar el HTML, los enlaces de
tu página y la hoja de estilos CSS.
Aparentemente hay algunas etiquetas *anidadas*
incorrectamente.
Yo también ando con problemas similares al tuyo
y estoy estudiando la cosa.

¿Estás trabajando con HTML o con XHTML?

Te mando algunos enlaces que pueden servirte,
son sobre la construcción de formularios.

http://jeffhowden.com/code/css/forms/

http://themaninblue.com/experiment/InForm/index.htm

Si tienes la página publicada, manda la dirección,
será más fácil ver los posibles errores, si no,
manda el HTML más la CSS.

Saludos

-- 
Hugo A. Valencia
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Menu: borrar espacio vacio entre lineas

2006-07-20 Por tema Javier Prieto
Creo que el error es que le das margin-left de 0px a la etiqueta ul. 
tienes que darle margin total porque sino te deja el margen que trae por 
defecto los ul

#navColumnRight ul {
list-style:none;
margin-left:0px;
padding: 0px;
}

deberia ser:

#navColumnRight ul {
list-style:none;
margin: 0px;
padding: 0px;
}

Good luck!


Victor Ariscain escribió:
 Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio
 entre los botones (que son una lista) y la siguiente linea de texto normal o
 una imagen. Gracias por cualquier sugerencia.
 Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/
 Y una imagen de lo que quiero lograr en
 http://www.disaster-info.net/testzone/testmenu/menuError.jpg

 Debajo copio el codigo

 Documento HTM:
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
 titleUntitled Document/title
 link href=test.css rel=stylesheet type=text/css /
 /head
 body
 div id=navColumnRight
 table width=100% border=0 cellpadding=0 cellspacing=0
 tr
 tdimg src=images/tambien_Subtitle.gif width=150 height=22 //td
 /tr
 tr
 td valign=topul
 lia href=titulos.htmTitulos/a/li
 lia href=impresos.htmImpresos/a/li
 lia href=cd.htmCD/a/li
 lia href=dvd.htmDVD/a/li
 /ul/td
 /tr
 tr
 tdimg src=images/massobre_Subtitle.gif width=150 height=22 //td
 /tr
 tr
 td valign=topul
 lia href=#.htmRevistas/a/li
 lia href=#.htmPosters/a/li
 /ul/td
 /tr
 tr
 tdLorem Ipsum soler sit ame prosentus morelum sintae acorpure /td
 /tr
 /table
 /div
 /body
 /html

 -
 Documento CSS
 #navColumnRight {
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:11px;
 width:150px;
 background-color:#00;
 }
 #navColumnRight ul {
 list-style:none;
 margin-left:0px;
 padding: 0px;
 }
 #navColumnRight li{
 border-bottom:1px solid #9A;
 }
 #navColumnRight li a:link, #navColumnRight li a:visited {
 background-image:url(images/menuColumnDownBullet.gif);
 display: block;
 padding: 0px 2px 0px 18px;
 border-left: 0px solid #711515;
 border-right: 0px solid #711515;
 background-color: #9A;
 color: #46461A;
 text-decoration: none;
 }
 #navColumnRight li a:hover{
 background-image:url(images/menuColumnOverBullet.gif);
 background-color:#144E56;
 color:#FF;
 }
 #navColumnRight ul ul li{
 margin-left:12px;
 }
 ___
 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://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://ovillo.org/mailman/listinfo/ovillo