Cómo solucionar un error de CSS en la propiedad border en un td

  • Autor Autor hamedm
  • Fecha de inicio Fecha de inicio
H

hamedm

Gamma
Programador
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, Como estan?
Miren tengo un Error la cual no lo encuentro, pero si me sale bien, no se porque me ale ese error, me pueden explicar?
Oops, intentalo otra vez.
HTML:
Parece que la propiedad border de tu td no es azul.
y este es el codigo css
HTML:
/*Agrega tu CSS a continuación!*/
td {
    height: 50px;
    border: 1px dashed blue;
}
table {
    border: 1px solid black
}
 
Intenta border-color: blue;

Y intenta mejorar tu forma de escribir 😵 … Miren tengo un Error la cual no lo encuentro 😵OOOOO
 
Un error que veo simple al código es que le falta ; a la segunda css.

border: 1px solid black;
 
Agrege el ; pero sigue sin funcionar, tambien intente con el border- color, tambien me sale error
 
Si en vez de colocar el color con nombre lo colocas con hexadecimal? así:

Insertar CODE, HTML o PHP:
/*Agrega tu CSS a continuación!*/
td {
    height: 50px;
    border: 1px dashed #001eff;
}
table {
    border: 1px solid black
}
 
Tampoco, no se porque
 
la tabla que usas llama algun class o id?
 
Codigo HTML
HTML:
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
		<table>
			<thead>
				<th colspan="3">¡Nueve bloques!</th>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
 
Buscar el número del ejercicio de codeacademy y el error en Google y copias y pegas lo que dicen para pasar al próximo.

PD: En inglés.
 
Pruebate este codigo
HTML:
<html>
<head>
<style> 
table {
	border-color:#000;
	border-style:solid;
	border: 1px;
}
td {
    height: 50px;
	border-color:#00F;
	border-style:dashed;
	border:1px;
}
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>


</body>
</html>
 
Si estabas en lo correcto alejandrogm, tuve que buscarlo en el foro, muchas gracias, el problema era que tenia que usarlo con chrome, gracias
 
Y si el de arriba no te funciona prueba con:
HTML:
<html>
	<head>
    <style> 
.table {
		border: 1px solid #000;
    border-collapse: separate;
    caption-side: bottom;
	}
.table tr td {
	height: 50px;
	padding:5px;
	border: 1px solid #00F;
    border-collapse: collapse;
    caption-side: bottom;
}
    </style>
	</head>
	<body>
<table width="100%" border="1" class="table">
  <tr>
    <td colspan="3">¡Nueve bloques!</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>


---------- Post agregado el 16-mar-2013 hora: 10:03 ----------

Este codigo que te ando pasando funciona en todos los navegadores

---------- Post agregado el 16-mar-2013 hora: 10:04 ----------

EL ultimo codigo que te estoy mandando funciona para todos los navegadores

Si estabas en lo correcto alejandrogm, tuve que buscarlo en el foro, muchas gracias, el problema era que tenia que usarlo con chrome, gracias
 
Prueba a buscar el error en internet. a veces solo e sun bug, una vez me paso que debia escribir 'LINK' en vez de 'link' para añadir una hoja de estilos.
 
Atrás
Arriba