Annuler saut de ligne après le titre de l’article

Tonio

Juillet 2010

Bonjour à tous !

J’ai un problème précis :
Je suis sous Spip 2.1.0, et j’aimerais empêcher un saut de ligne entre le #TITRE de mes articles et leur #TEXTE.

Voici mon code :

<BOUCLE_article (ARTICLES) {id_rubrique} {par num titre} {" <br /> "} >


<soustitre class="entry-title">[(#TITRE|supprimer_numero)]</soustitre>					
[<div class="basic">(#TEXTE|justifier)</div>]
				
</BOUCLE_article>

J’aimerais que le texte commence directement à la ligne en dessous du titre, et non avec un saut de ligne. Je n’ai pas l’impression que ce saut de ligne est explicite dans mon code..?

Merci de votre aide précieuse,
A+ !

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2010

A mon avis regarde dans dans ton fichier css (dans squelettes) il faut souvent enlever les marges au titre ou au paragraphe car dans ton texte avec ta classe basic il y a des balises p automatiques il faut sûrement mettre marge et padding à 0.
Indiquez l’intérêt que vous portez à cette réponse

0
Tonio

Juillet 2010
En fait dans mes_styles.css, ma classe .basic est définie par :
.basic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;
Donc pas de marge ou padding...
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2010

Et a tu regardez dans le code générer si tu a des balises p, car ça arrive souvent. et c’est elle qui créée les marges par défaut top et bottom
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Juillet 2010

Dans le code généré, j’ai en effet mon texte qui est encadré de balise <p>, en gros :
<titre> Mon titre </titre> <div class="basic"> <p> Mon texte </p>
Est-ce cela qui entraine automatiquement un saut de ligne ?
Si oui comment l’empêcher ?

Merci
Indiquez l’intérêt que vous portez à cette réponse

0

Juillet 2010

Alors tu fait ça. dans ton fichier .css
.basic p margin:0px ; padding:0px ;
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

Les balises p ont automatiquement une marge css en haut et en bas
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

Et si tout est trop collé tu peux mettre margin-top:5px ;

ou
.basic p {margin: 5px 0px 0px 0px; }
Indiquez l’intérêt que vous portez à cette réponse

0
Tonio

Juillet 2010
Excusez-moi pour mon ignorance, mais je suis un peu perdu avec les différents fichiers .css.

Dans lequel dois-je placer cette ligne de code ?
Pour l’instant je l’ai mis dans mes_styles.css, à la suite :
.basic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; } .basic p { margin:0px ; padding:0px ; }
Sans résultat...

Merci beaucoup
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

A tu réactualisé et vidé le cache de ton navigateur ?

Sinon donne un lien, je te dirai si c’est ça.
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Juillet 2010

Le cache est vide oui.

Je ne peux pas t’envoyer mon lien car je travaille en local, mon site n’est pas encore hébergé...

Sinon il fallait bien intégrer la ligne de code dans mes_styles.css comme je l’ai fait ?

Merci
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

Oui mais par contre il faudrait vérifier si tu n’a pas d’autres balises p qui interfère dans ton css. Tu visualise le site sur ie ou firefox ou safari. A tu recalculé tes pages et ou vidé ton cache depuis l’admin ?
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Juillet 2010

J’ai trouvé mon problème !

En fait lorsque je modifie mon fichier mes_styles.css, cela ne modifie pas mon site. Ce n’est pas la première fois que ça m’arrive. Lorsque j’avais voulu modifier les id dans habillage.css, il n’y avait pas eu de modification sur mon site.

Il faut forcément que je rajoute un <style> Mes modifications CSS </style> en header dans mes squelettes HTML pour qu’elles fonctionnent.

Savez-vous à quoi est du ce problème ?

En tout cas en procédant de la sorte, ça résout bien mon problème du saut de ligne !
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Juillet 2010

Essaye d’insérer ta feuille de style comme ceci, entre les balises <head> :

<link href="#CHEMIN{css/mes_styles.css}" rel="stylesheet" type="text/css" />

Ensuite copie mes_styles.css dans le dossier squelettes/css
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

OUI tcharlss à raison, tu peu aussi remplacer habillage.css par ton styles.css. C’est ce que je fais de temps en temps.
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Juillet 2010

C’est déjà le cas chez moi !
J’ai exactement la même ligne de code.

Mais ça ne marche pas quand je modifie le fichier .css, il faut que je mette les changements en header avec <style>...
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Juillet 2010

Ca ressemble à un problème d’ordre de chargement des feuilles de styles.
Quand tu mets tes styles directement dans le header avec <style>, c’est eux qui ont priorité sur tout le reste, puisqu’ils sont chargés en dernier.
En revanche s’ils ne sont pas pris en compte quand tu les places sur une feuille de style externe (dans mes_styles.css), c’est qu’il doit y avoir une autre feuille de style chargée après qui les "supplante".
A tout hasard, peux-tu nous montrer tout ce qu’il y a entre les balises <head> ?
Indiquez l’intérêt que vous portez à cette réponse

0

Béat

Juillet 2010

Mais y a personne ici qui connaît les vieux trucs de Spip ? ;-)

C’est ici :http://www.spip.net/fr_article4308.html
Indiquez l’intérêt que vous portez à cette réponse

0

ewaldt

Juillet 2010

Excellent et merci Bea, non je n’avais jamais regardé dans ce sens la. Peut-être parce que je préfère tt gérer depuis ma feuille de style. En tout cas ca va servir.

Merci Bien
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Juillet 2010

Voilà mon header :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR"> <head> <title>[(#NOM_SITE_SPIP|textebrut)]</title> <link href="#CHEMIN{mes_styles.css}" rel="stylesheet" type="text/css" />  [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />] <INCLURE{fond=inc-head}> </head>
Et je mets donc mes modifications .css dans entre des balises < style > à la suite, au lieu des fichiers habillage.css, mes_styles.css, spip_style.css, etc.

Je n’ai pas modifié le fichier inc-head.html.

Sinon je me rends compte d’une chose, avec la solution proposée pour supprimer le saut de ligne entre le titre et le texte, ça supprime tous les sauts de ligne du texte également !
(idem avec le |PtoBR)
Finalement je ne pourrai plus faire de saut de ligne dans mon texte avec cette solution ?

Merci bien !
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Juillet 2010

Mets la ligne <link href="#CHEMIN{mes_styles.css}" rel="stylesheet" type="text/css" /> après la ligne <INCLURE{fond=inc-head}>, de cette façon tes styles surchageront les styles par défaut de spip
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Août 2010

Malheureusement ça ne marche toujours pas.

Tant pis sinon je garde ma méthode du <style> dans mes headers, mais c’est vrai que c’est agaçant car dès que je fais une modifications de style je dois la copier dans les headers de tous mes squelettes !
Indiquez l’intérêt que vous portez à cette réponse

0

tcharlss

Août 2010

Juste pour être sûr, as-tu bien recalculé la page (avec le bouton spip en haut à droite, pas la touche f5) ?
C’est vraiment étrange, si ça marche avec les styles dans la page, ça doit également archer avec les feuilles de styles externes.
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Août 2010

Oui oui bien sûr... Je n’arrive pas à comprendre non plus !

Si j’efface ma balise <style> de ma page HTML, je perds certaines de mes modifications de style alors qu’elles sont modifiées à l’identique dans les fichiers .css appropriés.

Je perds les modifications des fichiers spip_style.css et mes_styles.css
mais les modifications de habillage.css sont conservées.

Je suis perdu ! :)
Indiquez l’intérêt que vous portez à cette réponse

0

Tonio

Août 2010

Pour le test, j’ai copié les contenus des fichiers spip_style.css et mes_styles.css dans habillage.css, et ça fonctionne.

Pourtant il n’y a aucune raison... Les 3 fichiers sont inclus avec inc-head.html
Indiquez l’intérêt que vous portez à cette réponse

0

tetue

Août 2010

Les balises HTML des exemples ci-dessus sont complétement fantaisistes : <soustitre> et <titre> n’existent pas !

« Précédent 1 2 Suivant »