Tableaux fixes

par **Cyrano** » 10 juil. 2005, 18:36

Tu n'as fixé aucune largeur à tes tableaux : propriété "width: ..." (en pixels ou en pourcentage)
Même chose pour les cellules...

Corrige à ce niveau là pour commencer en ajoutant les dimensions.

par **Lake** » 10 juil. 2005, 18:33

J'en ai une mais je l'ai faite avec un tuto et je ne sais pas ce qu'il faut enlever pour que cela ne bouge pas.
Voilà le code :

BODY {
	FONT-SIZE: 10pt; MARGIN: 10px; COLOR: #000000; FONT-FAMILY: Tahoma,Verdana, Arial, sans-serif; BACKGROUND-COLOR: #565656
}
TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
TABLE.center {
	MARGIN-LEFT: auto; MARGIN-RIGHT: auto; BORDER-COLLAPSE: collapse
}
TD {
	FONT-SIZE: 10pt; VERTICAL-ALIGN: top
}
TD.head {
	BORDER-RIGHT: #f0f0f0 2px solid; BORDER-TOP: #f0f0f0 2px solid; FONT-SIZE: 10pt; VERTICAL-ALIGN: top; BORDER-LEFT: #f0f0f0 2px solid; BORDER-BOTTOM: #f0f0f0 2px solid; BACKGROUND-COLOR: #c1c1c1
}
TD.body {
	BORDER-RIGHT: #f0f0f0 2px solid; BORDER-TOP: #f0f0f0 2px solid; FONT-SIZE: 10pt; VERTICAL-ALIGN: top; BORDER-LEFT: #f0f0f0 2px solid; BORDER-BOTTOM: #f0f0f0 5px solid; BACKGROUND-COLOR: #e0e0e0
}
TH {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
TR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	FONT-SIZE: 16pt; MARGIN: 10px
}
H2 {
	FONT-SIZE: 14pt; MARGIN: 10px
}
H3 {
	FONT-SIZE: 12pt; MARGIN: 10px
}
IMG {
	BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; BORDER-LEFT: #000000 1px; BORDER-BOTTOM: #000000 1px
}
HR {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #000000
}
UL {
	PADDING-LEFT: 27px; MARGIN: 0px
}
A {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:link {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:active {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #6480ad; TEXT-DECORATION: none
}
.orga {
	FONT-WEIGHT: bold; COLOR: #990000
}
.orga:unknown {
	COLOR: #000000; content: "["
}
.orga:unknown {
	COLOR: #000000; content: "]"
}
A.orga {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: none
}
A.orga:link {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: none
}
A.orga:visited {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: none
}
A.orga:active {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: none
}
A.orga:hover {
	COLOR: #f99a1b; TEXT-DECORATION: none
}
INPUT {
	BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(/images/input_bg.gif); MARGIN: 1px; BORDER-LEFT: #bbbbbb 1px solid; COLOR: #000000; BORDER-BOTTOM: #bbbbbb 1px solid; FONT-FAMILY: Tahoma,Verdana, Arial, sans-serif; BACKGROUND-COLOR: #f9f9f9
}
.layout {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
A.title {
	FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.title:link {
	FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.title:visited {
	FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.title:hover {
	FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.title:active {
	FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.nav1 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; MARGIN: 3px 3px 10px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
.nav2 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid
}
.nav3 {
	BORDER-RIGHT: #516586 2px solid; BORDER-TOP: #516586 2px solid; BACKGROUND-IMAGE: url(/images/nav_bg.gif); BORDER-LEFT: #516586 2px solid; BORDER-BOTTOM: #516586 2px solid; BACKGROUND-COLOR: #637aa3
}
.nav_head {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -1px
}
.nav {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.nav:link {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.nav:visited {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.nav:active {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.nav:hover {
	TEXT-DECORATION: underline
}
.title1 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11pt; MARGIN: 5px auto; BORDER-LEFT: #999999 1px solid; WIDTH: 99%; COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 26px
}
.title2 {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; HEIGHT: 22px
}
.title3 {
	BORDER-RIGHT: #516586 2px solid; BORDER-TOP: #516586 2px solid; BACKGROUND-IMAGE: url(/images/title_bg.gif); BORDER-LEFT: #516586 2px solid; BORDER-BOTTOM: #516586 2px solid; BACKGROUND-REPEAT: repeat-y; HEIGHT: 18px; BACKGROUND-COLOR: #405f8e
}
.summary {
	FONT-SIZE: 8pt; OVERFLOW: auto; WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 108px; TEXT-DECORATION: none
}
A.summarylink {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.summarylink:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.summarylink:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.summarylink:hover {
	FONT-WEIGHT: bold; COLOR: #6480ad; TEXT-DECORATION: underline
}
A.summarylink:active {
	FONT-WEIGHT: bold; COLOR: #6480ad; TEXT-DECORATION: underline
}
.footer {
	FONT-STYLE: italic; TEXT-ALIGN: right
}
.newsitem {
	MARGIN-BOTTOM: 10px
}
.newsheader {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #d6d6d6
}
.newsheadline {
	FONT-WEIGHT: bold
}
.newsmetainfo {
	FONT-SIZE: 8pt
}
.newstext {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#newsarchivlink {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
#header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(/images/header_bg.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #405f8e
}
#main {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#popup {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; VISIBILITY: hidden; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; BACKGROUND-COLOR: #f0f0f0
}
.klein {
	FONT-SIZE: 8pt
}

par **Cyrano** » 10 juil. 2005, 18:32

ben montre nous les parties que tu penses être erronées avec les parties de code html concernées

par **Lake** » 10 juil. 2005, 18:32

J'en ai une mais je l'ai faite avec un tuto et je ne sais pas ce qu'il faut enlever pour que cela ne bouge pas.

par **Cyrano** » 10 juil. 2005, 18:29

En appliquant des dimensions aux cellules de ton tableau.

Mais il y aurait mieux: ne pas utiliser de tableau pour faire ta mise en page, ce n'est pas fait pour ça. Utilise une feuille de style CSS, c'est plus propre et ça rend ton site beaucoup plus accessible et moins lourd.

par **Lake** » 10 juil. 2005, 18:22

Bonjour, mes tableaux s'adaptent à la taille de l'écran.
Je souhaiterais que cela cesse, comment faire ???
Ou règle ton cela???

Tableaux fixes

Répondre

Étendre la vue Revue du sujet : Tableaux fixes

Tableaux fixes