Tableaux fixes

Lake
Invité n'ayant pas de compte PHPfrance

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???

Mammouth du PHP | 19672 Messages

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.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Lake
Invité n'ayant pas de compte PHPfrance

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.

Mammouth du PHP | 19672 Messages

10 juil. 2005, 18:32

ben montre nous les parties que tu penses être erronées avec les parties de code html concernées
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Lake
Invité n'ayant pas de compte PHPfrance

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
}

Mammouth du PHP | 19672 Messages

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.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe: