Re: [Ovillo] formulario con dt y dd

2005-09-16 Por tema Francesc Rosàs
Básicamente quiero que los dd queden al lado de los dt, para ello es el 
float: left, pero a la vez quiero que los dt tengan alineación derecha y 
los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? El 
CSS de arriba es el quedó al final, al no poder encontrar otra forma, el 
original era:


   #formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px; 
float:left; clear:left; }

   #formularios dd { margin: .5em 0 0 13em; padding: 0; }


Prueba de definir un ancho para los dt.

Concretamente yo haría algo así:

dt
{
float: left;
clear: left;
width: 10em;
text-align: right;
margin: 0.5em 0;
margin-right: 1em;
}

dd
{
float: left;
margin: 0.5em 0;
}

Pero creo que en IE no funciona muy bien. Mejor mirate esto: 
http://www.romankoch.ch/capslock/cssdeflist.htm


Un saludo

--
Francesc Rosàs [EMAIL PROTECTED]
http://strut.ath.cx/
[EMAIL PROTECTED] (IM)
GPG ID: 0xFC84EFAB
___
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] Contenido extendido hasta abajo

2005-09-15 Por tema Francesc Rosàs

A ver si me iluminais un poquito. Tengo un layout con un mainbody que contiene un 
sidebar a la izquierda, y flotado a la derecha, un content.
De esta manera el div mainbody sera tan largo como el mas largo entre sidebar 
y content ( a parte de margenes).

Pero yo quiero ahora que si el sidebar es mas alto que el content, este ultimo se 
extienda la misma altura que el sidebar. Lo quiero porque tengo una imagen de fondo del 
content alineada bottom right, y en este caso queda a mitad de altura.

La tecnica de usar una imagen de fondo para mainbody no me vale en este caso 
pues ya la utilizo para diferenciar  el fondo del sidebar y del content.


Depende mucho del caso pero podrías meter un div (innermainbody) entre 
el mainbody y los sidebar/content. Así tendrías un nuevo anclaje 
dónde meter tu fondo (poco semántico, lo sé).



Y creo que me valdria el min-height en el content, pero claro, IE :-(


No tengo muy claro cómo se haría con un min-height pero si te sirve de 
algo aquí tienes un workaround para IE:


http://www.greywyvern.com/code/min-height-hack.html

--
Francesc Rosàs [EMAIL PROTECTED]
http://strut.ath.cx/
[EMAIL PROTECTED] (IM)
GPG ID: 0xFC84EFAB
___
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] estructura semantica ideal de un articulo de diario online

2005-09-01 Por tema Francesc Rosàs

aprovecho para hacer una aclaracion:
los tags h1-6 no deberian usarse para significar importancia sino mas bien 
para estructurar un documento. si tomo un documento y le saco todo el 
contenido salvo los h1-6 deberia poder visualizar una especie de lista de 
items y subitems con titulos, subtitulos, etc. todo anidado logicamente.

http://www.andybudd.com/archives/2004/07/heading_for_trouble/


Muy interesante la aclaración, aunque me pregunto como lo deben 
interpretar los buscadores.


--
Francesc Rosàs [EMAIL PROTECTED]
http://strut.ath.cx/
[EMAIL PROTECTED] (IM)
GPG ID: 0xFC84EFAB
___
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] border-top

2005-08-28 Por tema Francesc Rosàs

Mejorando el diseño de mi weblog sobre tecnología musical
(http://sonic.blogsome.com) que no es más que una plantilla de
Wordpress estoy aprendiendo algo de CSS y hay un par de cosas que aún
no he conseguido hacer. La primera es conseguir que (al estilo de
minid.net todo sea dicho) aparezca una cenefa en el borde superior que
ocupe toda la pantalla, tenga la ventana el tamaño que tenga. Esto es
sencillo de hacer con border-top en body, pero mi problema es que
quiero hacerlo con una imagen (ver http://sonic.blogsome.com). Es
decir, sería lo mismo que aparece ahora, pero con la cenefa de
cuadritos verdes que ocupe todo el ancho de la pantalla.


Si sabes que lo que quieres ya está en otro site no tienes más que mirar 
cómo lo han hecho.


Aún así, por lo que cuentas parece que poniendo la imagen como fondo del 
body ya tienes suficiente (tendrás que separar en dos imagenes, por un 
lado el fondo y por otro el texto y los auriculares). El estilo del CSS 
sería algo así:


body
{
background: url(cenefa.jpg) repeat-x top left;
}


Y lo otro que quiero conseguir es muy simple, se trata de que el
párrafo en el que pone nosotros (al lado derecho de la página)
aparezca dentro de un cuadro de 1px, con los parámetros que pueda
(ponerle un fondo de otro color o algo que quede bien en el aspecto
del diseño de la web).


Te vale esto? :P

#info
{
border: 1px solid #f00;
background-color: #0f0;
}


Por cierto, si queréis tirarme pronto de la lista tenéis la excusa
perfecta en www.jaleotheband.com la página web de mi banda de música,
maquetada totalmente en tablas... si alguien se anima a migrarla a
css, bienvenido sea, jejeje.


Pagas bien? xD

Espero haberte sido de ayuda. Un saludo.

--
Francesc Rosàs [EMAIL PROTECTED]
http://strut.ath.cx/
[EMAIL PROTECTED] (IM)
GPG ID: 0xFC84EFAB
___
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