Re: [Ovillo] primeros pasos en menu css
Las disculpas del caso man andaba algo apurado, pero no se preocupe volvere hacerlo como antes y le mandare de nuevo como me va desde ya tratare de escribir mejor 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] primeros pasos en menu css
Hola camilo gracias por responder pucha ando algo enredado, haber si me muestras algun ejemplo con menus que hayas echo pa guiarme de tu css ya que por ams que intento ver en los que me mandastes me enredo, 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] primeros pasos en menu css
hey de nuevo pr aqui pasa que decidi hacer el menu sin listas sino de frnete con el href, pero no se si esta bien , dentro un rato te informo como me va. gracias de nuevo ___ 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] primeros pasos en menu css
buenas ahora si ya subi camilo pa ver como me ayudas en esta forma mira esta
es como quedo
http://www.peruforless.com/default_css.html
div class=enlacesseccion
a href=#About Us/a
a href=#Our Philosophy/a
a href=#Our Hotels/a
a href=#Destination Guide/a
a href=#Photo Gallery/a
a href=#Peru Facts and Info/a
a href=#Peru a la Carte/a
a href=#Price Guarantee/a
/div
en IE se ve bien en Firefox apenas 1 px creo que se ve alto la imagen no si
ace falta alli lo que me decias, otra cosa es del fondo que no puedo hacerlo
lo hice igual que el tutor que me mandastes pero no me da este es mi
*css*haber como se peude anadir alli lo del fondo osea para que no
demore al
pasar el mouse.
/* menu izquierda */
.enlacesseccion {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0 1px 0 0 solid #CBC19C;
border-bottom: 1px solid #CBC19C;
margin: 5px 0px 0px 0px;
}
.enlacesseccion a {
display: block;
color: #00;
padding-left: 10px;
background: #F2DFB7;
text-decoration: none;
border-top: 1px solid #CBC19C;
text-align: right;
padding: 3px 17px 4px 0px;
}
.enlacesseccion a:hover {
color: #9F590E;
background-color: #FFEECB;
background-image: url(../images/fon-me-prin.gif);
text-decoration: none;
font-weight: bold;
}
___
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] primeros pasos en menu css
Hola, Angel seron wrote: buenas ahora si ya subi camilo pa ver como me ayudas en esta forma mira esta es como quedo http://www.peruforless.com/default_css.html div class=enlacesseccion a href=#About Us/a a href=#Our Philosophy/a a href=#Our Hotels/a a href=#Destination Guide/a a href=#Photo Gallery/a a href=#Peru Facts and Info/a a href=#Peru a la Carte/a a href=#Price Guarantee/a /div Habías avanzado varios casilleros, pero ahora retrocediste un par. Para hacer un menú, la mejor elección desde el punto de vista semántico es poner los enlaces en una lista. Te recomiendo que vuelvas a intentarlo como habías hecho antes. Solucionar el problema de las listas en IE es cuestión de paciencia. Con los comentarios condicionales y la propiedad zoom no falla, sólo que te habrás comido algún paso. en IE se ve bien en Firefox apenas 1 px creo que se ve alto la imagen no si ace falta alli lo que me decias, otra cosa es del fondo que no puedo hacerlo lo hice igual que el tutor que me mandastes pero no me da este es mi *css*haber como se peude anadir alli lo del fondo osea para que no demore al pasar el mouse. Hacelo con la lista, volvé a mandar tu CSS y te muestro qué agregar para que funcione el fondo. Si aceptás otro consejo, tratá de mejorar tu redacción y ortografía porque cuesta entender lo que escribís. Y si encima uno lleva más 12 horas trabajando, hay que tener muchas ganas para interpretar tu problema y responderte. Saludos y suerte, -- 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] primeros pasos en menu css
buena que tal estyo comenzando hacer una web en css pero solo eh comenzado por el menu principal de la izq. la pagina ahorita se ve asi en la parte del menu de la izq. http://www.peruforless.com En este ejmplo aplique css solo a la aprte del menu , en este link se ve el resultado http://www.peruforless.com/default_css.html pasa que en firefox se ve muy bien el css del menu pero en IE se ven algo espaciados en cuanto a la altura haver si podrian ayudarme que me falta , este es lo que esta en el html div id=sectionLinks ul lia href=# class=linkcssAbout Us/a/li lia href=# class=linkcssOur Philosophy/a/li lia href=# class=linkcssOur Hotels/a/li lia href=# class=linkcssDestination Guide/a/li lia href=# class=linkcssPhoto Gallery/a/li lia href=# class=linkcssPeru Facts and Info/a/li lia href=# class=linkcssPeru a la Carte/a/li lia href=# class=linkcssPrice Guarantee/a/li /ul /div y aca esta el codigo css que hace referencia al menu http://www.peruforless.com/3col_leftNav.css gracias por todo ___ 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] primeros pasos en menu css
Hola Ángel,
Angel seron wrote:
buena que tal estyo comenzando hacer una web en css pero solo eh comenzado
por el menu principal de la izq.
la pagina ahorita se ve asi en la parte del menu de la izq.
http://www.peruforless.com
En este ejmplo aplique css solo a la aprte del menu , en este link se ve el
resultado
http://www.peruforless.com/default_css.html
pasa que en firefox se ve muy bien el css del menu pero en IE se ven algo
espaciados en cuanto a la altura haver si podrian ayudarme que me falta ,
este es lo que esta en el html
y aca esta el codigo css que hace referencia al menu
http://www.peruforless.com/3col_leftNav.css
Tenés problemas por dos bugs conocidos de IE. Por un lado, el que
mencionás respecto a la altura de los elementos de la lista, que se debe
a que IE ignora los /li[1]. En la página del enlace hay alguna
solución, aunque yo siempre lo resuelvo agregando:
#navegacion li, #navegacion li a {zoom: 1.0; }
Esta propiedad es propietaria de explorer, por lo que conviene que sólo
él la lea. Para ello podés optar por cargar una hoja de estilos especial
mediante comentarios condicionales[2].
El otro problema que tenés en el menú, aunque no lo menciones, es que la
imagen de fondo en a:hover tarda un par de segundos en aparecer en IE.
Este bug también está documentado[3] y solución. La que yo uso consiste
en cambiar un poco la lógica al agregar la imagen de fondo a los
elementos implicados.
Se entiende mejor con un ejemplo:
ul
lia href=#Mi opción/a/li
/ul
En la hoja de estilos, en lugar de hacer...
a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}
a:hover {
background: url(imagen_over.gif) top left no-repeat;
}
...se hace:
li {
background: url(imagen_over.gif) top left no-repeat;
}
a {
display: block;
background: url(imagen_normal.gif) top left no-repeat;
}
a:hover {
background: none;
}
Y listo. Espero que te sirva,
saludos
[1]
http://www.quirksmode.org/bugreports/archives/2005/01/Interner_Explorer_completely_ignores_closing_li_ta.html
[2]
http://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htmhttp://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htm
[3]
http://www.quirksmode.org/bugreports/archives/2005/08/backgrond_image_gets_stuck_on_hover.html
--
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
