funcion en html

[tortusriano]

hola soy nuevo en esto estoy realizando una web y hay cosas que no entiendo como hacerlo y me gustaria que me ayudaran o me orientaran estoy haciendo una galeria de imagenes y quiero hacer algo como esto que esta en la imagen

[url=http://hosting.deimagenes.com/][img]http://hosting.deimagenes.com/imagen/1pwp.jpg[/img][/url]

y lo otro es que tengo un estilo para que cuando pasa por la imagen se agrande pero me gustaria saber como lo puedo hacer con los margenes redondedos como esto

[url=http://hosting.deimagenes.com/?v=2bjb.jpg][img]http://hosting.deimagenes.com/thumbs/2bjb.jpg[/img][/url]
les dejo el estilo

<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: -100px;
border: 0px;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -120px;
left: 5px; /*position where enlarged image should offset horizontally */
}
</style>

ojala me puedan ayudar gracias de antemano

[emprear]

tortusriano

por lo primero, date una vuelta por http://dynamicdrive.com y busca por image effects/image gallery/image slide hay unos cuantos prefabricados, free y no tan complicados de implementar.

Por lo segundo te aclaro, el link que pusiste de ejemplo contiene una imagen con bordes redondeados, contiene una imagen rectangular que dentro tiene una foto enmarcada en un marco, valga la redundancia, que tiene cierta redondéz. Eso se hace con la matoria de los programas de diseño, Photo shop, corel, fireworks, etc

Ahora que si lo quieres hacer en una imagen dentro de tu página, hay una propiedad de CSS3 llamada border-radius, trabaja sobre un div, no sobre la imagen, pero puedes poner la imagen como background de la capa y el efecto es casi el mismo.
Hay otras técnicas con CSS e incluso un plugin de Jquery(javascript) que crea buenos efectos en los bordes. ( http://www.methvin.com/jquery/jq-corner-demo.html )

Lamentablemente, esa propiedad border-radius, no es soportada aun por Internet Explorer 8 (la vi funcionando en la version de Prueba de IE9), al menos que yo sepa.

Te dejo una demo en
http://foros.emprear.com/css/border-...er-radius.html

mira el código fuente para detalles.

Saludos