SPIP ecureuil




Thème de ce forum :

Texte collé à l’image



sarah
Texte collé à l’image
16 juin 2006 15:05

Bonjour,

J’ai inséré des images dans mes articles mais le texte est collé à l’image, j’aimerais insérer une marge autour de l’image. Comment puis-je faire ?

le site en question : http://brasilafrofunk.free.fr

Rechercher dans les forums:
 

Jujubre
16 juin 2006 15:49
Texte collé à l’image

Utilise un style qui defini une marge autour de ton immage

myël
16 juin 2006 22:48
Texte collé à l’image

J’ai essayé mais ça n’a pas marché, mon essai était surement mal écrit Quelqu’un peut-il me dire avec un exemple de code comment créer ce genre de style ?

merci beaucoup :)

Jujubre
17 juin 2006 10:35
Texte collé à l’image

<div class="ton_style">#LOGO</div>



Et ta feuille de style :

.ton_style img{
les styles de marge que tu veux ;
}
tetue
19 juin 2006 17:17
Texte collé à l’image

Il suffit de définir des marges dans les styles qui servent à l’insertion des images de SPIP : .spip_documents_center, .spip_documents_left et .spip_documents_right, (voir : Styles des documents et images).

Ces styles sont correctement définis dans les squelettes par défaut => reprend exemple sur les définitions de style de spip_style.css.

Loyce
20 juin 2006 09:09
Texte collé à l’image

J’ai trouvé cela sur un autre sujet

http://forum.spip.org/fr_183096.html

et cela m’a résolu mon problème.

Peut etre que cela pourra t’aider

et le lien qui a été donné

http://www.spip-contrib.net/Amelior...

sarah
22 juin 2006 17:03
Texte collé à l’image

Euh, je galère avec toutes les propositions *shy*

Dans ma feuille de style de base il n’y a pas de style pour les images, quand j’ajoute une ligne du type .spip_documents_center etc ça ne change rien

Si je veux créer un style comme ça (cf jujubre) .ton_style img les styles de marge que tu veux ; ce code correspond à quoi ? < div class="ton_style">#LOGO

désolée si je ne comprends pas très vite...

Jujubre
22 juin 2006 17:43
Texte collé à l’image

bon, on va faire tres tres simple :
inclus la feuille de style spip_style.css a toutes les pages html de ton squelette.

si toutefois le resultat etait desastreux, oublie cette 1ere solution et ajoute dans ta feuille de style styleessais.css ces qq lignes :

.spip_documents_center{
        margin: auto;
        text-align: center;
        width: 80%;
}

.spip_documents_left{
        float: left;
        margin-right: 15px;
        text-align: center;
}

.spip_documents_right{
        float: right;
        margin-left: 15px;
        text-align: center;
}
Sarah
23 juin 2006 10:05
Texte collé à l’image

Merci beaucoup ! J’ai juste rajouté les lignes, pour ne pas perdre mes styles déjà modifiés.. C’est déjà plus présentable comme ça :)

RSS






squelette