Foros del Web » Creando para Internet » CSS »

Esquinas redondeadas

Estas en el tema de Esquinas redondeadas en el foro de CSS en Foros del Web. Hola a todos. tengo el siguiente problema. Necesito colocar un fondo de color gris con esquinas redondeadas y nose como hacerlo. estoy desesperado. Mi codigo ...
  #1 (permalink)  
Antiguo 10/06/2008, 11:35
 
Fecha de Ingreso: enero-2008
Mensajes: 33
Antigüedad: 9 años, 10 meses
Puntos: 0
Esquinas redondeadas

Hola a todos. tengo el siguiente problema. Necesito colocar un fondo de color gris con esquinas redondeadas y nose como hacerlo. estoy desesperado.
Mi codigo es el siguiente:

Código HTML:
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td background="img/col_izq.gif">&nbsp;<img name="col_izq" src="img/col_izq.gif" width="9" height="15" border="0" id="col_izq2" alt="" /></td>
        <td width="985" valign="top"><table width="985" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img name="head" src="img/head.gif" width="985" height="67" border="0" id="head" alt="" /></td>
          </tr>
          <tr>
            <td align="center" background="img/top.gif"><table width="98%" height="30" border="0" cellspacing="0" cellpadding="4">
              <tr valign="top">
                <td class="MenuPath"><span class="Estilo7">Home / Diplomados y Cursos por Área</span></td>
                <td width="100" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Quiénes Somos</strong></a></td>
                <td width="100" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Nuestros Clientes</strong></a></td>
				<td width="130" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Preguntas Frecuentes</strong></a></td>
                <td width="80" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Contáctenos</strong></a></td>
              </tr>
            </table></td>
          </tr>
          
          <tr>
            <td height="500" align="center" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="207" height="524" align="center" valign="top"><div id="Menu_Campos_Niv_1">
                  <div align="left">
                    <div class="Titulo Estilo1" id="div">
                      <div align="left">
                        <div id="div2"><span class="Titulo Estilo1">
                          </span>
                          <div align="left">
                            <p><span class="Estilo1 Estilo6"><a href="#">Diplomados y Cursos por Área </a></span></p>
                          </div>
                        </div>
                        <div align="left" class="Estilo8"></div>
                        <div class="Estilo8" id="div2">
                          <div align="left">
                              <p><a href="#"><span class="Estilo1  Estilo9">Diplomados y cursos por sedes </span></a></p>
                          </div>
                        </div>
                        <div align="left" class="Estilo8"></div>
                        <div class="Estilo8" id="div2">
                          <div align="left">
                              <p><span class="Estilo1  Estilo9">Cursos según su Empresas</span></p>
                          </div>
                        </div>
                        <div align="left" class="Estilo8"></div>
                        <div class="Estilo8" id="div2">
                          <div align="left">
                              <p><a href="#"><span class="Estilo1  Estilo9">Gestión de Capacitación</span></a></p>
                          </div>
                        </div>
                        <div align="left" class="Estilo8"></div>
                        <div class="Estilo8" id="div2">
                          <div align="left">
                              <p><a href="#"><span class="Estilo1  Estilo9">Programas Especiales</span></a></p>
                          </div>
                        </div>
                        <div align="left" class="Estilo8"></div>
                        <div id="div2">
                          <div align="left"><a href="#"><span class="Estilo1 Estilo6 Estilo8"> Cursos Gratuitos </span></a></div>
                          </div>
                        <div id="div2">
                          <div align="left">
                            <p class="Titulo Estilo1 Estilo8"><a href="#"> Servicios con Clave</a></p>
                          </div>
                        </div>
                        <p>&nbsp;</p>
                      </div>
                    </div>
					<div id="div"><div align="left"></div>
					</div>
                  </div>
                </div>
                  </td>
                <td width="573"><table width="98%" border="0" cellspacing="0" cellpadding="2">
                                 
                  <tr>
                    <td colspan="2"><p class="rojo">Área Administración y Negocios </p>
                      <table border="0" cellpadding="2" cellspacing="0" width="100%">
                        <tbody>
                          <tr>
                            <td colspan="4"><p id="cursos">Cursos Programados</p></td>
                          </tr>
                          <tr class="tabla">
								<td align="left" width="299"><h5>Nombre del Curso</h5></td>
								<td align="left" width="52"><h5>Horas</h5></td>
								<td align="left" width="4"> </td>
								<td align="left" width="168"><h5>Sedes</h5></td>						
                          </tr>
                          <tr>
                            <td align="center"><div align="left"><a href="http://www.jec.cl/inacap/Areas-adm-y-neg-detalle.htm">Ver sedes donde se imparte </a></div></td>
                          </tr>
                          <tr>
                            
  </tr>
</table>
</body> 
necesito colocar el fondo gris con esquinas redondeadas desde los titulos nombre del curso, Horas, Sedes y en la ultima fila tambien va redondeado.
Es como una tabla con las 4 esquinas redondeadas.
Alguien me recomendia donde puedo encontrar una imagen para esto y como redondeo las esquinas.

de antemano muchas gracias
  #2 (permalink)  
Antiguo 10/06/2008, 18:38
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Esquinas redondeadas

Seria mejor que muestres la pagina ya subida.

Crea tu una imagen con las esquinas redondeadas y listo. Si no cencierala en una div y redondeale las esquinas "creo que eso solo funciona en firefox"
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:10.