Titre du sujet : Re: Alignement page "soumettre" de xoopstube dans XDGlossy_box
par Leia sur 25/10/2012 19:50:52
Bonsoir,
J'ai essayé de rajouter le code "width" sur toutes les lignes du CSS mais rien ne change.
J'ai l'impression que quelque part il y a un conflit avec un autre code mais lequel ? Je me demande comment le trouver...
Avec le code de XDGlossy_box ça ne marche pas.
#leftcolumn {width: 170px; border-right: 0px solid #ccc; font-size:1em;} #leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;} #leftcolumn .blockTitle {padding: 3px; background:url(images/fleche.png) no-repeat left top; color: #2A75C5; font-weight: bold;padding-left: 15px;} #leftcolumn .blockContent {padding: 3px; line-height: 1.2em;} #centercolumn {font-size: 1em; padding: 0 0 0 1px;} #centercolumn th {background-color: #000; color: #fff; vertical-align: middle;} #centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;} #centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; font-size:1.1em;} #centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ddd; padding: 3px; margin-right: 0; margin-left: 0; margin-bottom: 2px; line-height: 1.2em;} #centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn { width: 50%; padding: 0 3px 0 0; }/*block milieu gauche*/ #centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle { padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; } #centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent { border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em; } #content {text-align: left; padding: 8px;}/*contenu*/ #rightcolumn {width: 170px; border-left: 0px solid #ccc; font-size:1em;} #rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;} #rightcolumn .blockTitle {padding: 3px; background:url(images/fleche.png) no-repeat left top; color: #2A75C5; font-weight: bold;padding-left: 15px;} #rightcolumn .blockContent {padding: 3px; line-height: 1.2em;} #footerbar { background:transparent; font-size:.9em; height : 23px;} #footerbar a{ color: #755E96; } #footerbar td { vertical-align : middle; text-align:center;} #mainmenu a {background-color: transparent; display: block; margin: 0; padding: 4px;} #mainmenu a:hover {} /*background-color: #fff;*/ #mainmenu a.menuTop {padding-left: 3px; } #mainmenu a.menuMain {padding-left: 3px; } #mainmenu a.menuSub {padding-left: 9px; } #mainmenu a.maincurrent {background-color:transparent; color:#ff9900;} #usermenu { font-size : .9em;} #usermenu a {background-color: transparent; display: block; margin: 0; padding: 2px; border-right: 0px solid #666; border-bottom: 0px solid #666; border-left: 0px solid #c0c0c0; font-weight : normal;} #usermenu a:hover {} /*background-color: #fff;*/ #usermenu a.menuTop {border-top: 0px solid #c0c0c0;} #usermenu a.highlight {background-color: #fcc;}
Par contre avec le code XDBusiness_blue ça marche.
#leftcolumn {width: 296px; font-size:1em;background: url(images/side-top.png) no-repeat scroll 0 0 transparent; padding: 19px 0px 13px 27px;} #leftcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;} #leftcolumn .blockTitle { padding-bottom: 4px; margin-bottom: 8px; background: url(images/side-title-sep.png) repeat-x 0 bottom;line-height: 32px; font-family: "Trebuchet MS", arial, sans-serif; font-size: 22px; color: #686868; text-transform: uppercase; } #leftcolumn .blockContent {padding: 3px; line-height: 1.2em;} #centercolumn {font-size: 1em; padding: 0 0 0 1px;} #centercolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;} #centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;} #centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; font-size:1.5em;} #centerCcolumn .blockContent, #bottomCcolumn .blockContent {padding: 3px; margin-right: 0; margin-left: 0; margin-bottom: 2px; line-height: 1.2em;} #centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn { width: 50%; padding: 0 3px 0 0; } #centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle { padding: 3px; color: #2A75C5; font-weight: bold; margin-top: 0;font-size:1.5em; background: none repeat scroll 0 0 transparent; border: 2px solid #333333; border-radius: 10px 10px 10px 10px; text-align:center; } #centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {font-size: 10px; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em; background-color: #DEE3E7; border: 1px solid #a9a9a9; border-radius: 10px 10px 10px 10px; color: #333333; } #content {text-align: left; padding: 8px;} #rightcolumn {width: 170px; font-size:1em;} #rightcolumn th {background-color: #2A75C5; color: #fff; vertical-align: middle;} #rightcolumn .blockTitle {padding: 3px; background-color: #ddd; color: #2A75C5; font-weight: bold;} #rightcolumn .blockContent {padding: 3px; line-height: 1.2em;} /* Footer */ #footer { padding: 1px 52px 30px; color: #d6d6d6; } #footer a { color: #d6d6d6; text-transform: uppercase; } #footer span { padding-left: 12px; padding-right: 14px; font-size: 15px; } #footer .author { float:right; } #mainmenu a {background-color: transparent; display: block; margin: 0; padding: 4px;} #mainmenu a:hover {background-color: #fff;} #mainmenu a.menuTop {padding-left: 3px; } #mainmenu a.menuMain {padding-left: 3px; } #mainmenu a.menuSub {padding-left: 9px;} #mainmenu a.maincurrent {background-color:transparent; color:#ff9900;} #usermenu { font-size : .9em;} #usermenu a {background-color: transparent; display: block; margin: 0; padding: 2px;} #usermenu a:hover {background-color: #fff;} #usermenu a.menuTop {} #usermenu a.highlight {background-color: #fcc;}
Aurais-tu une idée en voyant ça ?
|
