Foros del Web » Creando para Internet » CSS »

Problema con estilos en TD

Estas en el tema de Problema con estilos en TD en el foro de CSS en Foros del Web. Saludos.. Estoy realizando una hoja de estilos y necesito colocarle fondo a los TD por separado por lo que hice esto Código: html { font-family: ...
  #1 (permalink)  
Antiguo 21/09/2015, 15:23
Avatar de T4ke0veR  
Fecha de Ingreso: agosto-2007
Ubicación: Quito - Ecuador
Mensajes: 1.720
Antigüedad: 16 años, 8 meses
Puntos: 28
Problema con estilos en TD

Saludos..
Estoy realizando una hoja de estilos y necesito colocarle fondo a los TD por separado por lo que hice esto
Código:
 html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
table#mitabla {
    border-collapse: collapse;
    border: 0px solid #CCC;
    text-align:center;
	width:100%;
}	

.normal th, .normal td {
    height:40px;
	background-color:#000;
}	

table#cuerpoheader1 {
    border-collapse: collapse;
    border: 0px solid #CCC;
    font-size: 11px;
	color:#eee;
	width:1020px;
	align: center;
}	

table#cuerpoheadertd td {
    align: center;
	height:40px;
	background:#000;
}
pero al aplicarla a las tablas no em funciona el fondo de cuerpoheadertd ni de normal td

Código HTML:
<table id="mitabla">
  <tr>
    <td class="normal">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table> 
¿Alguien que pueda darme una mano?
Quisiera saber donde esta mi error!!! Gracias!
__________________
Diseño gráfico, Web, imagen corporativa, publicidad ...
  #2 (permalink)  
Antiguo 22/09/2015, 07:24
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Problema con estilos en TD

y de donde se supone que sacas tu el ID cuerpoheadertd? yo en el html no veo ningun id asi .-.
Te recomendaría mejor que aprendieras mejor sobre CSS y HTML ;)

Mientras te recomiendo estas tablas, para que veas su CSS y HTML y como son ;)

HTML5 Editable Table
http://codepen.io/ashblue/pen/mCtuA

A Better Fluid Responsive Table
http://codepen.io/dudleystorey/pen/Geprd
  #3 (permalink)  
Antiguo 23/09/2015, 09:32
Avatar de T4ke0veR  
Fecha de Ingreso: agosto-2007
Ubicación: Quito - Ecuador
Mensajes: 1.720
Antigüedad: 16 años, 8 meses
Puntos: 28
Respuesta: Problema con estilos en TD

Aún llamando los valores como ID no me los toma :/

Solo me gustaría saber donde está el error el aprender ahorita de golpe no es opción solo corregir pues es un trabajo para la universidad que debo entregar y no entiendo q ocurre!

Seran dos TD uno negro y uno naranja en la misma tabla!
__________________
Diseño gráfico, Web, imagen corporativa, publicidad ...
  #4 (permalink)  
Antiguo 23/09/2015, 16:43
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Problema con estilos en TD

algo asi es como lo que quieres amigo?


CSS:
Código CSS:
Ver original
  1. #mitabla {
  2.   border-collapse: collapse;
  3.   width: 50%;
  4.   margin: 0 auto;
  5. }
  6. td {
  7.   border: 1px solid #ccc;
  8.   padding: 15px;
  9.   width: 50vw;
  10.   background: #000;
  11.   color: #fff;
  12.   text-align: center;
  13. }
  14. td.normal {
  15.   border-right: 0;
  16.   background: #FF9900;
  17. }
  18. tr {
  19.   display: inline-block;
  20.   width: 50%;
  21. }

Demo:
http://codepen.io/AngelKrak/pen/qOajom

Etiquetas: background, color, estilos, html, width
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 22:05.