Re: [Ovillo] Ayuda con CSS
Hola, El problema que tenes, es que tenes un DIV por delante del box del buscador. Mas especificamente el problema esta en la clase .heading. #header #cart .heading Fijate que el ancho del box *#cart .heading* llega hasta la mitad del control de busqueda y por eso cuando le haces click en realidad estas tocando el div que esta encima. Proba en todo caso el div id=search pasarlo arriba del div=cart en el markup. Saudos, Martin 2011/4/27 reynie...@gmail.com reynie...@gmail.com Buenos días a todos: Estoy usando una aplicación que se llama Open Cart (eCommerce) no se si la conocen y recién salió la última versión. Como toda versión RC contiene muchos errores y uno de ellos va relacionado con el tema de los CSS y la vista en diferentes navegadores los cuales me gustaría me ayudaran a solucionar para contribuir con la comunidad. El primer error que veo y no encuentro forma de solucionar va con el buscador ubicado en la parte superior derecha pues hay un DIV montado sobre otro que evita el poder dar clic en el INPUT para escribir el texto a buscar. Por más que busco y miro no encuentro la solución. Alguna idea? La dirección de prueba es la siguiente: http://www.trueidentity.co.uk/oc150/ De igual forma agradecería que la probaran en las navegadores que tengan instalados y me digan que tan CrossBrowser es. Yo solo tengo Chrome Beta 12, IE9 y Firefox 4 no he podido probarla en ningún otro. Desde ya muchísimas gracias y al tanto de comentarios Ing. Reynier Pérez Mira Cel: +58 04160121226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.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 -- Martín D. Moscardi | Front End Dev Almagro | Buenos Aires | Argentina Tel.: (54 11) 3221 1926 | Móvil: (15) 4418.4323 | Skype: martin.moscardi ___ 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] Ayuda con CSS
Intenta con esto
#header #cart {
float: right;
min-width: 150px;
position: absolute;
right: 300px;
width: 150px;
z-index: 1004;
}
#header #cart .heading {
background: none repeat scroll 0 0 #FF;
border-left: 1px solid #FF;
border-right: 1px solid #EE;
border-top: 1px solid #FF;
float: right;
/*margin-right: 165px;*/
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
position: relative;
z-index: 1006;
}
2011/4/27 reynie...@gmail.com reynie...@gmail.com
Buenos días a todos:
Estoy usando una aplicación que se llama Open Cart (eCommerce) no se si la
conocen y recién salió la última versión. Como toda versión RC contiene
muchos errores y uno de ellos va relacionado con el tema de los CSS y la
vista en diferentes navegadores los cuales me gustaría me ayudaran a
solucionar para contribuir con la comunidad. El primer error que veo y no
encuentro forma de solucionar va con el buscador ubicado en la parte
superior derecha pues hay un DIV montado sobre otro que evita el poder dar
clic en el INPUT para escribir el texto a buscar. Por más que busco y miro
no encuentro la solución. Alguna idea? La dirección de prueba es la
siguiente: http://www.trueidentity.co.uk/oc150/ De igual forma agradecería
que la probaran en las navegadores que tengan instalados y me digan que tan
CrossBrowser es. Yo solo tengo Chrome Beta 12, IE9 y Firefox 4 no he podido
probarla en ningún otro.
Desde ya muchísimas gracias y al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.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
Re: [Ovillo] Ayuda con CSS
Gracias por tu respuesta Joel pero creo que ya había encontrado el error.
Fíjate acá lo que hice
http://forum.opencart.com/viewtopic.php?f=146t=31055p=152105#p152097 no
obstante ellos, los desarrolladores lo resolvieron de otra forma: cambiando
el z-index: 1004 del #header #cart por z-index: 2000 o al menos eso fue lo
que vi en el sitio de ellos (http://dev.opencart.com). De todas formas como
dije antes gracias a todos por brindarme su ayuda y me gustaría que dentro
de sus posibilidades lo probasen en algún otro navegador que no fuese Chrome
12, IE9 o FF4 pues esos son los que tengo yo instalado y ahí es donde lo he
probado.
Saludos
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com
2011/4/27 Joel Lembert joelalman...@gmail.com
Intenta con esto
#header #cart {
float: right;
min-width: 150px;
position: absolute;
right: 300px;
width: 150px;
z-index: 1004;
}
#header #cart .heading {
background: none repeat scroll 0 0 #FF;
border-left: 1px solid #FF;
border-right: 1px solid #EE;
border-top: 1px solid #FF;
float: right;
/*margin-right: 165px;*/
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
position: relative;
z-index: 1006;
}
2011/4/27 reynie...@gmail.com reynie...@gmail.com
Buenos días a todos:
Estoy usando una aplicación que se llama Open Cart (eCommerce) no se si
la
conocen y recién salió la última versión. Como toda versión RC contiene
muchos errores y uno de ellos va relacionado con el tema de los CSS y la
vista en diferentes navegadores los cuales me gustaría me ayudaran a
solucionar para contribuir con la comunidad. El primer error que veo y no
encuentro forma de solucionar va con el buscador ubicado en la parte
superior derecha pues hay un DIV montado sobre otro que evita el poder
dar
clic en el INPUT para escribir el texto a buscar. Por más que busco y
miro
no encuentro la solución. Alguna idea? La dirección de prueba es la
siguiente: http://www.trueidentity.co.uk/oc150/ De igual forma
agradecería
que la probaran en las navegadores que tengan instalados y me digan que
tan
CrossBrowser es. Yo solo tengo Chrome Beta 12, IE9 y Firefox 4 no he
podido
probarla en ningún otro.
Desde ya muchísimas gracias y al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.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] Ayuda con CSS
Es lo que ha comentado Martín Diego.
Una posibilidad es cambiar el orden en el html (primero el buscador y luego el
cart, ya que ambos se alinean a la derecha)
Otra sería tocando sólo la css:
#header #cart {
float: left;
}
#header #cart .heading {
border-right: 1px solid #FF;
margin-left: 260px;
margin-top: 15px;
padding-right: 14px;
}
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de
reynie...@gmail.com
Enviado el: miércoles, 27 de abril de 2011 13:49
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Ayuda con CSS
Buenos días a todos:
Estoy usando una aplicación que se llama Open Cart
(eCommerce) no se si la conocen y recién salió la última
versión. Como toda versión RC contiene muchos errores y uno
de ellos va relacionado con el tema de los CSS y la vista en
diferentes navegadores los cuales me gustaría me ayudaran a
solucionar para contribuir con la comunidad. El primer error
que veo y no encuentro forma de solucionar va con el
buscador ubicado en la parte superior derecha pues hay un
DIV montado sobre otro que evita el poder dar clic en el
INPUT para escribir el texto a buscar. Por más que busco y
miro no encuentro la solución. Alguna idea? La dirección de
prueba es la
siguiente: http://www.trueidentity.co.uk/oc150/ De igual
forma agradecería que la probaran en las navegadores que
tengan instalados y me digan que tan CrossBrowser es. Yo
solo tengo Chrome Beta 12, IE9 y Firefox 4 no he podido
probarla en ningún otro.
Desde ya muchísimas gracias y al tanto de comentarios Ing.
Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com / reynie...@hotmail.com /
reynie...@yahoo.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
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] 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] 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
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] 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
