Forum d'entraide PHPFrance

Venez poser vos questions PHP, MySQL, HTML5, CSS, Javascript, Gestion de serveurs à la communauté PHPfrance
https://forum.phpfrance.com/

Tableaux fixes

https://forum.phpfrance.com/viewtopic.php?f=8&t=5680

Page 1 sur 1

Tableaux fixes

Posté : 10 juil. 2005, 18:22
par Lake
Bonjour, mes tableaux s'adaptent à la taille de l'écran.
Je souhaiterais que cela cesse, comment faire ???
Ou règle ton cela???

Posté : 10 juil. 2005, 18:29
par Cyrano
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.

Posté : 10 juil. 2005, 18:32
par Lake
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.

Posté : 10 juil. 2005, 18:32
par Cyrano
ben montre nous les parties que tu penses être erronées avec les parties de code html concernées

Posté : 10 juil. 2005, 18:33
par Lake
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
}

Posté : 10 juil. 2005, 18:36
par Cyrano
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.
Heures au format UTC+02:00
Page 1 sur 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/