Bonjour,
Un petit problème. J'ai une liste et pour chaque ligne de cette liste j'ai 3 infos à afficher : nom, téléphone et fonction. Dans un pur souci esthétique je souhaiterai fixer la largeur de ces éléments.
HTML
CSS
Et bien cela ne marche pas
Modifié par bunob (17 Aug 2005 - 10:59)
Un petit problème. J'ai une liste et pour chaque ligne de cette liste j'ai 3 infos à afficher : nom, téléphone et fonction. Dans un pur souci esthétique je souhaiterai fixer la largeur de ces éléments.
HTML
<li class="header">
<div class="nom">Nom</div>
<div class="tel">Tel</div>
<div class="fonction">Fonction</div>
</li>
<li class="responsable" >
<a href="agent.php?code=158" target="frame_right">
<div class="nom">MON Responsable</div>
<div class="tel"><img src="images/1791.png" />04.66.00.00.00</div>
<div class="fonction">CHEF DE SERVICE</div>
</a>
</li>
<li class="agent" >
<a href="agent.php?code=300" target="frame_right">
<div class="nom">CEST Moi</div>
<div class="tel"><img src="images/1791.png" />04.66.00.00.00</div>
<div class="fonction">Mon poste</div>
</a>
</li>
CSS
a.agent {
background-color :#eeeeee ;
}
a.responsable {
background-color :#3366CC ;
}
div.nom {
display :inline ;
width :200px ;
text-transform :uppercase ;
padding :2px ;
margin :2px;
}
div.tel {
display :inline ;
width :200px ;
text-transform :none ;
padding :2px ;
margin :2px;
}
div.fonction {
display :inline ;
width :200px ;
text-transform :capitalize ;
padding :2px ;
margin :2px;
}
Et bien cela ne marche pas
Modifié par bunob (17 Aug 2005 - 10:59)
...
