Fork me on GitHub






Nikita
mettre un cadre image í  une image
#1
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Bonjour à tous c'est encore moi !

j'essaie de rajouter un cadre écran aux images de deux blocs pour les différencier, mais j'ai un problème pour bien placer mon image de premier plan au milieu de l'écran virtuel, voilà le code que j'ai mis dans le template vidéo

<style type="text/css">
<!--
#cadrevideo {
background-image: url(../modules/video/templates/blocks/video.jpg);
height: 200px;
width: 173px;
background-repeat: no-repeat;
}

-->
</style>

et <div id="cadrevideo"><img src="<{$video.logourl}>"></div>


et ce que ça donne en images
Open in new window

Posté le : 29/04/2008 16:52

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: mettre un cadre image í  une image
#2
Guest_
b'jour,

...pas évident

Ce que tu pourrais tester (si toutefois toutes les captures d'écran sont de mêmes dimensions) c'est d'ajouter des espacements, exemple :

<div id="cadrevideo" style="padding-top: 20px; padding-left: 30px;"}

... un fois calé (vaut mieux faire des tests sous les différents navigateurs), tu peux reporter tes espacements dans la feuille de style :

#cadrevideo {
background-image: url(../modules/video/templates/blocks/video.jpg);
height: 200px;
width: 173px;
background-repeat: no-repeat;
padding: 30px 20px 0 0;
}

@+

ps : sinon une méthode un peu "barbare" serait de créer un tableau html dans ton bloc (9 cellules, dont la centrale prévue pour réceptionner la capture)

Posté le : 29/04/2008 18:13
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Nikita
Re: mettre un cadre image í  une image
#3
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Burning

Grace à toi j'ai réussi à obtenir un calage correct avec IE, mais avec Firefox mon image dans le bloc Vidéos-Formation au Hasard c'est ok, mais dans le bloc Fond d'écran au hasard elle n'est plus centrée je regarderais ça ce soir.

http://www.aideordi.com

Merci t'es un pro

PS : j'abuse j'ai un autre sujet ouvert que je n'ai pas encore résolu https://www.frxoops.org/modules/newbb/ ... p?forum=12&topic_id=25936

Posté le : 30/04/2008 14:48

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Nikita
Re: mettre un cadre image í  une image
#4
Semi pro
Inscrit: 10/11/2004 13:40
Messages: 1659
Bonsoir à tous,

Pour Firefox pour centrer mon image ainsi que son cadre dans mon bloc, j'ai mis

<style type="text/css">
<!--
#cadrepc {
background-image: url(../modules/wallpapers/templates/blocks/cadrepc.png);
margin-left: auto;
margin-right: auto;
height: 150px;
width: 160px;
text-align: center;
background-repeat: no-repeat;
padding: 8px 9px 0 0;
}
-->
</style>

et <div id="cadrepc"></div> encadre ma miniature


Les captures sont toutes affichées à la même taille.

Je te remercie encore Burning

Posté le : 30/04/2008 19:43

PS : Toujours faire une sauvegarde des fichiers avant de les modifier !
-------------------------------------------
http://www.aideordi.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

88 Personne(s) en ligne (76 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 88 | Plus ...