Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/01/2013, 07:07
lopd
 
Fecha de Ingreso: enero-2013
Ubicación: Madrid
Mensajes: 3
Antigüedad: 11 años, 3 meses
Puntos: 0
Redondear picos imagenes y que se vea en IE 7 Y 8

Tengo un gran problema, por mas vueltas que lo doy no doy con ello. Alguien que me pueda ayudar.

Intento redondear los picos de unas fotos y lanzandolo desde el dreamweaver se ve en todos los navegadores. Pero lo subo a un servidor y no se ve.

Os dejo un ejemplo del código


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilo.css" rel="stylesheet" type="text/css" />
<title>Ejemplo</title>
</head>

<body>
<div class="ejemplo">

<img src="_MG_3481.jpg" />
</div>
</body>
</html>

y el css

@charset "utf-8";
/* CSS Document */

.ejemplo{

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
border-top-width: 7px;
border-right-width: 7px;
border-bottom-width: 7px;
border-left-width: 7px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #7A7A7A;
border-right-color: #8F8F8F;
border-bottom-color: #7A7A7A;
border-left-color: #8F8F8F;
position: relative;
height: 300px;
behavior: url(pie.htc);
}