Hola de nuevo
Rankxerox1984.
Gracias por confirmar mi falta de sutileza. Y por confirmar que (¡otra vez!) tengo razón, y que no tenés idea de CSS. Ni ganas de mirar manuales.
Antes de postear acá, deberías haberte leído al menos un par de tutoriales. Porque lo tuyo es un garrafal error de CSS.
Bonez tiene un poco más de paciencia, y te explicó con más detalle lo mismo que te dije más arriba (claro, si supieras de hojas de estilo lo hubieses captado en seguida sin más datos).
Donde sí tenías razón es en que no había entendido que ... en vez de corregir el código, habías repetido la misma burrada que pusiste antes.
Es que estoy buscando algo que valga la pena responder, y como este tipo de mensajes solamente sirve para educar a novatos que no saben cómo comportarse en un foro especializado, lo vi muy a las apuradas. Lo que menos me imaginé es que después de la explicación que recibiste, ibas a seguir en la tuya.
Te muestro cómo es que se postea un código para que lo probemos, así ya sabés para la próxima.
(Ésta es la sugerencia de
Bonez, para cada imagen)
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>pirulo</title>
<style type="text/css">
#thumbnails img {height:57px;width:71px;padding:7px;margin:0px 5px 0px 0px;
-moz-box-shadow: inset 0 0 10px #e7e7e7;
-webkit-box-shadow: inset 0 0 10px #e7e7e7;
box-shadow: inset 0 0 10px #e7e7e7;
-o-box-shadow: inset 0 0 10px #e7e7e7;}
#thumbnails img:hover {
-moz-box-shadow: inset 0 0 10px #888888;
-webkit-box-shadow: inset 0 0 10px #888888;
box-shadow: inset 0 0 10px #888888;
-o-box-shadow: inset 0 0 10px #888888;}
</style>
</head>
<body>
<div id="thumbnails">
<img src="http://imageshack.us/a/img221/4913/juancavallerozz.th.jpg">
<img src="http://img826.imageshack.us/img826/4519/agustinalependa.th.jpg">
<img src="http://img861.imageshack.us/img861/8427/josepereyralucena.th.jpg">
<img src="http://imageshack.us/a/img220/8342/kavanaghproa.jpg">
</div>
</body>
</html>
(Y ésta para que funcione en todas juntas, como lo estabas planteando vos, pero bien hecho.)
Código:
#thumbnails:hover img {
-moz-box-shadow: inset 0 0 10px #888888;
-webkit-box-shadow: inset 0 0 10px #888888;
box-shadow: inset 0 0 10px #888888;
-o-box-shadow: inset 0 0 10px #888888;}
Bueno, también faltaría la versión de ponerle el borde sombreado al
id, pero me parece que no es eso lo que buscás.
Está probado en Opera 12.02; Win/XP.