Re: [Ovillo] HTML - Incluir un article en un article
El motivo por el que hay un article que engloba al resto, es que al maquetar la plantilla general de la web ese article tenía su razón de ser. Al encontrarme con esta página que tenía la particularidad contener varias publicaciones, me surgió la idea de englobar cada una en un article, para mantener la estructura utilizada en toda la web. Por este motivo, finalmente, incluiré cada publicación en un article. Gracias, 1 saludo Rafa 2011/12/21 Ramón Corominas lis...@ramoncorominas.com Sí, todo depende de lo que pretendas. La idea de article es, entre otras cosas, poder reutilizar contenido. Si tú consideras que un libro es un trozo reusable, puede ser interesante poner un article por libro,, y si luego consideras que las publicaciones son un bloque reusable, no veo razón para no incluirlas todas en otro article Saludos, Ramón. Rafa Artacho dijo: Buenas tardes: Estoy maquetando una web que tiene una sección publicaciones, la estructura que he hecho es la siguiente: body header h1 a href=# /a /h1 /header nav ul lia href=# title=#/a/li lia href=# title=#/a/li lia href=# title=#/a/li ... /ul /nav section article div header h2 Publicaciones /h2 /header !-- ¿PUEDO METER UN ARTICLE POR CADA LIBRO ESTANDO A SU VEZ DENTRO DE OTRO ARTICLE ? -- article DATOS DEL LIBRO /article article DATOS DEL LIBRO /article article DATOS DEL LIBRO /article /div /article /section footer nav ul lia href=# title=#/a/li lia href=# title=#/a/li lia href=# title=#/a/li ... /ul /nav /footer /body Gracias, 1 saludo Rafa ___ 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] Botón que al hacer scroll en IE7, des aparece el texto
Si probáis este código en IE7, minimizáis la ventana del navegador para que
aparezca el scroll vertical y usáis este scroll arriba y abajo el texto se
corta e incluso llega a desaparecer, ¿sabéis cómo se puede arreglar?
div style=padding:400px;
button type=button class=boton-1Me interesa/button
/div
button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}
Gracias
2010/9/23 Ivan Pérez vag...@gmail.com
Lo probe con tu css usando un box para tener scroll vertical, no se
desaparece con IE 7 y Firefox o_0...
El 23 de septiembre de 2010 06:51, Rafa Artacho teme...@gmail.com
escribió:
Buenas tardes:
Tengo un botón hecho de esta forma:
button type=button class=boton-1Me interesa/button
y estilado, de esta otra:
button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}
El problema es que en IE7, al hacer scroll vertical, el texto se corta o
desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden,
y
el problema desaparece, pero entonces el botón no se ajusta al texto si
no
que ocupa todo el espacio disponible
___
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] Botón que al hacer scroll en IE7, des aparece el texto
El problema lo de el 'overflow:hidden;', quitándolo o poniéndolo a visible
se soluciona, pero entonces el ancho del botón no se ajusta al tamaño del
texto, con lo cuál debería definir un ancho (y una clase) para cada botón,
no pudiendo así reutilizar una misma clase para todos los botones, ¿alguna
forma de que el botón se ajuste al ancho del texto sin usar overflow:hidden?
Gracias
2010/10/8 Rafa Artacho teme...@gmail.com
Si probáis este código en IE7, minimizáis la ventana del navegador para que
aparezca el scroll vertical y usáis este scroll arriba y abajo el texto se
corta e incluso llega a desaparecer, ¿sabéis cómo se puede arreglar?
div style=padding:400px;
button type=button class=boton-1Me interesa/button
/div
button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}
Gracias
2010/9/23 Ivan Pérez vag...@gmail.com
Lo probe con tu css usando un box para tener scroll vertical, no se
desaparece con IE 7 y Firefox o_0...
El 23 de septiembre de 2010 06:51, Rafa Artacho teme...@gmail.com
escribió:
Buenas tardes:
Tengo un botón hecho de esta forma:
button type=button class=boton-1Me interesa/button
y estilado, de esta otra:
button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}
El problema es que en IE7, al hacer scroll vertical, el texto se corta o
desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden,
y
el problema desaparece, pero entonces el botón no se ajusta al texto si
no
que ocupa todo el espacio disponible
___
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
[Ovillo] Botón que al hacer scroll en IE7, des aparece el texto
Buenas tardes:
Tengo un botón hecho de esta forma:
button type=button class=boton-1Me interesa/button
y estilado, de esta otra:
button.boton-1{background:#FFBB00;border:none;height:33px;color:#fff;font-weight:700;font-size:1.2em;font-family:Arial,
Helvetica,
sans-serif;cursor:pointer;overflow:visible;float:left;margin:0;padding:0
5px;}
El problema es que en IE7, al hacer scroll vertical, el texto se corta o
desaparece. He probado a quitar el overflow:visible, o ponerlo a hidden, y
el problema desaparece, pero entonces el botón no se ajusta al texto si no
que ocupa todo el espacio disponible
___
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
[Ovillo] Optimizar clases
Estoy creando un bloque con distintas clases, este bloque se compone de:
Una caja de 200px con tres textos distintos dentro:
*Texto grande negrita*
Texto pequeño rojo Texto pequeño gris
El html queda así:
div class=bloque-1Texto grande negrita
div class=dato1Texto pequeño rojo/div
div class=dato2Texto pequeño gris/div
/div
con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
lo siguiente:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;}
¿Véis correcta esta práctica o es mejor crear clases individuales?
___
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] Optimizar clases
Disculpad, el CSS sería así:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;
font-size:.7em;font-weight:normal;}
2010/7/7 Rafa Artacho teme...@gmail.com
Estoy creando un bloque con distintas clases, este bloque se compone de:
Una caja de 200px con tres textos distintos dentro:
*Texto grande negrita*
Texto pequeño rojo Texto pequeño gris
El html queda así:
div class=bloque-1Texto grande negrita
div class=dato1Texto pequeño rojo/div
div class=dato2Texto pequeño gris/div
/div
con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
lo siguiente:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;}
¿Véis correcta esta práctica o es mejor crear clases individuales?
___
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] Lightbox CSS 100% alto
Funciona a la perfección, también para IE (menos IE6 por la opacidad).
Gracias
2010/6/24 Admin CNTIC admin...@gmail.com
2010/6/24 Rafa Artacho teme...@gmail.com
Estoy aplicando un efecto lightbox con CSS en una web, he utilizado este
recurso:
http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/
El problema viene al aparecer el scroll vertical, entonces la sombra solo
ocupa el tamaño de la ventana que se ve, al hacer scroll hacia abajo, la
capa no se extiende al 100% del alto de la página, ¿es posible estirar la
sombra hasta la panrte inferior de la ventana?
___
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
Hola, Rafa:
Para solucionarlo (lo he probado en Firefox y en Opera) basta con sustituir
la propiedad position del fondo (.black_overlay) por fixed. Quedaría
algo
así:
.black_overlay{
display: none;
position: fixed;/* absolute;*/
top: 0%;
[.]
Espero que te sirva.
Un saludo.
___
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
[Ovillo] Lightbox CSS 100% alto
Estoy aplicando un efecto lightbox con CSS en una web, he utilizado este recurso: http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/ El problema viene al aparecer el scroll vertical, entonces la sombra solo ocupa el tamaño de la ventana que se ve, al hacer scroll hacia abajo, la capa no se extiende al 100% del alto de la página, ¿es posible estirar la sombra hasta la panrte inferior de la ventana? ___ 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] [curiosidad] Google drop-shadows.
Lo han debido de cambiar ya
div style=margin: 19px auto; text-align: center; id=fll
a href=/intl/es/ads/Programas de publicidad/a
a href=/services/Soluciones Empresariales/a
a href=/intl/es/about.htmlTodo acerca de Google/a
a href=http://www.google.com/ncr;Google.com in English/a
/div
#fctr, #fctr a, .sblc a, #cpFooter a, #cpf a, #prm a, #addlang, #addlang a {
color:white;
text-shadow:0 1px 3px black;
}
2010/6/10 Ignacio Ricci ignacio.ri...@gmail.com
De última, podrían hacer un text-shadow, y los que no lo soportan que se
caguen :p
[image: Ignacio Ricci - Designer + Developer]
2010/6/10 Martín Szyszlican marti...@gmail.com
Hola Tei, no te parece que poner el texto dos veces es poco semántico?
Además debe generar problemas de accesibilidad para los lectores de
pantalla.
Dicen que el contenido duplicado es malo para el SEO :P
Me extraña que google no tenga en cuenta estas cosas.
Martín.
2010/6/10 Tei oscar.vi...@gmail.com
Google ha empezado a permitir images de background en la portada del
buscador. Naturalmente cualquier imagen no pega con cualquier texto,
asi que ha optado por añadir un dropshadow a los textos, para hacer
que estos resalten y sean legibles, incluso si el fondo es blanco y el
texto es blanco.
He curioseado un poco, y el codigo parece algo como esto:
a href=/intl/es/ads/ style=position: relative;
spanProgramas de publicidad/span
span class=cpTextCloneShadow style=width: 144px;Programas de
publicidad/span
/a
Con este CSS
.cpTextCloneShadow {
color: #333;left: 1px;
position: absolute;
top: 1px;
z-index: -1;
}
parece que utilizan el concepto de position absolute significa
absoluto solo desde el ultimo elemento con posicionamiento absoluto o
relativo en que esta contenido el elemento, mediante la comprension
de esto, y el pequeño truco de empujar hacia abajo la sombra con
z-index: -1 te hacen un pequeño dropshadown.
Esta bien :-)
--
--
ℱin del ℳensaje.
___
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
Re: [Ovillo] Centrar varios elementos flotados
Lo que necesitaría es que le elemento 2 esté pegado al 1, es decir, el
nombre del establecimiento y seguidamente sus estrellas. Esto debería estar
centrado en todo el ancho del contenedor, que abarcaría hasta el principio
del elemento 3, que es el botón cerrar alineado a la derecha del todo.
2010/6/5 Santiago García saturno...@yahoo.es
Rafa Artacho:
La verdad es que no acabo de entenderlo bien: Dices que necesitas CENTRAR
un elemento flotante a la izda. ¿Pero centrarlo con respecto a qué? Quizá
necesites especificar un ancho bien grande (p.e. 50%) para el elemento 1, de
manera que tenga sentido centrarlo.
Tampoco acabo de entender cómo necesitas la apariencia del elemento 2.
¿Pegado al elemento 1? ¿Ligeramente distanciado? ¿Ostensiblemente flotando
en una columna aparte? Una vez más creo que te falta especificar anchos.
La recomendación de Jaume también me parece buena: Quizá necesites
estructurar más tu página, metiendo más DIVs intermedios. Es decir:
Introducir un nivel más por cada aspecto común que necesites darles.
Posible solución que se me ocurre:
--
!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;
head
style
.contenedor{
border: solid 1px red;
margin:0 auto;
overflow:hidden;
padding:15px 0 5px;
text-align:center;
}
.elemento1 {
background-color: yellow;
float: left;
width: 50%;
}
.elemento2 {
background-color: green;
float: left;
}
.elemento3 {
background-color: lightgrey;
float: right;
}
/style
/head
body
div class=contenedor
div class=elemento1Casa Rural Pepa Mary/div
div class=elemento2***/div
a class=elemento3 href=/X/a
/div
/body
/html
--
Saludos.
Santiago.
___
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
[Ovillo] Centrar varios elementos flotados
Necesito posicionar en un div 3 elementos de este tipo:
Elemento 1 - Div flotado a la izquierda que contiene texto.
Elemento 2 - Div flotado a la izquierda, tiene una imagen de background.
Elemento 3 - Enlace flotado a la derecha.
El resultado debería ser:
Casa Rural Pepa Mary *** X
Lo que quiero centrar es el elemento1 y 2, Casa Rural Pepa Mary y las
estrellas.
La X es el elemento 3 que es un botón de Cerrar, y debe estar a la derecha
del div contenedor.
El HTML:
div class=contenedor
div class=elemento1Casa Rural Pepa Mary/div
div class=elemento2***/div
a class=elemento3 href=/X/a
/div
La clase contenedor la tengo así:
.contenedor{
margin:0 auto;
overflow:hidden;
padding:15px 0 5px;
text-align:center;
}
El problema es que para que aparezcan en la misma línea elemento 1 y 2 tengo
que flotarlos, conlo que el centrado que ejerce la clase contenedor se
pierde.
he probado a poner las estrellas con span pero no se ve. ¿Véis alguna
posible solución?
___
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
[Ovillo] [OT] - Utilizar atributo diferente de id para usar en scripts
Para seleccionar un div mediante scriptting necesito usar un atributo que no sea id, ya que el id lo uso para aplicar clases css. ¿Existe algún otro atributo que pueda invocar desde el script para seleccionar un div? ___ 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] [OT] - Utilizar atributo diferente de id para usar en scripts
Acoto un poco más la temática, necesito invocar 2 calendarios, dado que son iguales les aplico un estilo común mediante un id, pero al ser distintos calendarios no puedo utilizar el mismo id para aplicarles el script, ya que son calendarios diferentes. ¿Alguna opción sin usar JQuery? 2010/6/1 cmik22 cmi...@gmail.com Aunque utilices el id para aplicar clases css, el id siempre tiene que ser único en una página, por lo que puedes utilizarlo perfectamente para invocar al div desde un script. El 1 de junio de 2010 10:24, Rafa Artacho teme...@gmail.com escribió: Para seleccionar un div mediante scriptting necesito usar un atributo que no sea id, ya que el id lo uso para aplicar clases css. ¿Existe algún otro atributo que pueda invocar desde el script para seleccionar un div? ___ 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
[Ovillo] Etiqueta button adaptable a contenido
Estoy haciendo un botón con la etiqueta button y quiero que se adapte al contenido del botón, me he dado cuenta que entre FF / Chrome e IE hay una diferencia de nada menos que 20px, con lo que el diseño se me descuadra bastante, el código es este: button class=ver otros horarios/button ¿Hay alguna forma de igualar tamaños sin tener que usar width? ___ 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] Añadir texto proveniente de base de dat os por CSS
La pregunta viene porque es una portal de un tamaño considerable y las
'altas esferas' me comentaron que quieren evitar el uso de JS para cargar
los enlaces dinámicos del menu principal y me encargaron que investigase
sobre la posibilidad de cargar estos enlaces desde CSS, alimentándolos desde
base de datos .
La pregunta de como hacerlo en IE6 sin JS; es que, por lo menos en IETester
esta expresión no funcionaba:
p:after{
content: 'un texto';
}
Saludos
2010/5/15 Ramon Lapenta ram...@gmail.com
Yo tampoco, estaba a punto de preguntar en que extraña circunstancia
esto podría ser necesario.
Ramón Lapenta
Diseñador, Webmaster
web: Dessigual.com
email: ram...@gmail.com
On May 14, 2010, at 6:01 PM, Ignacio Ricci wrote:
No le encuentro sentido alguno a esta pregunta...
[image: Ignacio Ricci - Designer + Developer]
2010/5/14 Jairo Ochoa jairo.oc...@gmail.com
Por si no quedó claro:
-- PHP ---
p:after {
content: '?php echo $valor; ?';
}
-- ASP ---
p:after {
content: '%= valor %';
}
El ; del final es el que cierra la línea del CSS y el del
interior es del
PHP, no es que esté repetido.
ASP no lleva un ; para cerrar las sentencias.
--
Jairo Ochoa
El 14 de mayo de 2010 19:19, Philipp Keweloh sku...@gmail.com
escribió:
El día 14 de mayo de 2010 19:16, Philipp Keweloh sku...@gmail.com
escribió:
cerrar otra vez con ; oséase:
p:after {
content: '?=echo $valor ?';
}
Se me colo el echo, debería ser así:
p:after {
content: '?= $valor ?';
}
Super off-topic! :P
--
Philipp Keweloh
___
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
___
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
[Ovillo] Añadir texto proveniente de base de dat os por CSS
Buenas tardes:
Con la siguiente regla CSS puedo añadir texto al html
p:after{
content: 'un texto';
}
¿Sería posible sustituir 'un texto' por una etiqueta que recupere los textos
desde una base de datos?
1 saludo
___
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] Añadir texto proveniente de base de dat os por CSS
¿Alguna forma de que funcione para IE6, sin usar JS?
2010/5/14 Jairo Ochoa jairo.oc...@gmail.com
Sí, pero el archivo no sería estilos.css, bien estilos.php o estilos.asp
Incluso lo pondría dentro del head del archivo php/asp que hace la
consulta.
p:after {
content: '?php echo $valor; ?';
}
p:after {
content: '%= valor %';
}
Como consigues valor ya dependerá de la consulta que hagas a la base de
datos.
--
Jairo Ochoa
El 14 de mayo de 2010 14:05, Rafa Artacho teme...@gmail.com escribió:
Buenas tardes:
Con la siguiente regla CSS puedo añadir texto al html
p:after{
content: 'un texto';
}
¿Sería posible sustituir 'un texto' por una etiqueta que recupere los
textos
desde una base de datos?
1 saludo
___
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
[Ovillo] Boton adaptable al contenido
Quiero hacer un botón que se adapte al contenido del mismo. He probado con button e input submit, y en IE el botón no se adapta al contenido sino que se extiende. button style=background:#FFBB00;border:none;height:33px;padding:0;margin:0;Actualizar Calendario Precios/button ¿Hay alguna forma de lograr que el ancho del botón se adapte a su contenido, es decir, sin especificar un width fijo? ___ 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] Boton adaptable al contenido
Lo conseguí de este modo: button style=background:#FFBB00;border:none;height:33px;overflow:visible;Actualizar Calendario Precios/button Saludos 2010/4/28 Rafa Artacho teme...@gmail.com Quiero hacer un botón que se adapte al contenido del mismo. He probado con button e input submit, y en IE el botón no se adapta al contenido sino que se extiende. button style=background:#FFBB00;border:none;height:33px;padding:0;margin:0;Actualizar Calendario Precios/button ¿Hay alguna forma de lograr que el ancho del botón se adapte a su contenido, es decir, sin especificar un width fijo? ___ 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] [OT] consulta sobre utilización de tablas en forms
He estado buscando algún ejemplo de formulario que engloben el input dentro del label y no he encontrado nada, ni en la página del W3C ni en ninguna otra web, es por curiosidad, ya que el código valida. Por otra parte, esto si que lo he visto, ¿qué os parece englobar el formulario en una lista? http://www.thewatchmakerproject.com/contact/ 2010/4/13 Andrés gutiérrez andresgut...@gmail.com Va a resultar que es bueno marear la perdiz :) El 13 de abril de 2010 16:02, Ramón Corominas lis...@ramoncorominas.comescribió: Y al corregir eso también veo que al copiar y pegar he dejado el tx-apell también en la parte del DNI, que lógicamente habría que cambiar por algo tal que: input id=tx-dni name=dni type=text maxlength=9 / Saludos, Ramón. Ejem, sí, un pequeño fallo, gracias ;) Andrés escribió: el atributo (for) del label y el (id) del input no deberían ser iguales ¿? ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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
[Ovillo] Selección último elemento
Estoy maquetando un calendario y me preguntaba la forma más correcta para
aplicar un estilo al último elemento. Las clases son iguales, lo único que
al último elemento no deseo aplicarle padding-right. Podría crear una clase
y quitarle el padding-right, pero busco algún otro método para no duplicar
acsi toda la información de la clase.
div class=fila-calendario
a href=/ title=15 de Marzo
class=dia-activo/a
a href=/ title=16 de Marzo
class=dia-activo/a
a href=/ title=17 de Marzo class=dia-activo/a
a href=/ title=18 de Marzo
class=dia-activo/a
a href=/ title=19 de Marzo
class=dia-activo/a
a href=/ title=20 de Marzo
class=dia-activo/a
a href=/ title=21 de Marzo class=dia-activo-derecha/a
/div
*CSS*
.fila-calendario-vacacional{clear:both;overflow:hidden;padding-top:10px;}
.dia-activo{background:transparent
url(../../images/HAL/dia-calendario-cifra.gif) no-repeat scroll 0
0;width:85px;height:86px;float:left;margin-right:7px;}
.dia-activo-derecha{background:transparent
url(../../images/HAL/dia-calendario-cifra.gif) no-repeat scroll 0
0;width:85px;height:86px;float:left;margin-right:7px;}
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] Alto de caja en texto con em's
Gracias, por tus comentarios José Antonio:
Tenías razón, deben ser otros estilos los que afectaban al alto de la caja
dato3, al final resolví el asunto de esta forma:
.dato3{font-size:1.2em;color:#fff;float:left;width:110px;padding:15px 0 0
15px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;float:left;padding-left:10px;line-height:1.1em;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;position:relative;top:29px;left:-24px;}
.dato5{float:left;width:110px;padding:10px
0;text-align:right;font-size:1.1em;}
y funciona en todos los navegarores
1 saludo
2010/4/22 Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es
Sigue sin encajar Rafa. ¿No tendrás otros estilos, que no has incluido para
simplificar el problema y que están causando lo que comentas?
Esto http://joseba.xtreemhost.com/Nuevo2.html es tu código tal cual lo has
posteado (sólo he añadido borde a los cuatro elementos para visualizarlos
mejor) y no veo que dato3 coja un alto mayor en IE6. Aquí
http://joseba.xtreemhost.com/comparativa.jpg puedes ver mi comparativa FF
- IE6 (de IECollection) - IE (de IETester)
¿No puedes dar más datos de lo que quieres?, un pantallazo, algo. De
cualquier modo los estilos que usas con posicionamiento, flotado etc. no
parecen lo más adecuado aunque sigo sin saber lo que quieres haceer...
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
Enviado el: jueves, 22 de abril de 2010 16:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Alto de caja en texto con em's
Si, me explico:
Solamente me ocurre en IE6, donde la caja dato3 coge un alto
mayor y por lo tanto dato5 aparece unos 15px más abajo
respecto al resto de navegadores.
2010/4/22 Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es
No se entiende qué es lo que pretendes conseguir.
Yo creo que lo único que hace que dato5 se coloque más
abajo es su padding.
Ni dato3 ni dato4 le afectan
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de
Rafa Artacho
Enviado el: jueves, 22 de abril de 2010 13:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Alto de caja en texto con em's
Buenas tardes:
Tengo la siguiente duda:
div class=dato3
Ahorra hasta
div class=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. Dominicana, Cuba.../div
CSS:
.dato3{font-size:1.2em;color:#fff;float:left;width:108px;padd
ing-top:20px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;left:38px;position:r
elative;top:-50px;}
.dato5{float:left;width:110px;padding-top:10px;text-align:right;}
Cuando miro con Firebug el tamaño de la caja dato4, el
alto del div
se ajusta al contenido, en cambio si miro el alto de su
caja padre,
muestra un alto superior. se le suman unos píxeles de
más, haciendo
que la caja dato5 se me muestre más abajo de lo que desearía.
He probado a asignar a dato4 un height, luego un
line-height:1em; y
overflow:hidden, y overflow:hidden a
dato3 y nada, ¿sabéis a qué se puede deber estos
píxeles de más que
se suman al alto de la caja?
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
___
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] Alto de caja en texto con em's
Disculpa, es que no puse el ejemplo completo, en combinación con el resto de
clases si que funciona. Si tengo tiempo intento reproducir lo que me ocurría
con un ejemplo más simple
Gracias por tu tiempo, 1 saludo
2010/4/23 Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es
Pues no se... dato4-1 en firefox se amontona con dato4 y en IE6
desaparece...
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
Enviado el: viernes, 23 de abril de 2010 10:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Alto de caja en texto con em's
Gracias, por tus comentarios José Antonio:
Tenías razón, deben ser otros estilos los que afectaban al
alto de la caja dato3, al final resolví el asunto de esta forma:
.dato3{font-size:1.2em;color:#fff;float:left;width:110px;padd
ing:15px 0 0 15px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;float:left;padding-left:
10px;line-height:1.1em;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;position:relative;to
p:29px;left:-24px;}
.dato5{float:left;width:110px;padding:10px
0;text-align:right;font-size:1.1em;}
y funciona en todos los navegarores
1 saludo
2010/4/22 Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es
Sigue sin encajar Rafa. ¿No tendrás otros estilos, que no
has incluido
para simplificar el problema y que están causando lo que comentas?
Esto http://joseba.xtreemhost.com/Nuevo2.html es tu código
tal cual lo
has posteado (sólo he añadido borde a los cuatro elementos para
visualizarlos
mejor) y no veo que dato3 coja un alto mayor en IE6. Aquí
http://joseba.xtreemhost.com/comparativa.jpg puedes ver mi
comparativa
FF
- IE6 (de IECollection) - IE (de IETester)
¿No puedes dar más datos de lo que quieres?, un
pantallazo, algo. De
cualquier modo los estilos que usas con posicionamiento,
flotado etc.
no parecen lo más adecuado aunque sigo sin saber lo que
quieres haceer...
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de
Rafa Artacho
Enviado el: jueves, 22 de abril de 2010 16:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Alto de caja en texto con em's
Si, me explico:
Solamente me ocurre en IE6, donde la caja dato3 coge un
alto mayor
y por lo tanto dato5 aparece unos 15px más abajo
respecto al resto
de navegadores.
2010/4/22 Alvarez Laurnaga, Jose Antonio
jalva...@softwareag.es
No se entiende qué es lo que pretendes conseguir.
Yo creo que lo único que hace que dato5 se coloque más
abajo es su padding.
Ni dato3 ni dato4 le afectan
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de
Rafa Artacho
Enviado el: jueves, 22 de abril de 2010 13:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Alto de caja en texto con em's
Buenas tardes:
Tengo la siguiente duda:
div class=dato3
Ahorra hasta
div class=dato415/div
span class=dato4-1%/span /div div
class=dato5Rep.
Dominicana, Cuba.../div
CSS:
.dato3{font-size:1.2em;color:#fff;float:left;width:108px;padd
ing-top:20px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;left:38px;position:r
elative;top:-50px;}
.dato5{float:left;width:110px;padding-top:10px;text-align:right;}
Cuando miro con Firebug el tamaño de la caja dato4, el
alto del div
se ajusta al contenido, en cambio si miro el alto de su
caja padre,
muestra un alto superior. se le suman unos píxeles de
más, haciendo
que la caja dato5 se me muestre más abajo de lo
que desearía.
He probado a asignar a dato4 un height, luego un
line-height:1em; y
overflow:hidden, y overflow:hidden a
dato3 y nada, ¿sabéis a qué se puede deber estos
píxeles de más que
se suman al alto de la caja?
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] Alto de caja en texto con em's
Si, me explico:
Solamente me ocurre en IE6, donde la caja dato3 coge un alto mayor y por lo
tanto dato5 aparece unos 15px más abajo respecto al resto de navegadores.
2010/4/22 Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es
No se entiende qué es lo que pretendes conseguir.
Yo creo que lo único que hace que dato5 se coloque más abajo es su padding.
Ni dato3 ni dato4 le afectan
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
Enviado el: jueves, 22 de abril de 2010 13:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Alto de caja en texto con em's
Buenas tardes:
Tengo la siguiente duda:
div class=dato3
Ahorra hasta
div class=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. Dominicana, Cuba.../div
CSS:
.dato3{font-size:1.2em;color:#fff;float:left;width:108px;padd
ing-top:20px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;left:38px;position:r
elative;top:-50px;}
.dato5{float:left;width:110px;padding-top:10px;text-align:right;}
Cuando miro con Firebug el tamaño de la caja dato4, el alto
del div se ajusta al contenido, en cambio si miro el alto de
su caja padre, muestra un alto superior. se le suman unos
píxeles de más, haciendo que la caja dato5 se me muestre más
abajo de lo que desearía.
He probado a asignar a dato4 un height, luego un
line-height:1em; y overflow:hidden, y overflow:hidden a
dato3 y nada, ¿sabéis a qué se puede deber estos píxeles de
más que se suman al alto de la caja?
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] Dar estilo a un div: Herencia o clase e specífica
Me surge la siguiente duda:
¿Qué ventaja obtengo declarando una clase de este modo
#footer .footer-links .bloque-links-imagen ul{
respecto a aplicarle al ul en particular una clase específica?
darle contexto de donde se está utilizando?
Recomendáis siempre asignar una clase teniendo en cuenta su posición en los
divs principales de la página?
Gracias
2010/4/20 Joaquín Vicente joa...@gmail.com
2010/4/20 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com
Creo que simplemente te has acostumbrado a utilizar position para
resolver
tus problemas.
¿Cómo harías la plantilla de tres columnas de este enlace con position?
http://www.treeweb.es/plantilla-de-tres-columnas
Acá tenés un par de alternativas:
http://css-discuss.incutio.com/wiki/Footer_Beneath_Sidebar
El 20 de abril de 2010 05:49, Joaquín Vicente joa...@gmail.com escribió:
Son dos herramientas similares. Con float podés alinear horizontalmente
de
manera más simple y rápida.
Usar positioning también te permite alinear en sentido vertical (usando
las
propiedades top y bottom), o hacer layouts mucho más complejos
te dejo un link bastante ilustrativo y útil:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Son cosas diferentes, float vale para una cosa y position para otra.
Position rompe el flujo de distribución del texto.
Si, position rompe el flujo de distribución del texto, pero float tiene
mucho menos flexibilidad.
Como te dije, cada uno tiene sus pros y sus contras. Acá están enumeradas:
http://css-discuss.incutio.com/wiki/Absolute_Or_Float_Layout
2010/4/19 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com
Lo de los position es un peligro, cada navegador escoge el punto de
referencia en un punto diferente.
float también trae sus problemas entre navegadores...
¿Por ejemplo?
Del mismo link que pasé más arriba (
http://css-discuss.incutio.com/wiki/Absolute_Or_Float_Layout):
- Tied to the document flow. Allows less flexibility.
- Lots of browser bugs, that, although possible to get around, add
significantly to browser testing and tweaking time.
Floats, Margins and IE
http://www.positioniseverything.net/explorer/floatIndent.html (ej. del bug
del doble-margen)
Además, no puedes forzar que un div se ajuste al contenido de otro que
está
con position absolute o relative.
En definitiva, no es una buena práctica de diseño.
En definitiva es una opinión muy personal. Yo creo que hay casos y
casos,
donde float puede ser más útil que position y viceversa.
¿Por ejemplo?
Para hacer templates con sacados del photoshop, me parece mucho, pero
mucho más útil
(me refiero a layouts más complicados que un simple blog)
También me parece más útil para desarrollar algunos menúes con javascript.
El único problema que tiene float es que en IE6, cuando tienes justo
debajo
un contenedor con height o weight establecido, deja una separación de
3
píxeles.
nada que un reset.css no pueda arreglar ;-)
Finalmente, te dejo dos links del blog de una persona conocida dentro de
los
que son los estándares web, como Eric Meyer:
http://meyerweb.com/eric/thoughts/2004/07/17/floats-dont-suck-if-you-use-them-right/
(float was never meant as a layout tool)
http://meyerweb.com/eric/thoughts/2004/07/17/floats-dont-suck-if-you-use-them-right/
http://meyerweb.com/eric/thoughts/2004/07/21/floating-points/
Saludos,
Joaquín Vicente
___
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
[Ovillo] Rediseño progresivo - reset.css o no reset.css
Buenas tardes: Voy a acometer el rediseño de una web, durante el cual convivirán los diseños antiguos y se irán incorporando progresivamente los nuevos. En el rediseño, voy a emplear una hoja de estilo reset.css, sin embargo, en la primera versión no se usó ninguna. Así los diseños antiguos usarán la hoja de estilo v1.0.css, y los diseños nuevos emplearán v2.0.css además de reset.css. ¿Es posible que al pasar de una página nueva a una antigua se aplique el reset.css a la antigua maquetación? De ser así se descuadraría la maquetación de la versión antigua, ¿existe algún método para solucionar este posible desajuste? 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
[Ovillo] Dar estilo a un div: Herencia o clase e specífica
Buenos días,
Estoy haciendo un formulario y me gustaría saber cuál es el modo más
correcto de aplicarle estilo al div que engloba el botón submit, ya que
simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o se
crearía una clase que sería simplemente flota-izda{float:left;} para aplciar
a ese div?
El código:
div id=footer
div class=footer-izd
form action= method=POST id=suscripcion-newsletter
class=newsletter-box
fieldset
legend
strongSuscriacute;bete a nuestra Newsletter
de Ofertas y Promociones/strong
/legend
div
label for=email
Correo
input type=text id=email /
/label
/div
div
input type=submit name=enviar-email
value=Enviar
/div
/fieldset
/form
div class=info-box/div
/div
/div
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] Dar estilo a un div: Herencia o clase e specífica
He estado probando y he terminado por aplicar la herencia de este modo;
#footer .newsletter-box div{float:left;}
2010/4/19 Rafa Artacho teme...@gmail.com
Buenos días,
Estoy haciendo un formulario y me gustaría saber cuál es el modo más
correcto de aplicarle estilo al div que engloba el botón submit, ya que
simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o se
crearía una clase que sería simplemente flota-izda{float:left;} para aplciar
a ese div?
El código:
div id=footer
div class=footer-izd
form action= method=POST id=suscripcion-newsletter
class=newsletter-box
fieldset
legend
strongSuscriacute;bete a nuestra Newsletter
de Ofertas y Promociones/strong
/legend
div
label for=email
Correo
input type=text id=email /
/label
/div
div
input type=submit name=enviar-email
value=Enviar
/div
/fieldset
/form
div class=info-box/div
/div
/div
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] Dar estilo a un div: Herencia o clase e specífica
Buenas Joaquín:
Me parece interesante lo que apuntas, yo siempre que quiero mostrar un div
al lado de otro utilizo float:left, ¿qué desventaja le ves a este método
respecto al que propones?
Gracias
2010/4/19 Joaquín Vicente joa...@gmail.com
2010/4/19 Rafa Artacho teme...@gmail.com
Buenos días,
Estoy haciendo un formulario y me gustaría saber cuál es el modo más
correcto de aplicarle estilo al div que engloba el botón submit, ya que
simplemente necesito que flote a la izquierda, ¿se aplicaría herencia o
se
crearía una clase que sería simplemente flota-izda{float:left;} para
aplciar
a ese div?
El código:
div id=footer
div class=footer-izd
form action= method=POST id=suscripcion-newsletter
class=newsletter-box
fieldset
legend
strongSuscriacute;bete a nuestra Newsletter
de Ofertas y Promociones/strong
/legend
div
label for=email
Correo
input type=text id=email /
/label
/div
div
input type=submit name=enviar-email
value=Enviar
/div
/fieldset
/form
div class=info-box/div
/div
/div
Gracias
float:left es herejía !! XD
yo en lo posible, prefiero evitarlo y usar position:absolute dentro de un
position:relative y después left:0 o right:0
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] Mostrar capa sobre imagenes al hacer mouseover
Buenas tardes:
Estoy intentando hacer un menú desplegable exclusivamente con CSS, y me
gustaría probar esta técnica,
¿hay alguna forma de que funcione en IE6 sin usar JS?
2010/4/15 Jairo Ochoa jairo.oc...@gmail.com
La estructura actual de la pagina es algo así:
h1Titulo de página/h1
h2Primer elemento/h2
img
breve descripción
h2Segundo elemento/h2
img
breve descripción
h2Tercer elemento/h2
img
breve descripción
el h2 a su vez contiene el enlace
Me gusta esa solución que das, con 2 span, y me parece perfecta mientras
visualmente haga lo mismo y creo que sí
Tú juegas con los z-index, ¿sería lo mismo hacerlo con display block/none?
Saludos,
--
Jairo Ochoa
El 15 de abril de 2010 17:06, Ramón Corominas
lis...@ramoncorominas.comescribió:
Sí, la validación fallaría porque igualmente el div es elemento de
bloque. De todos modos, sigo sin entender por qué usas h2, porque
aparentemente no estás encabezando contenidos de ningún tipo (el h2
debería encabezar contenidos en el documento donde lo pones, no en el
siguiente). Otra cosa es que puedes poner dos span con clases
distintas con display: block; y solaparlos para hacer ese efecto de
ocultamiento/desocultamiento. Más o menos la idea básica sería algo así:
div class=roll
a
span class=img1/span!-- imagen visible por defecto --
span class=img2/span!-- imagen oculta que se quiere mostrar en el
rollover --
/a
/div
.img1, .img2 { width: 100%; height: 100%; display: block; position:
absolute; top: 0; left: 0; }
.roll a .img1 { z-index: 0; }
.roll a .img2 { z-index: 1; }
.roll a:hover .img1, .roll a:focus .img1 { z-index: 1; }
.roll a:hover .img2, .roll a:focus .img2 { z-index: 0; }
De esa manera además cubres el acceso con teclado, que de otro modo no
se activaría si el usuario navega con el tabulador.
Saludín,
Ramón.
Jairo Ochoa escribió:
Aunque la imagen no puede ir dentro del H2 ya que está presente
antes de que se muestre el H2 y queda debajo, tapada por el
background/mascara del H2
___
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] Ajustar lista al ancho del contenedor
El problema es el menú será dinámico por lo que en ocasiones pueden aparecer
6 elementos en el menú pero otras veces pueden aparecer 8, 10, 5...
Con JS se puede lo que quería saber es si se puede hacer únicamente con CSS.
Gracias!
2010/4/15 Carlos Acero Sánchez carlos.ac...@aguirrenewman.es
Prueba a dividir el número de elementos li entre 100 y se le aplicas:
100/6 = 16.6
#navbar ul li
{
float:left;
font-size:1.2em;
color:#00FF00;
padding:0 5px 0 10px;
border-right:1px solid #000;
text-align:right;
width:16.6%
}
Carlos Acero Sánchez
Dpto. Sistemas
Aguirre Newman Madrid
C/ General Lacy, 23. 28045 Madrid
T +31 91 319 13 14 F +34 91 319 87 57
carlos.ac...@aguirrenewman.es
www.aguirrenewman.com
Sé ecológico, antes de imprimir este e-mail piense bien si es necesario
hacerlo
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org] En nombre de Rafa Artacho
Enviado el: jueves, 15 de abril de 2010 17:27
Para: Ovillo, la lista de CSS en castellano
Asunto: [Correo sospechoso] Re: [Ovillo] Ajustar lista al ancho del
contenedor
He probado así:
#navbar{color:#FF;width:974px;}
#navbar ul{width:100%;}
#navbar ul li{float:left;font-size:1.2em;color:#00FF00;padding:0 5px 0
10px;border-right:1px solid #000;text-align:right;}
De este modo el ul queda extendido hasta el 100% del div #navbar, pero los
li no se ajustan al 100% del ul. Si pongo 100% al li ocupa cada li el 100%
del div #navbar. ¿Dónde sería el error?
El style lo puse para ver visualmente hasta dónde se extendía el
contenedor,
cuando termine las pruebas lo quitaría.
Gracias!
2010/4/15 Luis Mario Álvarez mag...@magrio.net
Si el contenedor padre tiene definido su ancho, basta con hacer width:
100%;al tag que necesitas lo llene.
Te recomendaría además que quites esos estilos de tu ul y los metas en
algúna hoja css. No es necesario que le asignes clase o id, basta con
#navbar
ul {overflow:hidden ;border:1px solid #000;}
Saludos!
2010/4/15 Rafa Artacho teme...@gmail.com
Buenas tardes:
Tengo un menú que será dinámico y que dependiendo de las necesidades
contendrá un número variable de elementos. Necesitaría que la lista se
adaptase al ancho del div contenedor (974px). El HTML del menú con 6
opciones:
div id=navbar
ul style=overflow:hidden;border:1px solid #000;
liInicio/li
liPelículas/li
liMúsica/li
liTeatro/li
liExposiciones/li
liCoches/li
/ul
/div
¿Sería posible hacer esto solamente con CSS o sería necesario usar JS?
___
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
--
mario álvarez
desarrollador web
___
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
En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de
Datos de Carácter Personal, le informamos que los datos de carácter personal
utilizados para la presente comunicación proceden de un fichero de datos de
carácter personal titularidad de Aguirre Newman, S.A., debidamente
notificado ante la Agencia Española de Protección de Datos, cuya finalidad
es la gestión (control, mantenimiento y archivo de la documentación) de la
relación que mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con
terceros. Dichos datos, por consiguiente, han sido incorporados o serán
incorporados en dicho fichero para los usos y finalidades indicadas,
pudiendo ser objeto de comunicación a las Compañías que integran el GRUPO
AGUIRRE NEWMAN, cuya identidad podrá consultar en el aviso legal de la
página web corporativa www.aguirrenewman.es, cuando sea necesario y/o
pertinente para el cumplimiento de las finalidades señaladas.
Si Ud. no consintiese la utilización del correo electrónico para enviarle
comunicaciones electrónicas, la comunicación de sus datos de contacto al
resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
electrónico dirigido a asesoriajurid...@aguirrenewman.es. Asimismo, si Ud.
desea ejercitar sus derechos de acceso
[Ovillo] Definición de fuentes en proyecto grand e
Buenos días:
Voy a acometer el rediseño de una web bastante grande, que conllevará una
nueva hoja de estilos.
En la primera versión, decidimos crear estilos individuales para cada tipo
de texto, es decir, que esos estilos sólo contenían información relativa a
la fuente, nada de paddings, margins, etc. Por ejemplo:
.text_12{
color:#000;
font-size:12px;
text-decoration:none;
}
El objetivo era obtener un juego de fuentes que pudiesen reutilizarse en
todo el site, sin importar su contenedor. Aún así, de este modo llegamos a
crear más de 80 estilos de texto diferentes, por las diversas variaciones de
color, bold, tamaños, etc.
Me parecen mucho estilos y pensaba optimizar el número de estilos relativos
a fuentes mediante diversas pautas:
- Usando em's y estableciendo con el diseñador una jerarquía de tamaños en
todas las páginas de la web. De este modo, se definiría un tamaño para los
títulos, otro para subtítulos y así sucesivamente.
- Creando clases para la alineación. Por ejemplo, .left{text-align:left;},
.justify{text-align:justify;}, etc.
- Emplear strong y em para las negritas y cursivas en lugar de crear
clases nuevas para un mismo estilo de fuente cuando solamente cambian estas
propiedades.
- Crear clases individuales para modificar el color de la fuente. Por
ejemplo: .blanco{color:#FFF;}
Las clases se aplicarían en el html del siguiente modo:
div class=titulo blanco justifyemCassanova/em/div
Donde resultaría que el texto se mostraría con el tamaño definido en titulo,
aparecería justificado en cursiva y en color blanco.
De este modo pienso que con un número reducido de clases podría tener una
gran combinación de estilos de fuentes para combinar en el site.
¿Qué os oparece, véis algún inconveniente?
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] Definición de fuentes en proyecto grand e
Explico un poco por qué esta manera de trabajar, al llegar me encontré con
un site muy grande ya hecho, el cuál no se había planificado en absoluto,
por ejemplo, cada diseño de página mantenía una coherencia visual, pero
variaba el tamaño de letra en 1px, o una era bold, cambiaba un poco el tono
de color, la posición y ancho de las cajas y sus backgrounds eran
diferentes, por lo tanto, me era imposible reutilizar las clases que se
habían creado en cascada, por ejemplo:
.tabladetalles03 .contcolunma03
.contfila01{padding-bottom:5px;border-bottom-style:none;width:500px;}
Toda esa ristra de selectores solo me servía únicamente para una página, por
lo que opté por atomizar los estilos lo que me daba una mayor flexibilidad a
la hora de maquetar con menos clases. Por ejemplo, para las cajas
contenedores, creé unas clases que variaban en su ancho en 10px, por
ejemplo:
block01{float:left; width:20px;}
block02{float:left; width:30px;}
y los mismo con los textos: text_1, text_2, etc...
Ahora que vamos a empezar de 0, entiendo que debería concretar con el
diseñador un manual de estilo para hacer unos diseños más homogéneos y poder
usar selectores del tipo anterior, .tabladetalles03 .contcolunma03
.contfila01{padding-bottom:5px;border-bottom-style:none;width:500px;}
¿es así?
2010/4/9 Leonel Silva lsi...@gmail.com
Creo que hay que leer más sobre el uso de CSS y sobre el porque se habla de
*estilo en cascada*; me parece absurdo tener 80 clases de texto, primero
por
lo engorroso luego a la hora de cambiar parámetros a un estilo, y que
afecte
en varias partes que no se sabe cuáles contenedores son, hay que adivinar
que tipo de letra (clase) está colocado en que sitio, con el perdón pero
esto no tiene sentido, lo lógico es indicar dentro de cada contenedor como
sería el estilo de cada texto, aún un sitio tan grande como amazon indica
el
contenedor y dentro de el las características de la tipografía, hay que ver
el código fuente de *http://www.amazon.com/ *-que tiene incrustado el css-
donde especifican dentro de cada div, ul, span o lo que sea de que tamaño,
color, estilo y tipo va a ser la letra.
Si te sirve de ejemplo estas son algunas hojas de estilo hechas por gente
que sí sabe del tema:
*Jason Santamaría:* http://jasonsantamaria.com/css/master.css
*Jeffrey Zeldman:*
http://www.zeldman.com/wp-content/themes/zeldman-v2/style.css?0323100834
*A list Apart:* http://www.alistapart.com/css/base.css
Suerte.
2010/4/9 Ramón Corominas lis...@ramoncorominas.com
Siguiendo con el ejemplo de Ernesto, lo que no estaría mal es que
defináis varias clases distintas para poder combinarlas, pero haciendo
referencia a nombres más estructurales que de presentación. Por ejemplo:
div class=titular biografiaCasanova/div
O bien que en la propia hoja de estilos se contemplen distintas
posibilidades según la herencia:
div class=biografia
div class=cabecera.../div
div class=cuerpo.../div
div class=relacionados.../div
/div
div class=opinion
div class=cabecera.../div
div class=cuerpo.../div
/div
.biografia .cabecera {}
.biografia .cuerpo {}
.biografia .relacionados {}
.opinion .cabecera {}
.opinion .cuerpo {}
Saludos,
Ramón.
Ernesto escribió:
identificado con su nombre y con su definición correspondiente en
la hoja de estilos, de tal manera que quedase algo como (por ejemplo):
div class=TitularBiografiasCassanova/div
Y que el estilo TitularBiografia tuviese definido el tamaño de letra,
color, cursiva, etc...
___
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: Div alterna color
No, solo HTML + CSS
Saludos
2010/3/12 Chan go rojo6...@yahoo.com.ar
Para este trabajo usas base de datos?
- Mensaje reenviado
De: mikel blonfu jan...@gmail.com
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: martes, 9 de marzo, 2010 4:13:28
Asunto: Re: [Ovillo] Div alterna color
Si por fuerza tienes que definir las clases de las filas tampoco hay mucho
que puedas hacer, lo único para ahorrarte una líneas de código puedes
hacerlo así:
.fila-impar, .fila-par{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
___
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
Yahoo! Cocina
Encontra las mejores recetas con Yahoo! Cocina.
http://ar.mujer.yahoo.com/cocina/
___
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
[Ovillo] Div alterna color
Buenas tardes:
Tengo cierto código HTML al que le aplico varias hojas de estilo dependiendo
del cliente.
Necesito representar cierta información alternando el color de fondo del
div, pero para otro cliente esta información tiene el mismo color de fondo,
quedando cada una de las hojas de estilo así:
*Cambia de color*
.fila-impar{
width:197px;
padding:5px 5px 0 10px;
background:#e3e4d2;}
.fila-par{
width:197px;
padding:5px 5px 0 10px;
background:#ebebdf;
}
*No cambia de color*
.fila-impar{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
.fila-par{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
Como véis, en el caso de que no cambie de color la clase se repite. El tema
de usar id's no me va a validar al estar repetidos estos id.
¿Cómo puedo definir mi HTML / CSS para alternar el color o no de forma más
práctica y que valide?
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] Div alterna color
Si, a lo que me refería es que por no usar id's, uso clases. Por otro lado
el HTML debe ser el mismo, por lo que tengo que estilar tanto .fila-par como
.fila-impar para que se muestre correctamente.
2010/3/8 Joaquín Vicente joa...@gmail.com
2010/3/8 Rafa Artacho teme...@gmail.com
Buenas tardes:
Tengo cierto código HTML al que le aplico varias hojas de estilo
dependiendo
del cliente.
Necesito representar cierta información alternando el color de fondo del
div, pero para otro cliente esta información tiene el mismo color de
fondo,
quedando cada una de las hojas de estilo así:
*Cambia de color*
.fila-impar{
width:197px;
padding:5px 5px 0 10px;
background:#e3e4d2;}
.fila-par{
width:197px;
padding:5px 5px 0 10px;
background:#ebebdf;
}
*No cambia de color*
.fila-impar{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
.fila-par{
margin:5px 0px 0px 10px;
border-top:1px solid #ff;
width:200px;
}
Como véis, en el caso de que no cambie de color la clase se repite. El
tema
de usar id's no me va a validar al estar repetidos estos id.
¿Cómo puedo definir mi HTML / CSS para alternar el color o no de forma
más
práctica y que valide?
Gracias
y si pones unos estilos en el CSS que le mostras a algunos clientes, y los
otros estilos en los que no?
tu pregunta me parece que no queda muy clara. .fila-par no es un ID, sino
el nombre de una clase... y si lo pones dos veces en el mismo archivo, no
implica que sea inválido (un estilo pisa al otro y listo)
saludos,
Joaquín
___
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
[Ovillo] Rediseño - Pasar de 800x600 a 1024x768
Buenos días: Se me avecina un proyecto en el cual se pretende cambiar la resolución de todo un site proyectado para una resolución de 800x600 a mínimo 1024x768. Me gustaría conocer experiencias y algún tipo de documentación o ayuda para comenzar a abordar este proyecto de una forma ordenada y eficaz. 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] Rediseño - Pasar de 800x600 a 1024x768
La web está hecha completamente en divs, con el width de las cajas definidos en píxeles y el de las fuentes también, aunque se está pensando ponerlas en em's. El div contenedor principal tiene un width:775px Gracias 2010/3/5 Gonzalo alejandrogbr...@yahoo.es Buenas. Si tiene resolución fija de 800x600 lo mismo está maquetada con tablas anidadas y/o frames. No es sencillo dar una opinión sin saber cómo es la web original. ¿Más datos? Gonzalo www.webposible --- El vie, 5/3/10, Rafa Artacho teme...@gmail.com escribió: De: Rafa Artacho teme...@gmail.com Asunto: [Ovillo] Rediseño - Pasar de 800x600 a 1024x768 Para: ovillo@lists.ovillo.org Fecha: viernes, 5 de marzo, 2010 11:46 Buenos días: Se me avecina un proyecto en el cual se pretende cambiar la resolución de todo un site proyectado para una resolución de 800x600 a mínimo 1024x768. Me gustaría conocer experiencias y algún tipo de documentación o ayuda para comenzar a abordar este proyecto de una forma ordenada y eficaz. 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
[Ovillo] IE 8 - Modo de documento
Buenos días: Tenía unas preguntas relacionadas con las herramientas de Desarrollo de IE 8, existen un par de opciones: - Modo Explorador - Modo Documento ¿Qué representa cada una de las opciones del Modo documento?: No estándar - Valor predeterminado de página. Estándard IE7 Estándard IE8 Mi página se ve bien en todas las combinaciones, excepto en: Modo Explorador - IE8. Modo Documento - No estándar (valor predeterminado de página). ¿Debería optimizar para esta combinación, o simplemente la página no se verá bien para una persona que tenga instalada la Herramienta de Desarrollo en IE7 y aplique esta combinación? ¿Se vería correctamente en IE7 e IE8 (sin tener habilitada la herramienta de Desarrollo)? Gracias, saludos Rafa Artacho ___ 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] IE 8 - Modo de documento
A ver si entiendo bien, poniendo la etiqueta:
meta http-equiv=X-UA-Compatible content=IE=8 /
y poniendo en quirks mode para IE7 e IE6
segun la configuración de IE8:
Modo de Explorador Modo de DocumentoComportamiento
IE8IE8 estandard IE8
IE7No estándard IE7 quirks
mode
Por otro lado en IE7:
Comportamiento
IE7 quirks mode
Por último en IE6:
Comportamiento
IE6 quirks mode
Es correcto?
Saludos
Rafa Artacho
2009/10/20 Philipp Keweloh sku...@gmail.com
El día 20 de octubre de 2009 10:39, Tei oscar.vi...@gmail.com escribió:
2009/10/20 Rafa Artacho teme...@gmail.com:
Buenos días:
Tenía unas preguntas relacionadas con las herramientas de Desarrollo de
IE
8, existen un par de opciones:
- Modo Explorador
- Modo Documento
¿Qué representa cada una de las opciones del Modo documento?:
No estándar - Valor predeterminado de página.
Estándard IE7
Estándard IE8
Supuestamente IE8 y en adelante sera un navegador web multi-engine.
Podra renderizar al modo IE7, IE8 y futuros modos.
Microsoft quiere que metamos una linea en el head, de este estilo:
meta http-equiv=X-UA-Compatible content=IE=8 /
Con eso consigues que tu pagina deje de ser una pagina web, y pase a
ser un documento del programa IE8.
Y que futuras versiones de IE, utilicen el motor de renderizado de IE8.
Tienes abundante informacion en internet:
http://arstechnica.com/software/news/2008/01/ie8-super-standards-mode.ars
Lo mejor es que sigamos como hasta ahora. Haciendo las paginas
basandonos en los estandares, y parcheando los problemas con CSS y
codigo con bloques condicionales de IE. La proposicion de Microsoft es
de un /facepalm muy intenso, y conduce a un /fail de proporciones
epicas. Lo que hacen los bloques condicionales es compatible hacia
arriba, dado que Microsoft no hace backports, es de suponer que cuando
un bloque condicional parchea un bug de IE6, dentro de 10 años IE6
siga teniendo el mismo bug, por tanto el bloque condicional siga
funcionando correctamente. Siempre que en ese bloque indiquemos la
version.
Lo de X-UA-Compatible seguramente tenga mas sentido para parchear
aplicaciones de intranet antiguas creadas para IE6, de modo que sigan
funcionando simplemente añadiendo esa linea de modo que sigan
funcionando como IE6 o como la version que sea.
el codigo de IE8 es algo asi:
if ( esMotorIE6() )
bugs_IE6();
else
if (esMotorIE7() )
bugs_IE7();
else {
bugs_IE8();
}
es de suponer que IE9 sera
if ( esMotorIE6() )
bugs_IE6();
else
if (esMotorIE7() )
bugs_IE7();
else
if (esMotorIE8())
bugs_IE8();
else {
bugs_IE9();
}
Es como un mentiroso que tiene que soltar mas mentiras para dar
soporte a las anteriores..
--
--
ℱin del ℳensaje.
___
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
Jajaja!
Que va Tei, en IE9 ya habrán madurado un poquito, y lo simplicarán así:
private $IE9 = defrag(bugs_IE6() + bugs_IE7() + bugs_IE8());
:P
--
Philipp Keweloh
Si lo que vas a decir no es más bello que el silencio: no lo digas.
Proverbio árabe
___
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] IE 8 - Modo de documento
Son los modos de visualización / compatibilidad que ofrece la Herramienta de
Desarrollador de IE8.
En MSDN viene algo, pero no describe cada modo
http://msdn.microsoft.com/es-es/library/cc817576.aspx
Y en este artículo aclaran algo más
http://www.thuer.com.ar/blog/2008/internet-explorer-8-tres-navegadores-en-uno
2009/10/20 Tei oscar.vi...@gmail.com
He mirado en Google que demonios es eso de Modo Documento Modo
Explorador y solo he encontrado ESTE hilo de Ovillo
¿¿ Alguien me puede explicar que demonios es eso ??
2009/10/20 Rafa Artacho teme...@gmail.com:
A ver si entiendo bien, poniendo la etiqueta:
meta http-equiv=X-UA-Compatible content=IE=8 /
y poniendo en quirks mode para IE7 e IE6
segun la configuración de IE8:
Modo de Explorador Modo de DocumentoComportamiento
IE8IE8 estandard IE8
IE7No estándard IE7
quirks
mode
Por otro lado en IE7:
Comportamiento
IE7 quirks mode
Por último en IE6:
Comportamiento
IE6 quirks mode
Es correcto?
Saludos
Rafa Artacho
2009/10/20 Philipp Keweloh sku...@gmail.com
El día 20 de octubre de 2009 10:39, Tei oscar.vi...@gmail.com
escribió:
2009/10/20 Rafa Artacho teme...@gmail.com:
Buenos días:
Tenía unas preguntas relacionadas con las herramientas de Desarrollo
de
IE
8, existen un par de opciones:
- Modo Explorador
- Modo Documento
¿Qué representa cada una de las opciones del Modo documento?:
No estándar - Valor predeterminado de página.
Estándard IE7
Estándard IE8
Supuestamente IE8 y en adelante sera un navegador web multi-engine.
Podra renderizar al modo IE7, IE8 y futuros modos.
Microsoft quiere que metamos una linea en el head, de este estilo:
meta http-equiv=X-UA-Compatible content=IE=8 /
Con eso consigues que tu pagina deje de ser una pagina web, y pase a
ser un documento del programa IE8.
Y que futuras versiones de IE, utilicen el motor de renderizado de
IE8.
Tienes abundante informacion en internet:
http://arstechnica.com/software/news/2008/01/ie8-super-standards-mode.ars
Lo mejor es que sigamos como hasta ahora. Haciendo las paginas
basandonos en los estandares, y parcheando los problemas con CSS y
codigo con bloques condicionales de IE. La proposicion de Microsoft es
de un /facepalm muy intenso, y conduce a un /fail de proporciones
epicas. Lo que hacen los bloques condicionales es compatible hacia
arriba, dado que Microsoft no hace backports, es de suponer que cuando
un bloque condicional parchea un bug de IE6, dentro de 10 años IE6
siga teniendo el mismo bug, por tanto el bloque condicional siga
funcionando correctamente. Siempre que en ese bloque indiquemos la
version.
Lo de X-UA-Compatible seguramente tenga mas sentido para parchear
aplicaciones de intranet antiguas creadas para IE6, de modo que sigan
funcionando simplemente añadiendo esa linea de modo que sigan
funcionando como IE6 o como la version que sea.
el codigo de IE8 es algo asi:
if ( esMotorIE6() )
bugs_IE6();
else
if (esMotorIE7() )
bugs_IE7();
else {
bugs_IE8();
}
es de suponer que IE9 sera
if ( esMotorIE6() )
bugs_IE6();
else
if (esMotorIE7() )
bugs_IE7();
else
if (esMotorIE8())
bugs_IE8();
else {
bugs_IE9();
}
Es como un mentiroso que tiene que soltar mas mentiras para dar
soporte a las anteriores..
--
--
ℱin del ℳensaje.
___
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
Jajaja!
Que va Tei, en IE9 ya habrán madurado un poquito, y lo simplicarán así:
private $IE9 = defrag(bugs_IE6() + bugs_IE7() + bugs_IE8());
:P
--
Philipp Keweloh
Si lo que vas a decir no es más bello que el silencio: no lo digas.
Proverbio árabe
___
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
--
--
ℱin del ℳensaje.
___
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
[Ovillo] Dar efecto hover en botón en 3 imágen es
Buenas tardes:
Me gustaría saber si existe alguna técnica para que teniendo un botón
compuesto por 3 imágenes (izquierda, medio y derecha), se pueda aplicar el
efecto hover al botón completo. Tal y como lo tengo ahora:
.boton-wrapper{
float:right;
margin-top:5px;
}
a.boton-wrapper {
text-decoration:none;
color:#FFF;
}
.boton{
background:#DC002E url(../img/pixel-medio.gif) repeat-x 0 0;
height:16px;
float:left;
width:auto;
padding:5px 10px;
}
.boton-izda{
background:#DC002E url(../img/izquierda.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton-dcha{
background:#DC002E url(../img/derecha.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton:hover{
background:#DC002E url(../img/pixel_medioHover.gif) repeat-x 0 0;
}
.boton-izda:hover{
background:#DC002E url(../img/izquierdaHover.gif) no-repeat 0 0;
}
.boton-dcha:hover{
background:#DC002E url(../img/derechaHover.gif) no-repeat 0 0;
}
a href=# class=boton-wrapper
div class=boton-izda/div
div class=botonEntrar/div
div class=boton-dcha/div
/a
El hover se aplica a cada uno de los divs de manera individual, cambiándose
de manera desigual el aspecto de botón.
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] Dar efecto hover en botón en 3 imágen es
Muchas gracias, se ve perfecto.
2009/9/8 Ignacio Ricci ignacio.ri...@gmail.com
a.boton-wrapper:hover .boton {}a.boton-wrapper:hover .boton-izda {}
a.boton-wrapper:hover .boton-dcha {}
2009/9/8 Rafa Artacho teme...@gmail.com
Buenas tardes:
Me gustaría saber si existe alguna técnica para que teniendo un botón
compuesto por 3 imágenes (izquierda, medio y derecha), se pueda aplicar
el
efecto hover al botón completo. Tal y como lo tengo ahora:
.boton-wrapper{
float:right;
margin-top:5px;
}
a.boton-wrapper {
text-decoration:none;
color:#FFF;
}
.boton{
background:#DC002E url(../img/pixel-medio.gif) repeat-x 0 0;
height:16px;
float:left;
width:auto;
padding:5px 10px;
}
.boton-izda{
background:#DC002E url(../img/izquierda.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton-dcha{
background:#DC002E url(../img/derecha.gif) no-repeat 0 0;
height:26px;
width:4px;
float:left;
}
.boton:hover{
background:#DC002E url(../img/pixel_medioHover.gif) repeat-x 0 0;
}
.boton-izda:hover{
background:#DC002E url(../img/izquierdaHover.gif) no-repeat 0 0;
}
.boton-dcha:hover{
background:#DC002E url(../img/derechaHover.gif) no-repeat 0 0;
}
a href=# class=boton-wrapper
div class=boton-izda/div
div class=botonEntrar/div
div class=boton-dcha/div
/a
El hover se aplica a cada uno de los divs de manera individual,
cambiándose
de manera desigual el aspecto de botón.
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
--
↓ Ignacio Ricci
www.ignacioricci.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://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
[Ovillo] Saltos de linea IE
Buenas tardes: Existe alguna forma de evitar que los saltos de línea en el código HTML interfieran en la visualización de páginas con IE (probado con 6 y 7). Me dejan textos con diferentes alineamientos verticales. 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
[Ovillo] Site con 2 dtd's
Buenos días: Me surge la necesidad / obligación en un site que está hecho conforme a: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; de comenzar a maquetar las nuevas páginas con esta dtd: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de este tipo, documentación al respecto? Muchas 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] Site con 2 dtd's
Pues la duda es bastante genérica, en resumen sería qué problemas me puedo encontrar, a la hora de validar el código, si puede haber conflicto entre las 2 dtd's, si puede haber problemas de visualización en algún navegador, o simplemente no influye en nada el usar 2 dtd's diferentes en un mismo site? Gracias 2009/7/29 mmundo mmu...@gmail.com Exactamente, ¿cuál es la duda o cuestión que planteas? 2009/7/29 Rafa Artacho teme...@gmail.com Buenos días: Me surge la necesidad / obligación en un site que está hecho conforme a: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; de comenzar a maquetar las nuevas páginas con esta dtd: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; ¿conocéis algún sitio con la misma casuística?, tenéis alguna experiencia de este tipo, documentación al respecto? Muchas 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] Menú de navegación horizontal adaptab le al ancho
Muchas gracias a todos por vuestras contribuciones, me ha servido para probar otras opciones y conocer las limitaciones con las actuales especificaciones CSS. 1 saludo 2009/1/14 Nacho Diez-Quijada - No mires atrás na...@nomiresatras.com Hola a todos. Hernán, tienes razón. Ayer no era una buena tarde para responder a nada y sinceramente, lo único útil de aquellos enlaces será la posibilidad de que sirvan a alguien para otros menesteres. Un saludo. - Original Message - From: Mauricio Dulce mauricio.du...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, January 13, 2009 7:47 PM Subject: Re: [Ovillo]Menú de navegación horizontal adaptable al ancho Que pasa si uso en un proyecto nuevo css3, me afecta tan solo a usuario de internet explorer o tambien a los que usamos safari 3, firefox 3 y camino? El 13 de enero de 2009 13:35, Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar escribió: Hola Félix, Félix Horro Pita escribió: Es una solución más, que estudiándola podremos aprender cosas. Quien busque soluciones profesionales que no acuda a una lista abierta, sino a un profesional. La palabra profesional posiblemente sobra en mi mensaje, quítala así no te impide ver el sentido de lo que dije. El punto es que si alguien pregunta por una solución solo con CSS y yo voy a proponer una solución solo con JavaScript, lo menos que puedo hacer es AVISAR que mi propuesta NO SOLUCIONARA lo que preguntaban. Ah! Y de paso, creo que es lógico que quien envía el enlace nos avise que NO FUNCIONARA para un... digamos 50% de los usuarios (los de Explorer 6 y 7). Poca cosa, ¿no es cierto? Creo que merece aclararse eso al publicar un enlace de ese tipo (que no da respuesta al problema, y que solo funciona en la mitad de los navegadores), sigo creyéndolo, al menos yo lo haría si publicara un enlace semejante, y creo que la mayoría de los usuarios de esta lista lo hacen. Salvo, claro, que quien lo esté publicando ni siquiera sepa que su propuesta hace uso de JavaScript, y que tampoco sepa que eso no funcionará en Explorer 6 ni 7... en ese caso, ¿qué podemos esperar? Pero creo que esta lista merece ese mínimo cuidado antes de proponer soluciones. Un saludo, -- Hernán Beati http://www.saberweb.com.ar ___ 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 -- - Mauricio Dulcce +54 1 5 36179028 Santos Dumont 2475 Capital Federal, Buenos Aires Argentina http://mauricio-dulce.neurona.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://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] Menú de navegación horizontal adaptab le al ancho
Gracias Nacho Pero lo que me mandas no resuelve el problema que comentaba, lo que necesito es que eliminando/añadiendo pestañas, el resto de pestañas se redimensionen de tal forma que ocupen el ancho total de una manera uniforme. Bonitos menús de todas formas. 1 saludo 2009/1/13 Nacho Diez-Quijada - No mires atrás na...@nomiresatras.com Hola. A lo mejor es ponértelo demasiado fácil pero para empezar puedes echar un vistazo en Exploding-Boy[1]. Y por si eso no es suficiente puedes probar el Css Tab Designer [2]. [1] http://www.exploding-boy.com/images/cssmenus/menus.html [2] http://www.highdots.com/css-tab-designer/ Un saludo. - Original Message - From: Rafa Artacho teme...@gmail.com To: Ovillo, la lista de CSS en castellano Ovillo@lists.ovillo.org Sent: Tuesday, January 13, 2009 4:05 PM Subject: [Ovillo] Menú de navegación horizontal adaptable al ancho Buenas tardes: Tengo la siguiente duda, estoy confeccionando un menú de navegación horizontal mediante listas (ulli/lili/lili/li../ul). La cuestión es que no sé cuántas pestañas diferentes (li/li) me van a venir, 7, 9 10 Me interesaría, que sin importar el número de pestañas (li/li) que aparezcan el menú, se muestren las pestañas distribuídas a lo largo de todo su ancho de una manera uniforme. He leído de una técnica que utiliza un script para detectar el número de pestañas existentes y dividir éstas entre 100 para asignar a cada li el resultado. Ej: 100/5= 20% asignado a cada li. Me interesaría sabes si esto puede lograrse solamente utilizando CSS. Muchas 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
[Ovillo] Lista de Accesibilidad
Buenas tardes: Debo acometer un proyecto de accesibilidad y me gustaría que me recomendáseis un foro dedicado a ello para plantear una serie de dudas. Muchas 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
[Ovillo] A vueltas con los em´s
Buenos días: Se esta modificando la hoja de estilos del site de mi empresa, y uno de los temas es pasar los tamaños de las fuentes de unidades absolutas (px) a unidades relativas (em's). He leído varios artículos en uno se recomienda usar un font-size para el body del 62.5% para tomar como base 10px = 1em. http://www.clagnut.com/blog/348/ En el otro método se aboga por utilizar un font-size para el body de 76% para lograr que en IE, con un tamaño de texto Muy pequeño, definido por el usuario, se vea el texto de modo aceptable. La verdad es que he hecho la prueba en IE7 y yo lo veo bien con 62.5%... http://www.thenoodleincident.com/tutorials/box_lesson/font/ http://www.thenoodleincident.com/tutorials/typography/index.html ¿Cuál me recomendais y por qué? Por otra parte, el asignar un tamaño en % en el font-size del body ¿a qué motivos responde? Las pruebas que estamos haciendo sin asignar en el body ningún font-size por defecto son satisfactorias, y en todo caso si se desea cambiar en algún momento la proporción de los em's del resto de elementos bastaría con asignar en ese momento un font-size en % al body, ¿es así? 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] Ocultar contenido de forma accesible
Me gustaría saber la necesidad de ocultar un enlace para los navegadores normales pero que para los lectores de pantalla si sea visible.¿Podéis ilustrarlo con un ejemplo? Gracias 2008/9/4 Neftalí Guerrero Pancorbo [EMAIL PROTECTED] Muchas gracias Rodrigoo!!! El jue, 04-09-2008 a las 13:30 +0200, Rodrigo Álvarez Virgós escribió: Hola, Neftalí Neftalí Guerrero Pancorbo escribió: y mandar -32697px esto si??? yo lo flipo jaajajajajajajaj, bueno pues bueno es saberlo, me lo apunto para cuando tenga que acerlo accesible. Se puede decir que los limones son más dulces que las pipas, pero no podemos decir que un limón sea dulce. Hay que aclarar que no hay una manera accesible de ocultar un elemento. Para cuestiones de accesibilidad os recomiendo la lista de AccesoWeb, de Sidar: http://es.groups.yahoo.com/group/accesoweb/ El jue, 04-09-2008 a las 08:13 -0300, Ignacio Ricci escribió: Eso no es lo más accesible.. 2008/9/4 Neftalí Guerrero Pancorbo [EMAIL PROTECTED] con esto: display:none; El jue, 04-09-2008 a las 11:57 +0100, Carlos Marrero escribió: Buenos días, Me pregunto si alguien conoce el método más accesible, para ocultar contenido en una web, ¿ alguna idea, referencias ? Me gustaría ocultar visualmente este enlace, de modo que pudiese ser leído por lectores de pantalla, etc: *** div class=accesibilidad a href=#contenido title=Accede directamente al contenidoAcceder al contenido/a /div .. a name=contenido/a div class=content ... /div saludos y gracias, carlos ___ 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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://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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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
[Ovillo] Mantener estado del boton por CSS
Buenas tardes: He creado una imagen con tres estados de botón, esta imagen es llamada por una clase en un enlace a href= class=buscar/a Cuando no se realiza ninguna acción sobre el botón se muestra el estado 1 de la imagen Para el estado hover, se muestra el estado 2 de la imagen Para el estado active mostrará el estado 3 de la imagen Este estado 3 tiene una animación. Se muestran todos los estados de la imagen cuando hago el correspondiente evento, pero el estado 3 no se mantiene hasta que carga la siguiente página, sino que vuelve al estado hover o al estado normal, mi pregunta es: ¿hay alguna forma, mediante CSS sin javascript, de que el estado 3, el que tengo como active y que es una parte de la imagen que está animada, se mantenga hasta que cargue la página siguiente? También he probado con visited, por ver cómo reaccionaba. 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
[Ovillo] [OT] - Mantenimiento y desarrollos a medida
Me interesaría que me orientaseis, desde vuestra experiencias, sobre qué precio cobrar por el mantenimiento de un Oscommerce. Yo he pensado incluir un mantenimiento básico, que consistiría, por ejemplo, en: - Mantenimiento de servicio: Que las funcionalidades existentes se sigan desempeñando, backups... - Mantenimiento del catálogo: Nuevas categorías, productos, descripciones imágenes. - Mejoras de funcionalidades existentes: Por ejemplo, rediseño de hojas de producto, nuevas visualizaciones de productos (lightbox, galerías de imágenes...), etc. Por otro lado, las nuevas funcionalidades cobrarlas como desarrollos a media. ¿Os parece correcto? o ¿es posible que me pille los dedos? ¿Que precio asignariais al mantenimiento? Os agradezco de antemano vuestra ayuda 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
[Ovillo] Se busca un maquetador
Buenas tardes: Estamos buscando candidatos para trabajar de maquetador en una empresa editorial de carácter multinacional. Situación en pleno centro de Madrid, trabajo estable y remuneración competitiva. Enviar CVs y datos de contacto a [EMAIL PROTECTED] 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
[Ovillo] Problema en Firefox con repetición back ground-image 1 pixel
Buenas tardes:
Tengo un problema al emplear una imagen de fondo que deseo que se repita a
lo largo de todo el contenido de un div. La imagen mide width:800px y
height:1px.
En IE 7 e IE6 funciona, pero en Firefox no me muesta ni una sola línea.
A continuación refiero el div en cuestión y las clases CSS empleadas:
div class=base_commerce_middle
div class=box_container
div class=box_1
div class=box1_headingQuieacute;nes Somos/div
div class=box1_body
div class=box1_content
a href=xxx.com/a es la primera empresa
dedicada.
p
Todas las madres conocemos los problemas a los
que nos enfrentamos cuando dejamos a nuestros hijos en las
guarderiacute;as.
/p
En la mayoriacute;a de las guarderiacute;as,
los pedagogos han optado por poner los nombres de los nintilde;os.
/p
p
Cansados de ver a padres y pedagogos
desesperados sin saber queacute; hacer .
/p
p
Es así como nace a href=xxx.com/a.
/p
/div
/div
/div
div class=box_2
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
div class=espvert_1/div
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
/div
/div
/div
CSS:
.base_commerce_middle{
width:800px;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y
nada tampoco*/
text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0;
}
.box_container{
float:left;
}
.box_1{
float:left;
width:440px;
padding:5px 40px;
text-align:justify;
}
.box1_heading{
background-color:#C6C8CA;
padding-left:5px;
color:#FF;
font-weight:bold;
}
.box1_body{
padding-top:5px;
border:1px solid #D1D3D4;
}
.box1_content{
padding:5px 10px;
line-height:19px;
}
.box_2{
float:left;
width:120px;
padding:45px 20px;
}
.espvert_1{
margin-top:30px;
}
¿Alguna idea?, gracias
Rafa Artacho
___
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] osCommerce + CSS?
inti castro escribió: saludos a la lista! ante la posibilidad de tener que trabajar en un proyecto para cambiarle el lookfeel a un sitio hecho con osCommerce hice varias busquedas en google para evaluar si iba a ser un trabajo simple o no utilizar layouts 100% con css. encontre muchas paginas (desde posteos en foros hasta articulos y tutoriales) que recomiendan utilizar otras alternativas al osCommerce si se quiere trabajar con html semantico y css por lo que me veo bastante desanimado. igualmente se me ocurrio consultarles si a alguno de ustedes no les ha tocado trabajar con osCommerce y cómo fueron sus experiencias. muchas gracias. *inti castro* [EMAIL PROTECTED] ___ 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 Buenas noches, Justo ando customizando una tienda OSCommerce, y como verás funciona mediante ficheros PHP que generan un código html en forma de tablas. La apariencia se da por medio de un fichero CSS (stylesheet.css). He añadido distintos elementos al código nativo de OSCommerce, estos elementos se construyen mediante divs. Pensé en la posibilidad de traducir todo el html tablas por html con divs, pero no dispongo del tiempo suficiente. Al principio puede costar un poco pero es bastante simple dar con los ficheros básicos para modificar la apariencia del sitio completo. Espero que te sirva de ayuda. Un saludo Rafa Artacho ___ 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
[Ovillo] Módulo Carrito de la compra
Buenas tardes: Necesitaría implementar un carro de la compra para un sitio web (poder añadir, consultar y eliminar productos), no quiero implementarlo yo, así que mi pregunta es si conocéis un módulo ya hecho que pueda conseguir para implementarlo en mi sitio, que será únicamente XHTML + CSS. He estado mirando varias opciones y por ahora la que más me convence es la de Paypal, pero me gustaría contrastar con vuestra experiencia con otras alternativas. Muchas gracias Rafa Artacho ___ 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
[Ovillo] A vueltas con los em´s
-> Re: [Ovillo] A vueltas con los em´s ovillo -- Por tema -- -- Por fecha -- <!-- google_ad_client = "pub-7266757337600734"; google_alternate_ad_url = "http://www.mail-archive.com/blank.png"; google_ad_width = 160; google_ad_height = 600; google_ad_format = "160x600_as"; google_ad_channel = "8427791634"; google_color_border = "FF"; google_color_bg = "FF"; google_color_link = "006792"; google_color_url = "006792"; google_color_text = "00"; //--> [Ovillo] A vueltas con los em´s Rafa Artacho Re: [Ovillo] A vueltas con los em´s Victoria Gracia Re: [Ovillo] A vueltas con los em´s Ignacio Ricci Re: [Ovillo] A vueltas con los em´s Angel Martin Alganza Re: [Ovillo] A vueltas con los em´s Maikel Naigt Re: [Ovillo] A vueltas con los em´s Juan Rebollo Responder a <!-- google_ad_client = "pub-7266757337600734"; google_alternate_ad_url = "http://www.mail-archive.com/blank.png"; google_ad_width = 160; google_ad_height = 600; google_ad_format = "160x600_as"; google_ad_channel = "8427791634"; google_color_border = "FF"; google_color_bg = "FF"; google_color_link = "006792"; google_color_url = "006792"; google_color_text = "00"; //--> [Ovillo] A vueltas con los em´s Rafa Artacho Re: [Ovillo] A vueltas con los em´s Victoria Gracia Re: [Ovillo] A vueltas con los em´s Ignacio Ricci Re: [Ovillo] A vueltas con los em´s Angel Martin Alganza Re: [Ovillo] A vueltas con los em´s Maikel Naigt Re: [Ovillo] A vueltas con los em´s Juan Rebollo [Ovillo] ¿IE pasa de dar estilo a los elem entos creados dinámicamente? Rodrigo Álvarez Virgós Responder a <!-- google_ad_client = "pub-7266757337600734"; google_alternate_ad_url = "http://www.mail-archive.com/blank.png"; google_ad_width = 160; google_ad_height = 600; google_ad_format = "160x600_as"; google_ad_channel = "8427791634"; google_color_border = "FF"; google_color_bg = "FF"; google_color_link = "006792"; google_color_url = "006792"; google_color_text = "00"; //--> [Ovillo] A vueltas con los em´s Rafa Artacho Re: [Ovillo] A vueltas con los em´s Victoria Gracia Re: [Ovillo] A vueltas con los em´s Ignacio Ricci Re: [Ovillo] A vueltas con los em´s Angel Martin Alganza Re: [Ovillo] A vueltas con los em´s Maikel Naigt Re: [Ovillo] A vueltas con los em´s Juan Rebollo [Ovillo] ¿IE pasa de dar estilo a los elem entos creados dinámicamente? Rodrigo Álvarez Virgós Re: [Ovillo] ¿IE pasa de dar estilo a los elemen tos creados dinámicamente? Tei Responder a
