[Résolu ou presque] un petit souci de CSS ...

[HP]

Un petit text-align : right sur .day-date devrait faire l'affaire...

malheureusement non !
j'avais déjà essayé ...
ça aligne bien le texte, c'est nickel pour çà ... mais ma petite icône elle reste seule à l'autre bout de la linge, à gauche.

[calimo]

Ah ben non, en effet, je suis bête, elle est en arrière-plan

Tu as la barre WebDeveloper ?
Si oui, fais Souligner > Éléments de type bloc.
Tu verra alors ton paragraphe .day-date entouré d'un pointillé vert. C'est un élément "bloc". Le texte, lui, est du contenu "en-ligne".
Avec le text-align, tu alignes le contenu en-ligne. Mais le bloc lui n'est évidemment pas touché.

Pour aligner un bloc, il faut ruser

Code : Tout sélectionner

.day-date {
  margin-left:auto;
  margin-right:0;
  width:...;
}

Le problème c'est que tu dois définir la largeur Et je ne crois pas que width:auto fonctionne (mais tu peux toujours essayer).

Il va donc falloir trouver un autre moyen.
Je te propose le suivant. Dans le code HTML tu ajoutes un <span> :

Code : Tout sélectionner

<p class="day-date"><span>Catégorie :<a href="/dotclear/index.php/Accueil">Accueil</a></span></p>

Tu alignes ce span à droite, et tu lui mets :

Code : Tout sélectionner

.day-date span {
   background : transparent url(images/ico_entry.png) no-repeat 0 40%; 
   padding-left:20px;
}

Je pense que ça devrait pouvoir jouer (mais il faut modifier le code HTML )

[HP]

si il faut modifier le code HTML ...
c'est pas trop dans l'esprit XHTML/CSS où l'on fait du table less pour que tout soit contenu dans la feuille de style ...

dans ce cas, je vais garder mon bloc à droite.

non, j'ai pas Webdevelopper ...
on le trouve en Français quelquepart ?

[calimo]

Prend ta page. Enlève-y tout ce qui n'est pas utile (les div qui n'ont aucun sens et ne servent qu'à être utilisés pour la présentation, et un tas d'autres trucs) jusqu'à n'avoir plus qu'un contenu épuré au strict minimum.

Ensuite on en reparle

[HP]

Prend ta page. Enlève-y tout ce qui n'est pas utile (les div qui n'ont aucun sens et ne servent qu'à être utilisés pour la présentation, et un tas d'autres trucs) jusqu'à n'avoir plus qu'un contenu épuré au strict minimum.

je comprends pas trop ...

tu peux me donner des exemples ?
les pires en premier si possible ...

[calimo]

Et ça :

Code : Tout sélectionner

<div id="main">
	<div id="content">
					
		


<!-- Boucle sur la liste de billets -->
	<div class="post">	

C'est quoi ?

Ce sont aussi des balises qui ne servent à rien d'autre que de définir des blocs pour la mise en page. On n'es plus à un span près

[HP]

par contre si l'envie m'en prends je peux les virer ?

car elle ne correspondent à rei ndans la feuille de style ?

c'est ça ?

si c'est le cas, je le ferai quand je leur tomberai dessus.

[calimo]

Euh... visiblement si ils correspondent à quelque chose, sinon il ne seraient pas là Et vu la taille de la feuille de style...

Par exemple <div id="main"> il correspond au

Code : Tout sélectionner

#main {
   width : 100%;
   float : left;
   margin-right : -16.5em;
} 

Donc si tu les vires, tu ne perds pas d'infos sur le code, par contre ta mise en page saute.
Donc ils sont bien là pour la mise en page.
Donc tu peux mettre un span en plus à ce prix là

[HP]

ok !

merci Calimo
de toute façon, avec le simple text-align, j'ai vu que aligné à droite c'était pas si esthétique que je pensais de prime abord ...
je me suis contenté de diminuer le margin en haut pour resserrer vers le titre et basta.

en tout cas merci.