28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
on voit souvent dans le footer des sites des listes du genre :
blablabla l etencoreblabla l ettoujoursblabla
Comment faire pour mettre ces fameux l et souvent également des - sans que se soit dans le texte, mais dans une liste horizontale ?
Merci Smiley biggrin
Ok merci c'est vrai que la réponse est soit dans le texte soit dans l'image.... non ce que je voudrais savoir alors, c'est le code css et le code html d'une telle liste, sans lien, sans rollover. Il existe peut être plusieurs solutions?
Merci
La réponse m'intéresserait également.

J'ai essayé de décortiquer le code du deuxième footer d'alsacréations, mais je n'ai pas réussi à percer son secret. J'ai notamment du mal à comprendre comment l'image se retrouve après le texte dans le code HTML alors que sur la page web c'est l'inverse!


<!-- Bloc Footer-end, contient footer-end, logo, presentation -->
<div id="footer-end">
  <div id="presentation"><p>Alsacréations est
une communauté dédiée à la conception de sites web de qualité,
notamment grâce aux standards W3C, aux feuilles de styles CSS, aux
langages HTML et XHTML, et à l'accessibilité <a href="http://www.alsacreations.com/page/about/" accesskey="0">(en savoir plus...)</a></p></div>
  <img src="610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display_fichiers/footer-logo-alsa.gif" alt="Alsacreations" height="29" width="154">
  <div id="print">
    <p>http://www.alsacreations.com/</p>
  </div>
  <div class="spacer"></div>
</div> <!-- fin de footer-end -->


La réponse doit être dans le CSS, mais je suis encore trop débutant pour repérer l'astuce.

Quelqu'un pour m'éclairer? Smiley biggrin