Estilo de una tabla

hoberwilly · #1 (**permalink**) 17/07/2008, 13:55

Agradesco de antemano su respuesta,
Tengo una curiosidad, quisiera saber si se puede que el borde de mi tabla en sus esquinas tenga un borde hexagonal y no como la tradicional que termina en un angulo de 90º...se podria? estoy desarrollando en php y js...

espero haber sido claro, y esperando una respuesta positiva...

tiene que ver esto: <table border=1 style="border:1px solid #000000">

Markcoz · #2 (**permalink**) 17/07/2008, 15:25

uhm haz probado poner una imagen, porque creo q con los estilos no vas a poder, ya que el estilo lo aplicas en el borde de la tabla no a las esquinas.

hoberwilly · #3 (**permalink**) 17/07/2008, 15:33

Agradesco tu ayuda,
Claro en la tabla estan insertados los datos como son: la imagen, nombre del producto y el precio...lo que si tengo la necesidad de que esta tabla al tener un borde de 1px y de color de linea negro pero a su vez en una de sus esquinas (por diseño), esta tabla tenga un modelo hexagonal ...me entiendes nooo...

espero haber sido claro...gracias por la respuesta que me brindes

hoberwilly · #4 (**permalink**) 17/07/2008, 15:46

La consulta es que si se puede hacer, o se tiene que usar otra herramienta...gracias

hoberwilly · #5 (**permalink**) 18/08/2008, 13:29

Encontre esto en la web:
http://www.variablenotfound.com/2007/09/bordes-redondeados-en-webs-sin-esfuerzo.html
Me parece que esto seria la solucion a mi problema, el tema esta en que aun no se como implementarlo, e intentado de varias formas con esto pero nada, los bordes de las tablas siguen iguales con las esquinas de angulo de 90º...por favor necesito de su ayuda llevo ya varios dias sin darle con la solucion...

<?php
ob_start("ob_gzhandler");
session_start();
include('conec.php');
conectarse();
if(isset($_SESSION['carro']))
$carro=$_SESSION['carro'];else $carro=false;
$qry=mysql_query("select * from catalogo order by id asc);
if(mysql_num_rows($qry)==0){
echo"<h2>No hay productos</h2><br>";
}else{
$contador=0;
?>

<html>
<head>
<title>CATÁLOGO POR ITEM</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="niftycube.js"></script></script>
</head>

<body>
<table >
<tr>
<?php
while($row=mysql_fetch_assoc($qry)){
?>

<td>
<table border="0" cellpadding="0" cellspacing="2" class="prod" style="border:1px solid #000000;">
<form name="a<?php echo $identificador ?>" method="post" action="agregacar.php?<?php echo SID ?>" id="a<?php echo $identificador ?>" onSubmit="return valida(this);">
<tr>
<td width="42%" align="center" colspan="2"><?php echo "<img src=\"verThumbnail.php?id=".$row['id']."\" >"; ?></td>
</tr>
<tr>
<td align="center" colspan="2"><?php echo $row['id'] ?> <?php echo $row['producto'] ?></td>
</tr>
</form>
</table>
</td>
<?php } ?>
</table>
<?php } ?>
</body>
</html>
<?php
ob_end_flush();
?>

Segun el manual esto debo añadir a mi codigo original:
<script type="text/javascript"> window.onload=function(){ Nifty("div.redondeadoGrande","big"); Nifty("div.redondeadoPeque","small"); }</script>
pero en donde? o es que existe otra manera de implementarlo???

Agradesco su colaboracion...

hoberwilly · #6 (**permalink**) 18/08/2008, 15:37

Este lo que he conseguido, estoy por buen camino????

<head>
<title>CATÁLOGO POR ITEM</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#box","big");}
</script>
</head>

<body>
<div id="box">
<h1>Nifty Corners Cube™</h1>
One call. Two parameters. Three sizes.
</div>
</body>

Ojo niftyCorners.css, como niftycube.js estan descargados...ayudenme por favor

hoberwilly · #7 (**permalink**) 20/08/2008, 07:40

Aún no logro implementar este efecto a los bordes usando Nifty Cube...
alguien puede ayudarme por favor...esto es lo que he avanzado,

<head>
<title>CATÁLOGO POR ITEM</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#box","big");}
</script>
</head>
<body>
<div id="box">
<h1>ES UN EJEMPLO</h1>
</div>
</body>

pero hasta ahora no logro conseguier el efecto del borde...me sale solo las letras

Agradesco su apoyo