André do Vale 76 Denunciar post Postado Setembro 4, 2007 Olá!Bom, hoje estou com alguns probleminhas pra desenvolver aqui... tentei por cerca de 1 hora, e apanhei muito feio pro CSS...O que ocorre é que estou desenvolvendo uma galeria... com tabelas (não me crucifiquem, afinal nem tudo por aqui é doce)...A parte das miniaturas, é uma tabela de linha única... porém, cada miniatura fica em sua devida célula (td)...O que ocorre, é que quero dar um efeito às imagens (que estão englobadas por <a>), de dar um espaçamento de 1px e por fora dele uma borda de 2px preta (no efeito over).Porém, eu até consigo este efeito, mas não em todas as bordas... já consegui todas as combinações que imaginam... sem 1, 2 ou 3 das bordas... sem a de cima, ou a de baixo, ou a da direita... PORÉM, nunca, nunca consigo fechar esta borda exatamente na img ou a...Por favor, um auxíiiiilio...Desde já, grato! Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Setembro 4, 2007 Alkaeda, não entendi direito o que você quer. É uma espaçamento na imagem e uma borda? Compartilhar este post Link para o post Compartilhar em outros sites
André do Vale 76 Denunciar post Postado Setembro 4, 2007 <html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Untitled Document</title><style type="text/css">td { padding: 4px 2px; }img { border: none; margin: 4px; }a { padding: 1px; border: 2px solid #fff; outline: none; margin: 5px; }a:visited { border: 2px solid #fff; }a:hover { border: 2px solid #000; }a:active { border: 2px solid #000; }</style></head><body><table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> <td><a href="blablabla"><img src="../Steelbrasil/fonte/SITE/civil_s_1.jpg" width="74" height="48"></a></td> </tr></table></body></html> Exemplo corrido... rsrs Compartilhar este post Link para o post Compartilhar em outros sites