diff --git a/dist/style_prive.html b/dist/style_prive.html
index 1dfaa9be7c6422e5cae48c90affd8c4acab1380d..938b03b892cb2c422ad7c9613456347433678920 100644
--- a/dist/style_prive.html
+++ b/dist/style_prive.html
@@ -241,6 +241,16 @@ select.fondl {
position:absolute;
}
+/*style for #bandeau_couleur*/
+.bandeau_couleur {text-align: [(#ENV{ltr}|choixsiegal{left,left,right})];padding:0px;margin:0px}
+
+#bandeau_couleur {min-height:20px;padding:2px 0}
+#bandeau_couleur1 .menu-item {width:230px;text-align:#ENV{ltr}}
+#bandeau_couleur3 .menu-item {width:150px;text-align:[(#ENV{ltr}|choixsiegal{left,right,left})]}
+#bandeau_couleur4 .menu-item {width:68px;text-align:center;margin:0 5px}
+#bandeau_couleur5 .menu-item {width:114px;}
+#bandeau_couleur6 .menu-item {width:32px}
+
/*
* Icones et bandeaux
*/
diff --git a/dist/style_prive_ie.html b/dist/style_prive_ie.html
index bd9b9f7fb3c7bcce42acf5fb7a9d953127f6aafd..b42007dfbab8820c75d1360567a144a8f4f18631 100644
--- a/dist/style_prive_ie.html
+++ b/dist/style_prive_ie.html
@@ -38,3 +38,12 @@
/*style for submenus*/
* html .bandeau_sec {float:none;width:100%}
* html .bandeau_sec ul {}
+
+/*style for #bandeau_couleur*/
+#bandeau_couleur ul {padding:2px 0}
+#bandeau_couleur .menu-item {height:22px}
+#bandeau_couleur1 .menu-item {width:230px !important}
+#bandeau_couleur3 .menu-item {width:150px !important}
+#bandeau_couleur4 .menu-item{width:68px !important;margin:0 11px}
+#bandeau_couleur5 .menu-item {width:114px !important}
+#bandeau_couleur6 .menu-item {width:32px !important;margin-[(#ENV{ltr}|choixsiegal{left,left,right})]:-3px;margin-[(#ENV{ltr}|choixsiegal{left,right,left})]:-6px}
diff --git a/ecrire/inc/boutons.php b/ecrire/inc/boutons.php
index 5db51d48a84a5bc37f9303be907888892762a4e8..9cb4922f163f21271ae81a242848d89779b43cba 100644
--- a/ecrire/inc/boutons.php
+++ b/ecrire/inc/boutons.php
@@ -392,7 +392,7 @@ function icone_bandeau_principal($detail, $lien, $rubrique_icone = "vide", $rubr
$menu_accesskey++;
}
- $class_select = " class='menu-item boutons_admin".($sous_rubrique_icone == $sous_rubrique ? " selection" : "")."'";
+ $class_select = "style='width:"._LARGEUR_ICONES_BANDEAU."px' class='menu-item boutons_admin".($sous_rubrique_icone == $sous_rubrique ? " selection" : "")."'";
if (strncasecmp("javascript:",$lien,11)==0) {
$a_href = "\nonclick=\"$lien; return false;\" href='$lien_noscript' ";
diff --git a/ecrire/inc/commencer_page.php b/ecrire/inc/commencer_page.php
index 03d594e1d5c30d30b90dd344e710cb762652528d..fbe59fec5ec68790a9e93e066012c35f513f7ca6 100644
--- a/ecrire/inc/commencer_page.php
+++ b/ecrire/inc/commencer_page.php
@@ -103,30 +103,31 @@ function init_body($rubrique='accueil', $sous_rubrique='accueil', $id_rubrique='
}
if ($menu){
$res .= bandeau_double_rangee($rubrique, $sous_rubrique, $largeur)
- . "\n<div align='center' style='max-height: 40px; width: 100%; border-bottom: solid 1px white;' class='toile_claire'>"
- . "<table cellpadding='0' style='background: none;' width='$largeur'><tr>"
- . "<td valign='middle' class='bandeau_couleur' style='text-align: $spip_lang_left;'>"
+ . "\n<div id='bandeau_couleur' style='max-height: 40px; width: 100%; border-bottom: solid 1px white;' class='toile_claire'>"
+ . "<div class='h-list centered vcentered' style='width:{$largeur}px'><ul>"
+ . "<li id='bandeau_couleur1' class='bandeau_couleur'><div class='menu-item'>"
. installer_gadgets($id_rubrique)
- . "</td>"
- . "<td valign='middle' class='bandeau_couleur' style='text-align: $spip_lang_left;'>"
+ . "</div></li>"
+ . "<li id='bandeau_couleur2' class='bandeau_couleur' style='width:"
// Redacteur connecte
// overflow pour masquer les noms tres longs
// (et eviter debords, notamment en ecran etroit)
- . "<div style='width: "
+ //. "<div style='width: "
. (($spip_ecran == "large") ? 300 : 110)
- . "px; height: 14px; overflow: hidden;'>"
+ . "px;'><div class='menu-item' style='width:"
+ . (($spip_ecran == "large") ? 300 : 110)
+ . "px; overflow: hidden;'>"
. "<a href='"
. generer_url_ecrire("auteur_infos","id_auteur=$connect_id_auteur")
. "' class='icone26' title=\""
. entites_html(_T('icone_informations_personnelles'))
. '">'
. typo($GLOBALS['auteur_session']['nom'])
- . "</a></div>"
- . "</td>"
- . "<td> </td>"
- . "<td class='bandeau_couleur' style='text-align: $spip_lang_right;' valign='middle'>";
+ . "</a></div></li>"
+ . "<li style='width:20px'><div class='menu-item'> </div></li>"
+ . "<li id='bandeau_couleur3' class='bandeau_couleur'><div class='menu-item'>";
// Choix du layout
$res .= http_img_pack("choix-layout$spip_lang_rtl".($spip_lang=='he'?'_he':'').".gif", _T('choix_interface'), "class='format_png' style='vertical-align: middle' width='59' height='15' usemap='#map_layout'")
@@ -145,19 +146,19 @@ function init_body($rubrique='accueil', $sous_rubrique='accueil', $id_rubrique='
}
// Choix de la couleur
- $res .= "</td>"
- . "<td class='bandeau_couleur' style='width: 60px; text-align:$spip_lang_left;' valign='middle'>"
+ $res .= "</div></li>"
+ . "<li id='bandeau_couleur4' class='bandeau_couleur'><div class='menu-item'>"
. choix_couleur()
- . "</td>";
+ . "</div></li>";
// choix de la langue
if ($GLOBALS['all_langs']) {
- $res .= "<td class='bandeau_couleur' style='width: 100px; text-align: $spip_lang_right;' valign='middle'>"
+ $res .= "<li id='bandeau_couleur5' class='bandeau_couleur'><div class='menu-item'>"
. menu_langues('var_lang_ecrire')
- . "</td>";
+ . "</div></li>";
}
- $res .= "<td class='bandeau_couleur' style='text-align: $spip_lang_right; width: 28px;' valign='middle'>";
+ $res .= "<li id='bandeau_couleur6' class='bandeau_couleur'><div class='menu-item'>";
if ($auth_can_disconnect) {
$alt=_T('icone_deconnecter');
@@ -167,8 +168,8 @@ function init_body($rubrique='accueil', $sous_rubrique='accueil', $id_rubrique='
http_img_pack("deconnecter-24.gif", "$alt", "") .
"</a>";
}
- $res .= "</td>"
- . "</tr></table>";
+ $res .= "</div></li>"
+ . "</ul></div>";
} // fin bandeau colore
diff --git a/ecrire/inc/gadgets.php b/ecrire/inc/gadgets.php
index bcca454c7af941d1b3bcc7f2a597faddf1f83e3a..438a7d63f229d9c2564908e079704274842923a8 100644
--- a/ecrire/inc/gadgets.php
+++ b/ecrire/inc/gadgets.php
@@ -29,7 +29,7 @@ function bandeau_gadgets($largeur, $options, $id_rubrique) {
global $connect_id_auteur, $connect_login, $connect_statut, $spip_lang_left, $spip_lang_right, $spip_ecran;
$bandeau = "<div id='bandeau-gadgets'>".
- "\n<table width='$largeur' cellpadding='0' cellspacing='0'><tr><td>\n<div style='position: relative; z-index: 1000;'>"
+ "\n<div style='width:{$largeur}px' class='centered'>\n<div style='position: relative; z-index: 1000; height:1%'>"
// GADGET Menu rubriques
. "\n<div id='bandeautoutsite' class='bandeau bandeau_couleur_sous' style='$spip_lang_left: 0px;'>"
@@ -131,7 +131,7 @@ function bandeau_gadgets($largeur, $options, $id_rubrique) {
$bandeau .= "</div>";
- $bandeau .= "</td></tr></table>\n";
+ $bandeau .= "</div>\n";
$bandeau .= '</div>';
diff --git a/ecrire/inc/presentation.php b/ecrire/inc/presentation.php
index 381f6de86c363067cfb189db1c7c58c2f3d6e487..32c933b49a93b0dd776b6c6d8352371ad53faca9 100644
--- a/ecrire/inc/presentation.php
+++ b/ecrire/inc/presentation.php
@@ -1271,10 +1271,10 @@ function envoi_link($nom_site_spip) {
// CSS espace prive : la vraie
. '<link rel="stylesheet" type="text/css" href="'
. generer_url_public('style_prive', _SENS_ET_COULEURS) .'" />' . "\n"
- . "<!-- [if IE lt 8] -->\n"
+ . "<!--[if lt IE 8]>\n"
. '<link rel="stylesheet" type="text/css" href="'
. generer_url_public('style_prive_ie', _SENS_ET_COULEURS) .'" />' . "\n"
- . "<!-- [endif] -->"
+ . "<![endif]-->\n"
// CSS calendrier
. '<link rel="stylesheet" type="text/css" href="'