Valider 301e94b5 rédigé par cerdic's avatar cerdic
Parcourir les fichiers

#1210 : accessibilite de l'install 

ol a la place de ul et utiliser une couleur de background lorsque les images ne sont pas chargee
cela oblige ici a faire des acrobaties avec un div inclus dans le li
par ailleurs regler les padding/margin pour que les etapes tiennent toutes dans la largeur lorsqu'on zoom en avant et en arrierre
parent 2ec27fb5

ecrire/inc/install.php

+4 −4
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -182,7 +182,7 @@ function info_progression_etape($en_cours,$phase,$dir, $erreur = false){ 
	

//	$aff_etapes = "<span id='etapes'>";



	$aff_etapes = "<ul id='infos_etapes'>";

	$aff_etapes = "<ol id='infos_etapes'>";

	

	foreach($liste as $etape=>$fichier){

/*		if ($etape=="$phase$en_cours.php"){
@@ -200,13 +200,13 @@ function info_progression_etape($en_cours,$phase,$dir, $erreur = false){ 
			else if ($debut > $en_cours) $class = "prochains";

			else $class = "valides";



			$aff_etapes .= "<li class='$class'>";

			$aff_etapes .= "<li class='$class'><div class='fond'>";

			$aff_etapes .= "<span class='numero_etape'>$debut</span>".$intitule_etat["$phase"][$debut];

			$aff_etapes .= "</li>";

			$aff_etapes .= "</div></li>";

		}

		$debut++;

	}

	$aff_etapes .= "</ul>";

	$aff_etapes .= "</ol>";

	$aff_etapes .= "<br class='nettoyeur' /\n";

	return $aff_etapes;

}

prive/minipres.css

+31 −15
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -55,29 +55,32 @@ p.resultat.echec {background-color:#d60c0c;} 
#infos_etapes {

	padding: 0px;

	margin: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	height: 63px;

	padding-left: 10px;

	height: 69px;

	overflow: hidden;

	text-align: left;

	font-family: helvetica, arial, sans;

	list-style:none;

}



#infos_etapes li {

	float: left; 

	width: 9.0em;

	padding-left: 2.5em;

	padding-right: 20px;

	padding-top: 10px;

	height: 69px;

	text-align: left;

	font-size: 0.85em;

	line-height: 1.05em;

	margin-left: -17px;

	margin-left: -28px;

	padding-left: 29px;

}

#infos_etapes li .fond {

	height: 69px;

	width: 9.0em;

	padding-right: 2em;

	padding-top: 10px;

}



#infos_etapes li span.numero_etape {

	font-weight: bold;

	font-size: 36px;

	font-size: 3em;

	padding-right: 3px;

	padding-left: 3px;

	padding-top: 7px;
@@ -88,19 +91,32 @@ p.resultat.echec {background-color:#d60c0c;} 
	font-family: helvetica, arial, sans;

}

#infos_etapes li.encours {

	background: url(../prive/images/degrade-etapes-fonce-left.gif) top left;

	background: url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat left top;

	color: white;

	font-weight: bold;

}

#infos_etapes li.encours .fond {

	background: #ecb043 url(../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top;

}

#infos_etapes li.prochains  {

	background: url(../prive/images/degrade-etapes-clair-left.gif) top left;

	background: url(../prive/images/degrade-etapes-clair-left.gif) no-repeat left top;

	color: #888888;

}

#infos_etapes li.prochains .fond {

	background: #dbdbdb url(../prive/images/degrade-etapes-clair-left.gif) no-repeat -30px top;

}



#infos_etapes li.valides {

	background: url(../prive/images/degrade-etapes-vert-left.gif) top left;

	background: url(../prive/images/degrade-etapes-vert-left.gif) no-repeat left top;

	color: #116d05;

}

#infos_etapes li.valides .fond {

	background: #88f560 url(../prive/images/degrade-etapes-vert-left.gif) no-repeat -30px top;

}

#infos_etapes li.erreur {

	background: url(../prive/images/degrade-etapes-rouge-left.gif) top left;

	background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat left top;

	color: white;

}

#infos_etapes li.erreur .fond {

	background: url(../prive/images/degrade-etapes-rouge-left.gif) no-repeat -30px top;

}
 
 No newline at end of file

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site