besoin d'aide CSS

hello la compagnie,

dans mon projet SPIP de refonte du site du lycée lavoisier ou je suis en stage(donc comme tout le monde en stage )


ça fait trop longtemps que je n'ai pas toucher a du css et un des plugin que j'utilise pour créer des formulaire bug, puisuqe tout mes champs sont sur un seul champs, bon c'est l'aspect visuel du problème , en cherchant un peu , j'ai découvert que cela venais de certain fichier css mais je ne sait pas quoi y changer pour que l'affichage de tout les champs ce face correctement.

Le mieux c'est que tu le montre ton fichier CSS non?

problème c'est que j'en est 5 différent et je ne sait pas lequel ou lesquels modifier, bon j'en pose déja deux comme ça c'est déja ça

voila le premier qui est donnee_voir.css :

span.donnees{
display: block;
border-left: 5px solid #999;
padding-left: 1em;
padding-top: 1em;
border-bottom: 1px dashed #666;
padding-bottom: 0.4em;
overflow:hidden;
}

span.donnee-champ {
display: block;
clear: left;
}
span.donnee-champ-label {
width: 150px;
display: block;
float: left;
}

span.donnee-champ-data {
display: block;
margin-left: 160px;
}
span.nettoyeur{
clear: both;
}

et le deuxieme qui est donnee_tout.css:

div.liste { clear:both;width:auto; }
.highlight {
background-color: #3D3D3D;
font-weight: bold;
}
.donnees th {
vertical-align:middle;
background-repeat: no-repeat;
border-left: 1px solid #FFF;
border-right: 1px solid #000;
border-top: 1px solid #FFF;
height: auto;
padding:0px;
margin:0px;
height:34px;
}
.donnees th.neutre {padding-left: 0px;background: url('img_pack/header.png') repeat-x left bottom; }
.donnees th.header {padding-left: 15px;background: url('img_pack/header-bg.png') no-repeat left bottom; }
.donnees th.headerSortUp {padding-left: 15px;background: url('img_pack/header-asc.png') no-repeat left bottom; }
.donnees th.headerSortDown {padding-left: 15px;background: url('img_pack/header-desc.png') no-repeat left bottom;}

.donnees td .numerique {width:100%; text-align:right;display:block;}
#sorting div {
font-weight: bold;
}
#filter {
text-align: left;
width: auto;
padding: 5px;
background-color: transparent;
border: 1px solid #888;
display: none;
float: right;
}
#filter input {
}
#filter p {
text-align: left;
padding: 5px;
margin:0px;
float: left;
}
#filter div {
text-align: center;
float: left;
}

.filterIcon {
width: 20px;
height: 16px;
text-align: center;
background: url('filter.gif') no-repeat center left;
float: right;
cursor: pointer
}
.sorter {
padding-right: 10px;
text-decoration: underline;
cursor: pointer;
float:left;
}


div.puce_forms_donnee {
position: relative;
height: 11px;
width: 11px;
}

div.puce_forms_donnee_fixe {
position: absolute;
}

div.puce_forms_donnee_popup {
position: absolute;
visibility: hidden;
margin-top: -1px; top: 0;
border: 1px solid #666;
background-color: #ccc; z-index: 10;
}
div.puce_forms_donnee_popup img {
padding: 1px;
border: none;
}

div.puce_forms_donnee_popup {
width: 45px;
}

Tu regardes ce que tu veux changer dans ta page, ensuite ce que tu veux est balisé, tu regarde a quel style est relier relier cette balise et tu change les paramètres

Francis

j'ai enfin trouvé dans quel fichier css il y a un problème , ce n'est pas un des fichier css du plugin mais suis du squelette du site.En testant pour voir ou est le problème, c'est la fonction DIV de css qui me plante mon formulaire , dans le div il y a une balise position de valeur absolute. après moulte essaie de modification de valeur.
J'obtien ceci pour les valeur fix et absolute , le site est comme a l'origine en visuel,mais le formulaire est compresser.Quand j'essais avec les valeur relative et float, le formulaire est bon , mais le site n'est plus dans sont etat d'origine , les titre du somaire ne sont plus dans le visuel de bouton, mais en dessous. je ne sait pas si c'est claire mais en plus je t'envoie le fichier en question

je copie ci dessous le fichier css ou ce situe mon problème:


BODY {
font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #000000;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
SCROLLBAR-FACE-COLOR: #3E4A80;
SCROLLBAR-HIGHLIGHT-COLOR: #97A4DC;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #97A4DC;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
background: #97A4DC;
cursor: default;
}
INPUT {
font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #000000;
background: #bcc4e8;
}
DIV {

position: Absolute;
}
A {
color: #0059AE;
text-decoration: none;
font: bold;
}
TABLE {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
color: #000000;
}
TABLE.cadre {
background-color: #3E4A80;
border: 1px solid Black;
}
TD.bord {
background-color: #97A4DC;
border: 1px solid Black;
}

A.menu {
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
font-size: 10px;
}
A.menu:hover { text-decoration:none }

TD.sousmenu1 {
color: #FFFFFF;
background-color: #9BA4CE;
font-weight: bold;
}
TD.sousmenu {
color: #3E4A80;
background-color: #F2F2FE;
font-weight: bold;
}
TD.titre {
font-size: 12px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
TD.rubriques {
font-size: 10px;
color: #ffffff;
}
TD.contenu {
font-size: 8pt;
color: #000000;
font-weight: normal;
}
B.rubriques {
font-weight: normal;
cursor: pointer;
color: #ffffff;
}
TD.resultats {
font-size: 12px;
background-color: #3e4a80;
font-weight: bold;
color: #ffffff;
}
TD.breves {
font-size: 10px;
color: #000000;
background-color: #97A4DC;
font-weight: normal;
}
TD.titrein {
color: #ffffff;
background-color: #3E4A80;
font-weight: bold;
}
.TabTitres {
font-family: Arial, Helvetica;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #3e4a80;
border: thin none #FFFFFF;


}
TD.BordNoir {
border: 1px solid #000000;
}