Formato tabla

[phpman]

Tengo una pequeña duda. Para darle formatos a mis tablas uso el siguiente código:

Código:

.tabla td{
	background-color: #FFFFFF;
	border: #FF0000 thin solid;
	margin: 0;
	padding: 2;
	width: 100%;
	text-align: center;
}

Y me queda la tablas así:



Y no se como modificar ese código para que la tabla me quede con las celdas juntas así:

Código:

<table border=1 bordercolor="#FF0000" bgcolor="#FFFFFF" align=center cellpadding=0 cellspacing=0>
<tr><td class="text">
Búsqueda:
</td></tr><tr><td>
      lo que sea
</td></tr></table>

Que tengo q modificar??

Que complicao es CSS

[RoQ]

no estoy seguro pero creo que es con :

Código:

border-collapse: collapse;

aca hay una galeria con diseños para tablas con CSS
http://icant.co.uk/csstablegallery/index.php

[vites]

Código:

.tabla{
	padding: 2px;
}
.tabla td{
	background-color: #FFF;
	border: #F00 thin solid;
	margin: 0;
	width: 100%;
	text-align: center;
}
<table cellpadding=0 cellspacing=0>
      <tr>
            <td class="text">
                  Búsqueda:
            </td>
      </tr>
      <tr>
            <td>
                  lo que sea
            </td>
      </tr>
</table>

1º debes poner las unidades a no ser que sea 0, yo puse px pero no se si es lo que necesitas
2º con el padding estabas separando los td, en lugar de la tabla del borde
3º no tiene sentido que pongas en table el color de fondo o la alineación si lo repites en el css

[baccxus]

Con CSS tu tabla debe quedar así::

Código HTML:

<table>
<thead><tr>
<td>Búsqueda:</td>
</tr></thead>
<tr><form>
<td>Cuadro de texto y botón de buscar</td>
</form></tr>
</table> 

Y el CSS así:

Código:

table, tr, td {border-collapse:collapse}
thead {lo que tengas en la clase text}*/ojo con esto*/
table {
margin: 0 auto;
border-bottom: 1px solid #FF0000;
border-right: 1px solid #FF0000;
}
td{background-color: #FFFFFF;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
padding: 2;
width: 100%;
text-align: center;
}

Compentario aparte: No veo porque usar una tabla si usas CSS.

[phpman]

Gracias a todos, ya consegui gracias a vosotros poner mis tablas como queria.

Para no abrir otro post, voy aprovechar este para otra duda.

Quiero insertar varias imagenes de manera que me queden alineadas a la derecha con el texto y ademas q no sobre pasen un maximo de altura y anchura.

El código que tengo es este :

Código:

.imgder {
 max-width: 200px;
 max-height: 200px;
 float: right;
 margin-left: 7px;
 }

Y lo uso así:

Código:

<img class="imgder" src="loquesea">

Pero ni reduce la imagen al tamaño q le indico ni me alinea la imagen con el texto.Que falla??

Si uso el siguiente código si me lo alinea y al ponerlo de la otra forma no me hace nada

Código:

<img style:" float: right; margin-left: 7px;" src="loquesea">

Iniciado por baccxus

Compentario aparte: No veo porque usar una tabla si usas CSS.

Porque no tengo mucha idea de CSS

Un Saludo

[baccxus]

.imgder {
max-width: 200px;
max-height: 200px;
float: right;
margin-left: 7px;
}

Probaste en Internet Explorer, cierto?
IE no entiende las propiedades max-... y min-..., por otra parte, aplícale el CSS a la división en vez de a la imagen y fíjate si tiene posicionamiento relativo:
.parrafo {
position:relative;}

.parrafo img{
float: right;
margin-left: 7px;
}

[phpman]

Muchas gracias baccxus.

Si, probé con IE y no iba. Entonces con IE no hay ninguna forma de reducir las imagenes con CSS para q no superen un tamaño sin q se deformen??Porque le puedo poner un alto y un ancho fijo a las imagenes pero me las deformaría

Un saludo

[djwarez]

PERDON POR LA PREGUNTA TOTALEMENTE TAN IGNORANTE.. PERO DONDE PONGO TANTO KODIGO..