Problema con imagenes

[locoxchacho]

Buenas, quería ver si me podían ayudar con un par de problemas que tengo con una imagenes y ver si esto se podia solucionar con CSS.

Desde ya, que estos problemas lo tengo solo con algunos navegadores. Aca, un detalle:

PROBLEMA 1
Tengo imagenes que son links, y se me queda un borde como diciendo que ese es el link, como si el link estuviera subrayado. Trate con a{text-decoration:none} pero no hubo caso, el recuadro sigue alli. Para que vean de lo que hablo:
http://www.proyectoshuerto.com.ar/nuevaimagen/huerto/
Este problema lo tengo con Firefox y IE, no con Opera.

PROBLEMA 2
Tengo un menu de imagenes, y para ello creo un div y pongo todas las imagenes, una al lado de otra, de esta forma:

Código:

<img src=""/><img src=""/><img src=""/>

Etc. Esto me crea un menu vertical, pero lo que me pasa es que entre imagen e imagen hay un espacio, y no quiero eso, pq sino el menu me queda mal. Esto me pasa con Firefox y Opera, no con IE.
http://www.proyectoshuerto.com.ar/nu...itucional.html

Espero que me puedan ayudar, muchas gracias! Un saludo a todos, y buen dia!

Pablo.

[sweetlydark]

Para el borde de los imagenes que defines como enlaces solo tienes que colocar un border igual a 0. Para lo otro Trataste colocado un margin y/o padding a 0?

[locoxchacho]

si, puse al comenzar la hoja de estilo un
*{margin:0; padding:0}, que segun tengo entendido "resetea" todos los elementos con esa propiedad... no es cierto??
como podria resolver eso?? gracias!

[sweetlydark]

que le estas aplicando a los imagenes para que se vean verticales?

[locoxchacho]

mmm... nada! solo le di al div el mismo width que las imgs.. por lo tanto, solo entra una por linea....

estará ahi el problema?? :S

[sweetlydark]

si colocas a eso img display: block creo que te resuelve el problema.

[locoxchacho]

ok, en cuanto regrese a casa lo pruebo y te comento. GRACIAS!

[willyfc]

para quitarle el borde a los vinculos tienes que utilizar outline:0 y con lo segundo pienso que ese menú debería estar en una ul y no en divs

[sweetlydark]

outline es para quitar el borde de puntitos que se forma alrededor de los imágenes para mostrar que estan seleccionados (un elemento de accesibilidad que no debes quitar amenos que no vas a incluir otro para el).

locoxchacho pregunta específicamente sobre el border que se forma alrededor del imagen cuando lo usas como un enlace lo cual se quita colocando el atributo border igual a 0.

[willyfc]

si, me confundi entonces deberia ponerlo en el css

Código:

img{border:0}

[locoxchacho]

no se me va el recuadro de color en las imagenes con link!:S

seguramente algo este haciendo mall... asique les dejo el codigo que utilice a ver si es asi, o algo funciona mal:

primero intente con:

a{text-decoration:none; border:0;}

no me funciono.. luego probe esto (los links estan en #sup}

#wrap {margin:0 auto; width: 804px;}
#sup {height:168px; background-image:url('images/fondo_sup.gif');}
#cuerpo {background-image:url('images/fondo_medio.gif'); background-repeat:repeat; overflow:auto}
#sup a {text-decoration:none; border:0}

que estoy haciendo mal?? o que no funciona?? muchas gracias!!!

pablo.

[sweetlydark]

Iniciado por willyfc

si, me confundi entonces deberia ponerlo en el css

Código:

img{border:0}

Como ves en el ejemplo de willy tienes que remover el border al imagen no al enlace, suena raro pero asi te va funcionar.

[locoxchacho]

ahora si!!!

pues mira, que lei el ejemplo y todo.. pero nunca hubiese definido img {border:0}... hubiese sido lo ultimo en ocurrirseme, je!

de todos modos.. muchas gracias!! espero poder resolver ahora el segundo problema.. un saludo!

pablo