CSS Blues...

  • locust
  • Beginner
  • Beginner
  • Avatar de Usuario
  • Registrado: Abr 02, 2007
  • Mensajes: 44
  • Loc: Austin, TX
  • Status: Offline

Nota Junio 26th, 2009, 11:34 am

Hola a todos,

Ive acaba de terminar golpeando mi cabeza contra el teclado trata de una cuestión de CSS. He arreglado el problema, pero la esperanza de que alguien podría explicar por qué sucede esto ..

Síntesis de base
La vinculación de obtener bordes de la tabla para mostrar en las células fuera de la tabla y la tabla

Mi método era simplemente definir un ID en una hoja de estilos externa y luego llamar a la ID de un div. Heres la definición:

Código: [ Select ]
#shopping_cart table {
    color:#1E1816;
    border: 1px solid red;
    border-collapse: collapse;
    border-spacing:2px;
    background-color: white;
    text-align: center;
    margin: 5px;
    padding :5px;
    width:100%;
}
  1. #shopping_cart table {
  2.     color:#1E1816;
  3.     border: 1px solid red;
  4.     border-collapse: collapse;
  5.     border-spacing:2px;
  6.     background-color: white;
  7.     text-align: center;
  8.     margin: 5px;
  9.     padding :5px;
  10.     width:100%;
  11. }


Uno podría pensar que mediante la definición de la frontera por encima de que usted obtendría un borde alrededor de la mesa y cada uno de las células. Desafortunadamente, todos los guardé el conseguir era un borde alrededor de la mesa. He intentado varias cosas diferentes, pero nada parecía funcionar hasta que...

He establecido la border = 1 en el elemento de la tabla:

Código: [ Select ]
<table border="1">


Por alguna razón, que lo hizo. Por supuesto, esto rompe un poco la filosofía de mantenimiento de CSS de presentación y el contenido por separado. Curiosamente, incluso los CSS tutorial en la frontera de colapso en el sitio web de la escuela W3C define el borde de la tabla. Heres mi código final:

Código: [ Select ]
<div id="shopping_cart"><table border="1"> ..etc, etc, etc


El punto es que yo tenía que definir la propiedad transfronteriza en el elemento de la tabla, que, o bien Im que hace algo mal (que es muy posible) o Im loco.

Cualquiera que arrojar algo de luz sobre esto por favor? Im muriendo por saber cuál es el trato.

Gracias ..
Moderator Remark: Added [code] tags
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Junio 26th, 2009, 11:34 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Junio 26th, 2009, 11:36 am

Youve lo visto es el comportamiento estándar CSS. el border = "1" fluye hacia abajo a las células, pero con CSS, sólo se le fuera la definición de la frontera. Pruebe la definición de una frontera para su td etiquetas y creo que usted recibirá lo que está después.
I'd love to change the world, but they won't give me the source code.

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 85 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC