Div Redondo?

[soypepepompin]

Hola a todos por aqui.

Bueno esta es mi pregunta... simplemente me dicen si existe o se puede hacer lo que les preguntare.

Se puede hacer un div redondo? completamente redondo... no un cuadrado con las puntas redondeadas... un div redondo. Si redondo.

Se puede? existe? es posible? alguien vio eso en su vida?

Bueno basta de palabrerías jeje.

Gracias

[alexk]

haz probado border-radius?.... simplemente incrementa el valor según el ancho y alto del elemento

[Oscar_Hidro]

Exactamente, como dice alexk una forma seria:

Código CSS:

border-radius:250px;
 

La medida en pixeles varia dependiendo del alto y largo que le proporciones al div. Para esto, tienes que crear un div cuadrado, es decir, que las características del largo y alto, sean iguales.

Otra forma seria conseguir una imagen redonda, y simplemente asignarla como fondo al div.

[danielugalde]

Amigo mira esta Herramienta te sera util :D

[soypepepompin]

Hola y gracias por su respuesta,

pero en la pagina

http://border-radius.com/

no me queda redondo con 250... por otro lado en esta pagina no se ve en ie. necesito un codigo que se vean en todos los navegadores o como minimo ie7 8 9, chremo, mozilla

que me dicen?

[alexk]

te digo que uses ele buscador es un tema tratado ya...
busca info sobre
http://css3pie.com/
para mayor compatibilidad entre navegadores

[Oscar_Hidro]

Con 250px queda si se definio un alto y ancho de 400px; Nada mas lo puse como ejemplo. La propiedad border-radius funciona solamente con los navegadores mas actuales.

Asi que si quieres que sea fiable, dale al div un background-image con una imagen circular. De esa manera tendras la imagen fija y por consiguiente, todos los navegadores la mostraran.

[RafaRG]

es mucho más fácil de lo que vosotros decís. yo haría lo siguiente:

Código PHP:

  <style type="text/css">
#divredondo {
   height: X px;
   width: X px;
   border-radius: X/2 px;
   }
</style>
<div id="divredondo"></div>  
   

os pongo un ejemplo:

Código PHP:

  <style type="text/css">
#divredondo {
   height:400px;
   width:400px;
   border-radius:200px;
   }
</style>
<div id="divredondo"></div>  
   

en definitiva, primero crea un div cuadrado y después le aplicas un border-radius de radio la mitad del lado. dependiendo de lo grande o pequeño que quieras el círculo, deberás poner los lados del div (y por consiguiente, los border-radius a tu justa medida.
un saludo

[Oscar_Hidro]

Mejor explicado como lo hizo RafaRG, imposible. Ya que si quieres usar imagen, seria algo como esto.

Código CSS:

#div_redondo{
width: x px;
background-image: url(imagen_circular.png);}
 

Código HTML:

<div id="div_redondo">
  Aqui va el contenido dentro del div con fondo circular;
</div>
 

[emiliodeg]

@Oscar_Hidro no es necesario que la imagen sea circular eh, puede ser cuadrada o de la forma q quieran solo se muestra lo q queda dentor de la caja

[Oscar_Hidro]

Asi es @emilideg. Solo que en este caso puse el ejemplo por que la duda era si se podia insertar contenido en un div circular.

RafaRG propuso con el border-radius y un servidor con imagen circular de fondo.

Saludos!