Foros del Web » Creando para Internet » CSS »

Celdas redondeadas

Estas en el tema de Celdas redondeadas en el foro de CSS en Foros del Web. Hola, estoy haciendo una web con un menú (hecho con una tabla) que se resalta cada vez que paso el mouse (es decir CSS hover) ...
  #1 (permalink)  
Antiguo 07/05/2009, 12:24
 
Fecha de Ingreso: octubre-2008
Mensajes: 140
Antigüedad: 15 años, 5 meses
Puntos: 1
Celdas redondeadas

Hola, estoy haciendo una web con un menú (hecho con una tabla) que se resalta cada vez que paso el mouse (es decir CSS hover) pero obviamente lo que se resaltan son las celdas de la tabla las cuales son cuadradas, lo que quiero es que esas celdas tendan bordes redondos o poder utilizar una imágen para los bordes de la celda.

Esta es la tabala que uso para el menú

Código:
		<table style="width: 504px" cellspacing="0" cellpadding="0">
			<tr>
				<td class="mainmenu_select" style="width:72px">Home</td>
				<td>&nbsp;</td>
				<td class="mainmenu" style="width:90px" onclick="window.location.href='nosotros.htm'">Nosotros</td>
				<td>&nbsp;</td>
				<td class="mainmenu" style="width:90px" onclick="window.location.href='servicios.htm'">Servicios</td>

				<td>&nbsp;</td>
				<td class="mainmenu" style="width:80px" onclick="window.location.href='noticias.htm'">Noticias</td>
				<td>&nbsp;</td>
				<td class="mainmenu" style="width:110px" onclick="window.location.href='contacto.htm'">Contáctenos</td>
			</tr>
		</table>
y la class mainmenu es:

Código:
.mainmenu{
	font-size:16px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#666666;
	text-align:center;
	height:33px;
	cursor:pointer;

}
.mainmenu:hover{
	font-size:16px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#FFFFFF;
	background-color:#398336;
	text-align:center;
	height:33px
}
.mainmenu_select{
	font-size:16px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#FFFFFF;
	background-color:#398336;
	text-align:center;
	height:33px;
	cursor:default;
}
OJO: .mainmenu_select la uso cuanod nos encontramos en la página del menú.

Gracias!!!
  #2 (permalink)  
Antiguo 07/05/2009, 13:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Celdas redondeadas

Mira a ver si este artículo te sirve como orientación y ayuda para lograr pestañas con las esquinas redondeadas.

Aunque lo aplica a listas (ul/-/li) y no a tablas, puede que te ayude a dar el salto a maquetar con css e ir dejando las tablas.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 08/05/2009, 10:53
 
Fecha de Ingreso: octubre-2008
Mensajes: 140
Antigüedad: 15 años, 5 meses
Puntos: 1
Respuesta: Celdas redondeadas

Gracias, hice el menú con listas y me ha quedado mejor de lo que esperaba.
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 08:36.