1

Discussione: Thème Gabandjo : position des étiquettes

Salut l'équipe !
J'ai un petit souci avec les dates et leur style en étiquette sur le thème gabandjo. Selon la taille d'écran, elles ne se positionnent pas pareil par rapport au texte.

Voilà leur css :

span.journal {background-image: url(images/papier.jpg);background-repeat: repeat;color: rgb(0, 0, 0);font-weight:bold;margin-right:1.5rem;float:left;padding:0.4rem;text-align: left;border:dotted 0.3rem rgb(255,255,255);}

Voilà où l'on peut le voir : https://gabandjo.legtux.org/pages/097-c … une-fr.php

Voilà ce qui s'affiche en tablette ou en mode paysage sur mobile (ce que je ne veux pas) :
https://katryne.legtux.org/images/date-mauvais.png

Voilà ce qui s'affiche en plus grand écran (ce que je veux)
https://katryne.legtux.org/images/date-bon.png

Comment faire pour que la date s'affiche avant le texte avec toutes les tailles d'écran ?

Merci pour toutes suggestions !

2

Re: Thème Gabandjo : position des étiquettes

wink

as tu le même problème avec la no_skin?¿?


cool

3

Re: Thème Gabandjo : position des étiquettes

Salut Alain !
Mais je n'aurais pas de problème avec la no_skin, puisque c'est une mise en forme qui est uniquement dans le thème gabandjo.
J'ai deux paragraphes différents, le premier avec la date, le second avec ensuite le texte ordinaire.
Il manque peut-être un "clear:both" entre les 2 paragraphes.
Vois en mode source :

<p><span class="journal">Les 10 et 11 octobre 2016</span></p>
<p>, la route des glaciers nous a etc...</p>

ou j'ai essayé aussi en affectant aussi ce css à une class journal et que je supprime le span dans le mode source :

<p  class="journal">Les 10 et 11 octobre 2016</p>
<p>, la route des glaciers nous a etc...</p>

4

Re: Thème Gabandjo : position des étiquettes

tu as forcké pour tes liens vers recherche???

5

Re: Thème Gabandjo : position des étiquettes

Bien sûr que j'ai forké : pour les mots-clés et le script de recherche aussi.
J'ai expliqué là : https://katryne.legtux.org/agora/post/61/#p61
Je pense que c'est lmon plus récent essai qui est expliquée, parce que j'en ai fait un bon nombre, d'essais successifs. Peut-être pas adaptée à la plus récente version de adHoc, mais comme c'est du fork ligne à ligne, suffit de transposer, n'est-ce pas ?

6

Re: Thème Gabandjo : position des étiquettes

Ciao Kat

à mon avis il faut repenser mieux ton code au sens du HTML

On obtient l'effet que tu souhaites en utilisant la balise <span> dans le paragraphe .

Donc

<div>
<p class="journal">Les 10 et 11 octobre 2016</p>
<p>, la route des glaciers

pas bon sad

<div style="clear:both">
<p><span class="journal">Les 10 et 11 octobre 2016,</span>la route des glaciers

qui donne wink

gabandjo_pen

Le reste se passe dans la class .journal où tu peux modifier/supprimer la plupart des tes déclarations avec l'exception de

background-image: url(images/papier.jpg);
background-repeat: repeat;
font-weight: bold;
padding: 0.4rem;
border: dotted 0.3rem rgb(255,255,255);

A++

Post's attachments

gabandjo_pen.png 274.68 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

7

Re: Thème Gabandjo : position des étiquettes

Ah merci, rien ne vaut l’œil du maître... Il a fallu que j'ajoute un br au début du texte, sinon, l'étiquette de la date était collée dessus, et je n'arrivais à rien faire avec le css. Bon, maintenant, je n'ai plus qu'à refaire le html  de mes 88 autres pages