Encadrer automatiquement les images... Possible ?

Thyselle · jan 2008

Voilà mon interrogation... 8-[

Je voudrais bien faire en sorte que toutes les images que je place sur mon blog soient directement encadrées d'un petit liserai blanc, je trouve

que ce serait plus joli...

Je sais que je peux toujours aller faire ça sous Photoshop (ou autre) avant de mettre mes photos en ligne, mais je me demandais s'il est possible de modifier quelque chose dans le template, pour que les photos insérées dans le blog soient "encadrées" automatiquement ? Ou alors peut-être existe-t-il un script simple, que je pourrais ajouter ?

Bref, j'en appelle aux spécialistes !... Mais c'est peut-être trop compliqué si ça se trouve... :-k

Enfin, bref, merci d'avance, si des fois vous avez une idée... ;)

LaDinde · jan 2008

Tu as ce code

Code:

p img{
margin:8px;
border: 1px dashed #666666;
padding: 5px;
}

Qui marche très bien à toi de le modifier.

Je l'ai trouvé sur ce site A to Z blogging

Tu as toutes les explications dessus afin de le modifier.
Seul truc c'est que ça prend aussi les smileys apparement.

Thyselle · jan 2008

Yubaba a écrit:

Tu as ce code

Code:

p img{
margin:8px;
border: 1px dashed #666666;
padding: 5px;
}

Qui marche très bien à toi de le modifier.

Je l'ai trouvé sur ce site A to Z blogging

Tu as toutes les explications dessus afin de le modifier.
Seul truc c'est que ça prend aussi les smileys apparement.

Merci Yubbie :kiss:
Je testerai demain ! ;)

Thyselle · jan 2008

Bon ben ça ne marche pas pour moi... Quand on veut circonscrire l'encadrement aux paragraphes (le code avec le p devant), rien ne se passe...
(Quand on ne met pas le p, ça marche mais absolument tout est encadré, y compris la bannière, les images sur la bordure gauche, etc.)

Je crois que je vais laisser tomber, si même un truc simple comme ça ne marche pas... :(... A moins que je trouve autre chose ailleurs, mais j'ai peu d'espoir...
Merci quand même Yubbie :kiss:

LaDinde · jan 2008

C'est bizarre parce que j'ai testé et ça marche avec le p même si ça prend aussi en compte les smileys. Bon je pose la question bêtes tu mets bien un espace entre p et img?

Sinon tu le colles où? Moi je l'ai mis un peu avant begin leftside et /style dans la première partie du template en css.

Thyselle · jan 2008

Yubaba a écrit:

C'est bizarre parce que j'ai testé et ça marche avec le p même si ça prend aussi en compte les smileys. Bon je pose la question bêtes tu mets bien un espace entre p et img?

oui, je mets bien un espace ;)

Yubaba a écrit:

Sinon tu le colles où? Moi je l'ai mis un peu avant begin leftside et /style dans la première partie du template en css.

je l'ai collé comme toi, dans cette partie... avant /style :

Code:

div.author {
margin-top: 3px;
margin-bottom: 6px;
}

a:link { color: #CC3366; }
a:visited { color: #CC3366; }
a:hover { color: #D3D3D3; }

p img{
margin:8px;
border: 1px solid #000000;
padding: 5px;
}

</style>
</head>

Ca ne donne rien... Peut-être que c'est une question de modèle de template au départ... :-k

LaDinde · jan 2008

C'est dommage parce que cela marche chez moi, j'ai retesté exactement ce que tu as mis :? Si tu veux envoie moi en mp ton template pour que je l'essaye sur mon blog :D

☺