[Ovillo] botones y estilos
Buenas a todos y gracias por adelantado
tengo un problema de botones con estilos. Creo que se trata de un bug del IE
pero no estoy seguro.
El caso es que tengo unos botones a los que asigno un estilo. El comportamiento
no deseado es el siguiente, en función del ancho del literal, el padding lef y
right aumentan. es decir, un literal Alta aparece pegado a los bordes del
botón, mientras que un literal tipo Alta de nuevo cliente aumenta la
distancia entre el literal y el borde, tanto por la izquierda como por la
derecha a unos 15 px. ¿Le había sucedido antes esto a alguién?
Os pongo los estilos que utilizo relacionados con botones.
.barra_botones es la capa contenedoras de los botones input class=boton
INPUT{
font-size: 14px;
color:navy;
border: 1px solid #cc;
background-color:#FF;
}
.barra_botones{
padding-top:2px;
padding-bottom:2px;
text-align:center;
clear:both;
background-color:#FF;
}
.boton{
border:1px solid #333;
background-color:#006699;
color: #fff;
font-size:12px;
margin-right: 1px;
height: 22px;
padding:0px;
}
-
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Navegación con pestañas verticales
Hola Reynier, Te mando una dirección en la que encontrarás lo que necesitas usando unicamente css, espero que te sirva. http://www.cssplay.co.uk/menu/index.html Saludos -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: lunes, 04 de septiembre de 2006 16:59 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Navegación con pestañas verticales Hola lista: Ante todo buenas a algunos que hacía algún tiempo no me veían por aquí y a otros que si nunca me habían visto. Estaba algo perdido porque anduve dos meses de vacaciones y recién he vuelto a la Universidad a cursar mi 5to año y a preparar mi trabajo de graduación. Bueno el caso es que tengo que hacer algo como un menú de navegación vertical. Me explico con un sencillo gráfico: |--|-| | | | | Img1 | | | | | |--| | | | | | Img2 |Area para mostrar| | | | |--| | | | | | Img3 | | | | | |--|-|-- Bien todo hasta ahí? Ahora cuando pase el mouse por encima de Img1, que es una imagen, se debe mostrar en el area de muestra el contenido correspondiente al item Img1. No se si me entienden bien. El hecho es que no tengo ni idea de cómo hacerlo. Alguna ayuda ? Salu2 ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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] Problema con padding botones con IE.
Buenas a todos y gracias por adelantado
tengo un problema de botones con estilos. Creo que se trata de un bug del IE
pero no estoy seguro.
El caso es que tengo unos botones a los que asigno un estilo. El comportamiento
no deseado es el siguiente, en función del ancho del literal, el padding lef y
right aumentan. es decir, un literal Alta aparece pegado a los bordes del
botón, mientras que un literal tipo Alta de nuevo cliente aumenta la
distancia entre el literal y el borde, tanto por la izquierda como por la
derecha a unos 15 px. ¿Le había sucedido antes esto a alguién?
Os pongo los estilos que utilizo relacionados con botones.
.barra_botones es la capa contenedoras de los botones input class=boton
INPUT{
font-size: 14px;
color:navy;
border: 1px solid #cc;
background-color:#FF;
}
.barra_botones{
padding-top:2px;
padding-bottom:2px;
text-align:center;
clear:both;
background-color:#FF;
}
.boton{
border:1px solid #333;
background-color:#006699;
color: #fff;
font-size:12px;
margin-right: 1px;
height: 22px;
padding:0px;
}
-
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre el código a utilizar ¿hx o listas?
Y no sería mejor esto: ul li dl dtTitular/dt ddBlablablabla/dd /dl /li li dl dtTitular/dt ddBlablablabla/dd /dl /li li dl dtTitular/dt ddBlablablabla/dd /dl /li /ul Es más código pero creo que lo define mucho mejor... carlos campderrós escribió: On 9/4/06, Marta Martínez | ARGUS.net [EMAIL PROTECTED] wrote: para mi, son válidas las dos opciones, como lista o como heading párrafo. Por gustarme, me gusta más la segunda opción. vale... y que tal una lista de noticias, donde cada noticia es un heading + párrafo? ul lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li /ul y si quieres, aún lo puedes englobar cada noticia en un div para estilarlo (cada noticia en una cajita o con diferentes colores de fondo o cualquiero cosa así). ___ 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] border-top
Message: 1 Date: Sat, 2 Sep 2006 17:30:16 +0200 From: Ignacio Iglesias [EMAIL PROTECTED] 2º Por otro lado si os fijáis en el menú superior lleva un border-top: 2px solid #999; pero no lo veo en ie, sabe alguien a que se debe esto. Prueba a poner border: 2px solid #999; y fíjate en lo que ocurre: A mí me aparecen los bordes derecho e izquierdo, pero no el superior ni inferior. Otra pista: Si desactivas el resto de estilos, sí aparece el border-top en uno de los li. Santiago. __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Navegación con pestañas verticales
From: Reynier Perez Mira
[EMAIL PROTECTED]
Subject: [Ovillo] Navegación con pestañas verticales
Bueno el caso es que tengo que hacer algo como un
menú de navegación vertical.
El ejemplo que mandaba Gonzalo Alonso es muy ingenioso
y básicamente se puede resumir en lo siguiente:
La estructura es un div invisible dentro de un li. Hay
que crear una regla que haga visible el div y que sea
aplicable a un div que esté dentro de un li:hover.
Mando un ejemplo parecido:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0
Transitional//EN
html
head
titleMouseOver con CSS/title
style
img {
display: none;
position: absolute;
top: 70px;
left: 200px;
width: 300px;
}
div:hover img {
display: inline;
}
div:hover {
background-color: yellow;
}
/style
/head
body
h1MouseOver con CSS/h1
table
trtddiv class=tituloPaul Newmanimg
src=http://i.imdb.com/Photos/Mptv/1396/0070_2352.jpg;/div/td/tr
trtddiv class=tituloMarylin Monroeimg
src=http://i.imdb.com/Photos/Mptv/1385/0758_0995.jpg;/div/td/tr
trtddiv class=tituloClark Gable img
src=http://i.imdb.com/Photos/Mptv/1396/0025_2348.jpg;/div/td/tr
/table
/body
/html
Sólo lo he hecho funcionar en Firefox 2 y en Opera 8.
Para IE supongo que bastará con cambiar los div por
a.
¡Buen trabajo de grado!
Santiago.
__
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre el código a utilizar ¿hx o listas?
Lo de la lista de definición pienso que estaría bien, pero quizás el marcado que Richi incluye es un poco retorcido. ¿Por qué no poner directamente la lista de definición como base para la lista de noticias? La lista de noticias podría responder a una estructura tal como la de las listas de definición. Todo depende del peso que se le quiera dar en el contenido, pudiendo llegar a un nivel muy Freak el debate... dl dtTitular I/dt ddBreve texto de la noticia I.../dd dtTitular II/dt ddBreve texto de la noticia II.../dd ... /dl www.niquelao.net - Niquelando la Web Y no sería mejor esto: ul li dl dtTitular/dt ddBlablablabla/dd /dl /li ... carlos campderrós escribió: On 9/4/06, Marta Martínez | ARGUS.net [EMAIL PROTECTED] wrote: para mi, son válidas las dos opciones, como lista o como heading párrafo. Por gustarme, me gusta más la segunda opción. vale... y que tal una lista de noticias, donde cada noticia es un heading + párrafo? ul lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li lih4titular/h4 pblabla/p /li /ul y si quieres, aún lo puedes englobar cada noticia en un div para estilarlo (cada noticia en una cajita o con diferentes colores de fondo o cualquiero cosa así). ___ 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] diseñar para todas las resoluciones y t ipo de pantallas
podis poner tu URL pa cachar que tai haciendo?? 2006/9/5, Sureña [EMAIL PROTECTED]: Otra vez yo, esta vez necesito orientacion sobre como diseñar un site par todas las resoluciones y pantallas. El tema es asi: diseñe para 800*600 y se descuadra bastante en 1024*768, que me conviene hacer? el codigo lo pase en mi anterior mensaje, muchas gracias Alejandra -- -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. Todos los excesos son malos Juzga tu exito, en relacion a lo que tienes que renunciar para ello Confia en Dios, pero cierra bien la puerta -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. ___ 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] Navegación con pestañas verticales
Muchas gracias a todos. Exactamente era lo que buscaba. Ahora estoy leyendo el código a ver si lo comprendo y dentro de unas horas quizás publique una solución a ver si la prueban en IE pues me preocupa este más que Firefox. Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Maite Capalleja Enviado el: 05 September, 2006 2:03 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Navegación con pestañas verticales Hola Reynier, Te mando una dirección en la que encontrarás lo que necesitas usando unicamente css, espero que te sirva. http://www.cssplay.co.uk/menu/index.html Saludos -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: lunes, 04 de septiembre de 2006 16:59 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Navegación con pestañas verticales Hola lista: Ante todo buenas a algunos que hacía algún tiempo no me veían por aquí y a otros que si nunca me habían visto. Estaba algo perdido porque anduve dos meses de vacaciones y recién he vuelto a la Universidad a cursar mi 5to año y a preparar mi trabajo de graduación. Bueno el caso es que tengo que hacer algo como un menú de navegación vertical. Me explico con un sencillo gráfico: |--|-| | | | | Img1 | | | | | |--| | | | | | Img2 |Area para mostrar| | | | |--| | | | | | Img3 | | | | | |--|-|-- Bien todo hasta ahí? Ahora cuando pase el mouse por encima de Img1, que es una imagen, se debe mostrar en el area de muestra el contenido correspondiente al item Img1. No se si me entienden bien. El hecho es que no tengo ni idea de cómo hacerlo. Alguna ayuda ? Salu2 ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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 ___ 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] Oferta de empleo: Programador Front (Madrid)
Hola de nuevo, Desde deInterfaz estamos muy interesados en incoporar a nuestros proyectos a personas especialistas y con experiencia en interfaz web. En esta ocasión buscamos un programador front, con todas las características que los profesionales de esta lista demuestran poseer, para incorporación a proyecto de gran entidad e interés profesional. Requisitos mínimos: * XHTML 1.0 multinavegador. * Javascript multinavegador. * DOM. * CSS, CSS2. * Accesibilidad WAI. * Al menos 1 año de experiencia * Pasión por su trabajo y ganas de seguir aprendiendo. Se valorarán conocimientos en: * PHP / ASP / JSP. * XSLT. * AJAX. * Gestores de contenidos. * Otros conocimientos en tecnologías W3C Interesados: Mandar CV a [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] Ostrong??
validar unos archivos con el w3.org, me da el siguiente error Error Line 17 column 0: character data is not allowed here. Ostrong??You have used character data somewhere it is not permitted to Es posible que tengas un caracter con acento precediendo a ese strong, y que esté mal declarada la codificación del documento? ___ 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] Duda semantica ... =)
Saludos a todos, Tengo una duda existencial ... tr td colspan=2 h3Nombre/h3 span class=botones_editar_salvar img src=img/iconos/application_form_edit.png / /span /td /tr eso es lo que tengo ahorita.. para ahorrarme codigo CSS, pense en esto: tr td colspan=2 h3Nombre img src=img/iconos/application_form_edit.png //h3 /td /tr es correcto ese uso.. ? ___ 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] Duda semantica ... =)
Desconozco si es apropiado, pero más fácil es aplicarle una clase al
encabezado h3 class=...Texto/h3 y en la .css ponerle como imagen de
fondo el ícono.
HTML
h3 class=editarEditar/h3
---
CSS
---
h3.editar {
width: xpx;
background: #fff url('img/iconos/application_form_edit.png') left /* o right
*/ no-repeat;
}
2006/9/5, Ardilla Roja [EMAIL PROTECTED]:
Saludos a todos,
Tengo una duda existencial ...
tr
td colspan=2
h3Nombre/h3
span class=botones_editar_salvar
img src=img/iconos/application_form_edit.png /
/span
/td
/tr
eso es lo que tengo ahorita..
para ahorrarme codigo CSS, pense en esto:
tr
td colspan=2
h3Nombre img src=img/iconos/application_form_edit.png //h3
/td
/tr
es correcto ese uso.. ?
___
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] Duda semantica ... =)
heee.. bueno, el icono va a ser un link a una forma para editar el
registro.. creo q no aplica...
On 9/5/06, ·Verónica· [EMAIL PROTECTED] wrote:
Desconozco si es apropiado, pero más fácil es aplicarle una clase al
encabezado h3 class=...Texto/h3 y en la .css ponerle como imagen de
fondo el ícono.
HTML
h3 class=editarEditar/h3
---
CSS
---
h3.editar {
width: xpx;
background: #fff url('img/iconos/application_form_edit.png') left /* o right
*/ no-repeat;
}
2006/9/5, Ardilla Roja [EMAIL PROTECTED]:
Saludos a todos,
Tengo una duda existencial ...
tr
td colspan=2
h3Nombre/h3
span class=botones_editar_salvar
img src=img/iconos/application_form_edit.png /
/span
/td
/tr
eso es lo que tengo ahorita..
para ahorrarme codigo CSS, pense en esto:
tr
td colspan=2
h3Nombre img src=img/iconos/application_form_edit.png //h3
/td
/tr
es correcto ese uso.. ?
___
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
___
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] footer, en ie, resoluciones varias
Hola Sureña,
hacé ctrl-u en FF y vas a ver una muy posible causa de tu problema en
rojo... varias veces.
Saludos,
Pablo
Sureña wrote:
Hola, este es el tercer mensaje que mando por el mismo tema, por favor
necesito ayuda urgente!!!, desde ya agradezco las repuestas . No se si es
que hay problemas en la lista...o que, de todas formas gracias a los que
contestaron, pero no me aclararon nada o yo soy muy torpe :(
Muchas gracias
Alejandra
04-09-06
Hola lista!! Por favor si me pueden responder pronto lo agradecere
Tengo unas dudas:
Tengo un div id=pietexto aqui y enlace/div
en FF y Opera se ve, pero en IE, me corta la pagina en el ultimo menu y no
aparece el pie, este div lo tengo en un div general que engloba toda la
pagina y esta inmediatamente bajo el ultimo menu de navegacion
como lo puedo arreglar?
Otra cosa, la pagina la diseñe para 800*600 (es la clasica no?) y en
1024*768 me deja un gran espacio vacio a la derecha, me gustaria que se
viera en la mayor cantidad de resoluciones posibles
que debo agregar?
esta es la direccion:
http://members.libreopinion.com/ar/judithg/index.html
y este es el codigo
05-09-06 lo envie:
Tal vez resulte engorroso, porque es un poco largo, seguramente encontraran
errores de todo tipo, soy novata :)
Este es el codigo adeudado, sorry:
HTML:
div id=general
div id=banner
aqui todos los datos del banner
/div
div id=division
img alt=linea src=lineadivision.jpg height=7
width=20/a/li/div
div id=menu
ul
lia href=Inicio/a/li
lia href=Habitaciones/a/li
lia href=Servicios/a/li
lia href=Fotos/a/li
lia href=dir emailContacto/a/li
/ul
/div
div id=contenido
h3Titulo de parrafo/h3
pparrafo con br./p
/div
div id=fotos
div id=menufotos
ul
lia href= recepcion1.jpg
img alt=Recepción src=recepcion1_small.jpg height=75
width=100/a/li
lia href=confiteria1.jpg
img alt=Confitería src=confiteria1_small.jpg height=75
width=100/a/li
lia href=lobby.jpg
img alt=Lobby src=lobby_small.jpg height=75 width=100/a/li
lia href=depto5personas.jpg
img alt=Habitaciones src=depto5personas_small.jpg height=75
width=100/a/li
/ul
/div
/div
div id=menuabajo
ul
lia href=Inicio/a/li
lia href=Habitaciones/a/li
lia href=Servicios/a/li
lia href=Fotos/a/li
lia href=mailto:dir correoContacto/a/li
/ul
/div
div id=divisionabajo
img alt=linea src=lineadivision.jpg height=7
width=20/a/li/div
div id=pie ESTE PIE NO ME LO TOMA
pINFORMACION/p
pDiseñado por: a href=mailto:dir correo/a/p/div
/div
/div
/body
/html
CSS:
#banner{margin:0; padding:0; width:780px; height:270px; color:black;
position:absolute; z-index:0; top:2px; left:5px;}
#division{width:20px; height:7px;position:relative;
background-image:url(lineadivision.jpg); backgound-repeat:index-x;
padding:1px; width:740px;height:7px; float:left;
left:15px; top:275px;}
#menu ul {
position:relative; top:275px; left:115px;
padding:0;
margin:0;
list-style:none;
width: 545px;
height: 20px;
float: left;
background:#d39153;
}
#menu li {
margin:3px;
padding:1px;
position:relative;
display:block;
float:left;
width:100px;
font-size:17px;
font-style:italic;
}
#menu a {
text-decoration:none;
font-style:bold;
color:#FF;
}
#menu a:link, #menu a:visited {
display:block;
float: left;
width:100px;
padding: 1px;
text-decoration:none;
text-align:center;
color: #000;
background-color: #b67369;}
#menu ul li a:hover, #menu ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}
#general {width:780px; height:740px;}
#contenido{background-image:url( fondodiv1a.jpg);padding:0; width:470px;
height:400px; float:right; position:relative; left:-20px;
top:300px;}
#fotos{background-image:url(fondodiv2a.jpg);padding:0px; margin-top:0px;
margin-left:0px; margin-right:5px; height:400px; float:right;
position:relative; left:-80px; top:300px; width:199px;
text-decoration:none;}
#divisionabajo{width:20px; height:7px;
background-image:url(lineadivision.jpg); backgound-repeat:index-x;
padding:0; width:740px;height:7px; float:left;
position:relative;
left:15px; top:290px;}
#menuabajo{position:relative; top:318px; left:75px;
padding:0;
margin:0;
list-style:none;
width:600px;
height: 20px;
float: left;
}
#menuabajo li {
margin:3px;
padding:1px;
position:relative;
display:block;
float:left;
width:100px;
font-size:17px;
font-style:italic;
}
#menuabajo a {
text-decoration:none;
font-style:bold;
color:#FF;
}
#menuabajo a:link, #menuabajo a:visited {
display:block;
float: left;
width:100px;
padding: 1px;
text-decoration:none;
text-align:center;
color: #000;
}
#menuabajo ul li a:hover, #menuabajo ul li a:active{
color: #F30;
background-color: #CCC;
height: 20px
}
#menufotos ul {
