[Ovillo] Ayuda con Css
Hola!! necesito ayuda: tengo que hacer una pagina css externa y tengo varias dudas, ya me he leido 2 manuales completos y no encuentro lo que busco; me pasa lo siguiente: 1- hago la llamada desde el archivo html y solo me toma partes de lo especificado en el .css, por ejemplo defini el body fondo gris y letras azules, y lo toma bien, mas abajo defini un TD con borde=1 y fondo azul con letras en 18PT, negras y un tipo de letra y me toma el tipo de letra pero no el color, y el td me toma el fondo azul pero no el borde 2- quiero hacer un menu con los links uno debajo del otro , a la izquierda y no se como hacerlo me podran ayudar? es mi primera pagina y si no la hago bien probablemente pierdo la posibilidad de un trabajo, por favor espero sus respuestas. Muchas gracias Alejandra (de Argentina) - 1GB gratis, Antivirus y Antispam Correo Yahoo!, el mejor correo web del mundo Abrí tu cuenta aquí ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
Hola Alejandra, prueba lo siguiente.
?xml version=1.0?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
titleThe Tables manifesto/title
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1
style type=text/css
!--
body { /* defini el body */
background-color: gray; /* fondo gris */
color: blue; /* y letras azules, */
}
td { /* mas abajo defini un TD */
border: 1px solid red; /* con borde=1 */
background-color: blue; /* y fondo azul */
font-size: 18pt; /* con letras en 18PT, */
color: black; /* negras */
font-family: Verdana, Arial, sans-serif; /* y un tipo de letra */
}
#menu { float: left; /* 2- quiero hacer un menu con los links uno debajo del
otro , a la izquierda y no se como hacerlo */
}
--
/style
/head
body
ul id=menu
lia href=index.htmInicio/a/li
lia href=quien.htmQuienes somos/a/li
lia href=que.htmQué hacemos/a/li
lia href=porque.htmPorqué lo hacemos/a/li
lia href=paraque.htmPara qué lo hacemos/a/li
lia href=paraquien.htmPara quién lo hacemos/a/li
/ul
table
tr
tdSoy una celda con un borde rojo de un pixel, fondo azul, texto de tamaño
18pt y color negro y fuente Verdana (o Arial, o cualquier fuente sans-serif
que tengas en tu equipo)/td
tdhola, yo soy otra celda de características idénticas a mi vecina. Yo lo
que quería decir es que nosotras mdash;las tablasmdash; queremos ser
utilizadas para lo que fuimos concebidas, o sea la presentación de datos
tabulares (algo que tenga sentido que esté en filas y columnas como un
calendario, un horario de trenes, un cuadro que resuma datos económicos,
etc). Nos rebelamos contra cualquier otro uso distinto de ese, no queremos
convertirnos en tablas de maquetación. emThe Tables Manifesto/em/td
/tr
/table
div style=clear: both; margin-top: 1em; background: white; color: black;
padding: 1em; border: 0.5em solid orange;
h1Comentarios para Alejandra/h1
pHola, en el CSS tienes como comentarios al lado de cada línea lo que
querías. Confío en que la tabla que estas formateando no tenga como
finalidad la maquetación del sitio. De ahí la broma del emTables
manifesto/em, perdona./p
pPara el menú, hoy tenemos en el menú unas listas desordenadas
sabrosísimas, la especialidad de nuestro Chef que sin que usted le diga nada
se las sirve aliñadas a la izquierda y con los enlaces uno debajo del
otro./p
pstrongSuerte/strong con el trabajo./p
/div
/body
/html
El día 16/08/05, Judith De Argentina [EMAIL PROTECTED] escribió:
Hola!!
necesito ayuda: tengo que hacer una pagina css externa y tengo varias
dudas, ya me he leido 2 manuales completos y no encuentro lo que busco; me
pasa lo siguiente:
1- hago la llamada desde el archivo html y solo me toma partes de lo
especificado en el .css, por ejemplo defini el body fondo gris y letras
azules, y lo toma bien, mas abajo defini un TD con borde=1 y fondo azul con
letras en 18PT, negras y un tipo de letra y me toma el tipo de letra pero no
el color, y el td me toma el fondo azul pero no el borde
2- quiero hacer un menu con los links uno debajo del otro , a la izquierda
y no se como hacerlo
me podran ayudar? es mi primera pagina y si no la hago bien probablemente
pierdo la posibilidad de un trabajo, por favor espero sus respuestas.
Muchas gracias
Alejandra (de Argentina)
-
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
Abrí tu cuenta aquí
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE + position: absolute + imagen de fondo = vanished!
También está el FOUC (Flash Of Unstyled Content) http://www.bluerobot.com/web/css/fouc.asp -- _ Fernando Gutiérrez http://ferguweb.tx.com.ru/ El día 12/08/05, devta singh [EMAIL PROTECTED] escribió: Para ese tipo de milagros del 'se arreglo solo' hay dos explicaciones: 1 la cache del explorer, hay que configurarla para que la regenere cada vez que se visita la página. 2 falta de atencion, habitualemtne por cansancio o empecinamiento, a menudo hacemos un cambio y miramos en el navegador la version vieja y similares. Y si no es ninguno de los dos casos, siempre queda San Guillermo al que se atribuyen todas las maravillas. Patrón de las puertas y ventanas. Devta. Aunque parezca increíble, se arregló solo. Un día volví a verlo y no desaparecía en IE. Lo mismo pasaba con una página que alguien envió hace unos días en donde desaparecía un elemento con posicionamiento absoluto, aunque otros listeros lo veían correctamente. Cosas de IE, vaya uno a saber. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
Muchisimas gracias Fernando, lo pongo ya a prueba (muy simpatico el ejemplo) despues les cuento gracias a todos. Alejandra fernando Gutierrez [EMAIL PROTECTED] escribió:fHola Alejandra, prueba lo siguiente. .Inicio Quienes somos Qué hacemos Porqué lo hacemos Para qué lo hacemos Para quién lo hacemos - 1GB gratis, Antivirus y Antispam Correo Yahoo!, el mejor correo web del mundo Abrí tu cuenta aquí ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alineacion de imagen
On 8/12/05, Camilo Kawerín [EMAIL PROTECTED] wrote: que yo sepa, no existe el valor middle para vertical align. http://www.w3.org/TR/CSS1#vertical-align http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] La pregunta del millón
On 8/16/05, Alejandro Lillo [EMAIL PROTECTED] wrote: http://www.alistapart.com/articles/zebratables/ http://validweb.nl/artikelen/javascript/better-zebra-tables/ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alineacion de imagen
Tenés razón, Inti. La verdad, no tengo idea de dónde me venía la confusión. Saludos, y gracias por la aclaración. Inti Castro escribió: On 8/12/05, Camilo Kawerín [EMAIL PROTECTED] wrote: que yo sepa, no existe el valor middle para vertical align. http://www.w3.org/TR/CSS1#vertical-align http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align inti castro [EMAIL PROTECTED] -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
Hola Judith,
Judith De Argentina escribió:
ESTE ES EL HTML:
html
head
title HOJA DE PRUEBA /title
link rel=stylesheet type=text/css href=c:\estilos.css
/head
body
table
thTODO CANJE.. donde conseguis todo lo que necesitas!!!/th
/table
pEncontra todo lo que buscas aca, contactanos y enteratebr
TODO CANJE, una posibilidad nueva en la red../p
table
trtd align=centerOpcion1/td/tr
trtd align=centerOpcion2/td/tr
trtd align=centerOpcion3/td/tr
/table
/body
/html
La primera tabla que usás, si es para poner un título en la página,
deberías reemplazarla por h1
http://html.conclase.net/tutorial/html/3/6
En el párrafo de abajo, si necesitás dos líneas, usá dos elementos de
párrafo en lugar de un br para dividirlo.
Y las opciones te conviene hacerlas con una lista desordenada, como te
explicó Fernando en el mail anterior.
ESTE ES EL CSS:
TABLE{
TD {
width:100%; background-color: ff;
text-color: 00;
text-align: center;
font-family: catchup;
font-size:15pt;
}
}
P {
font-family : verdana,arial;
font-size : 14pt;
text-align : center;
}
TABLE{
TD{
border-width: 1pt;
width:20%;
background-color: 66FFCC;
}
La razón por la que la página te muestra sólo partes de la CSS se debe a
que estás usando mal los selectores. La forma correcta sería, por ejemplo:
table td {
aquí tus propiedades
}
De esa forma, las propiedades se aplicarán a las celdas dentro de una
tabla... aunque en ese caso podríamos prescindir de indicar el contexto,
porque una celda siempre estará dentro de una tabla.
No sé qué manuales leíste, pero en la web vas a encontrar de todo y hay
algunos que se quedaron en Front Page. Si te interesa desarrollar
páginas siguiendo los estándares web, te recomiendo visitar estos sitios:
http://html.conclase.net/
http://www.danielclemente.com/html/
http://www.htmlhelp.com/es/reference/css/
http://www.sidar.org/recur/desdi/mcss/manual/indice.php
Además, éstas son las especificaciones de HTML y CSS:
http://html.conclase.net/w3c/html401-es/cover.html
http://www.sidar.org/recur/desdi/traduc/es/css/cover.html
Y por supuesto, seguir participando en Ovillo.
Nota al margen, respecto a lo que comentabas en tu mail. Si bien un
trabajo es un trabajo, yo te recomedaría que antes de comprometerte a
hacer algo, te armes de paciencia y te tomes el tiempo necesario para
aprender a hacerlo correctamente. A la larga, te será más redituable
tener práctica y saber responder apropiadamente a lo que te pidan que
embarcarte de una a hacer un trabajo que no dominás. Es un comentario
personal, que espero no tomes a mal.
Suerte y cualquier duda, aquí estamos para aprender.
--
Camilo Kawerín
27Sur comunicación diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Esta bien utilizar aqui una tabla??
Esta bien utilizar aquí una tabla para ordenar los productos?? Si no está bien, que otras alternativas tengo También otra pregunta, en toda la página las imágenes las metí con css, menos las fotos de los productos porque lo considero información y no elementos decorativos. Esta bien pensado así? 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
Bueno, yo soy tan novato o mas que tu. Le he hecho unas modificaciones al CSS y creo que ahora funciona. Te envio el codigo del CSS para que lo compares con el que tienes y veas por que no funcionaba. Si tras estra modificacion no te funciona como tu quieres, vuelve a esponerlo en el foro UN SALUDO El 16/08/05, Judith De Argentina[EMAIL PROTECTED] escribió: Muchisimas gracias Fernando, lo pongo ya a prueba (muy simpatico el ejemplo) despues les cuento gracias a todos. Alejandra fernando Gutierrez [EMAIL PROTECTED] escribió:fHola Alejandra, prueba lo siguiente. .Inicio Quienes somos Qué hacemos Porqué lo hacemos Para qué lo hacemos Para quién lo hacemos - 1GB gratis, Antivirus y Antispam Correo Yahoo!, el mejor correo web del mundo Abrí tu cuenta aquí ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esta bien utilizar aqui una tabla??
On 8/16/05, DeltaIdeas :: David Lombardia [EMAIL PROTECTED] wrote: Esta bien utilizar una tabla para ordenar productos?? depende... si tenes pensado usar una tabla individual para cada producto te diria que no seria conveniente. mejor un div para cada producto con la info listada en ps y ul/ol/dls. en cambio si la idea es usar una sola tabla con columnas del tipo nombre, descripción, precio y una fila para cada producto pues ahi si que mejor un table. como dije antes, depende. en toda la página las imágenes las metí con css, menos las fotos de los productos porque lo considero información y no elementos decorativos. Esta bien pensado así? esta perfecto asi. 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
...y tan novato que se me ha olvidado pegarte el codigo, perdona aqui va:
BODY{
background-color: #CC;
font-size: 14pt;
color: BLUE;
}
TABLE TD{
width:100%; background-color: #ff;
text-color: 00;
text-align: center;
font-family: catchup;
font-size:15pt;
}
P {
font-family : verdana,arial;
font-size : 14pt;
text-align : center;
}
TABLE TD{
border-width: 1pt;
width:20%;
background-color: #66FFCC;
}
El 16/08/05, juan romero cruz[EMAIL PROTECTED] escribió:
Bueno, yo soy tan novato o mas que tu.
Le he hecho unas modificaciones al CSS y creo que ahora funciona.
Te envio el codigo del CSS para que lo compares con el que tienes y
veas por que no funcionaba. Si tras estra modificacion no te funciona
como tu quieres, vuelve a esponerlo en el foro
UN SALUDO
El 16/08/05, Judith De Argentina[EMAIL PROTECTED] escribió:
Muchisimas gracias Fernando, lo pongo ya a prueba (muy simpatico el ejemplo)
despues les cuento
gracias a todos.
Alejandra
fernando Gutierrez [EMAIL PROTECTED] escribió:fHola Alejandra, prueba lo
siguiente.
.Inicio
Quienes somos
Qué hacemos
Porqué lo hacemos
Para qué lo hacemos
Para quién lo hacemos
-
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
Abrí tu cuenta aquí
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margin: 0 - margin: 0px
Con 0 siempre vale MENOS 1 caso (que yo conozca). Cuando se especifica un color con RGB en % hay que usar siempre el caracter % incluido el 0. Por lo tanto: color: rgb(100%,50%,0%); -- arnau siches css.artnau.com Diego Gonzalez wrote: 0 es siempre 0, sean pixeles, ems, o porciento :) On 8/13/05, Rgs [EMAIL PROTECTED] wrote: Hay diversas teorías; segun Zeldman, el cero solo basta y sobra y ahorras bytes. Al funcionar de este modo, con esto basta, aunque en mi opinión si alguien que no seas tu interviene en tu css en un futuro, añadir la unidad de tamaño proporciona información sobre la disposición del estilo. Lo que me tiene mas intrigado, y aqui lanzo yo la pregunta, es el modo correcto de marcar los tamaños de texto -ems, px-. ¿Se unificarán algun día los tamaños de fuente de todos los navegadores?. Un saludo. - Original Message - From: Santiago Flores [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, August 13, 2005 10:54 PM Subject: [Ovillo] margin: 0 - margin: 0px una pregunta corita lo corrécto y váido es poner el cero con el tipo de formato o no? margin: 0; o margin: 0px; cual sería la correcta? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Mi Bandeja de entrada es protegida por SPAMfighter 483 hasta ahora los spam correos que han sido bloqueados. ¡Descargado libremente www.spamfighter.com (gratis) hoy! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Meeting Ovillo Barcelona
Yo tambien me apunto a la de BCN!. Federico Carra ;-) -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.338 / Virus Database: 267.10.8/71 - Release Date: 8/12/2005 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Novatada al canto
Primero, manda la url; y segundo, con amigos como los que tienes, no necesitas enemigos ;-) - Original Message - From: Daniel G.B. [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, August 16, 2005 9:43 PM Subject: Re: [Ovillo] Novatada al canto Hola, Hace falta un poco más de información para echarte una mano. (pon por lo menos el enlace de la página!) Daniel G.B. At 09:10 21/07/2005, you wrote: Buenos días a [EMAIL PROTECTED] Estoy preparando una página más de la web de mi ayuntamiento y quiero montarla con divs, (al indicar esto veis lo novato que soy).Mi amigo Internet Explorer me muestra las cosas como quiero, con el texto rodeando la fotografía y eso. Pero ha lelgado un cabrón con cuernos (el FF) y no me lo hace. ¿Cual es el fallo? 1 cerveza para el que lo encuentre!. Un saludo y gracias ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Mi Bandeja de entrada es protegida por SPAMfighter 483 hasta ahora los spam correos que han sido bloqueados. ¡Descargado libremente www.spamfighter.com (gratis) hoy! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
