Discussion :

[Korben_Debile]

Bonjour,

J'ai tout essayé et rien a faire, je lutte contre ce bout de code, c'est terrible !

En fait j'ai :
- une image haute
- du texte sur lequel se reproduit l'image du milieu
- une image basse pour fermer le tout

J'ai le "style"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
    <!-- CSS -->
    <link href="../modules/jquery/css/ui-darkness/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
	<style>
		#haut { 
			  background:url('images/cadre_haut_actus.png') 0 0 no-repeat;
			  height:71px; 
			  width:866px; 
			  overflow:hidden;
			}
		#centre { background:url('images/cadre_milieu.png') 0 0 repeat-y; width:866px;}
		#bas { background:url('images/cadre_bas.png') 0 0 no-repeat; height:62px; width:866px; }
    </style>
    <!-- FIN CSS -->

Et le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div align="center">
    <div id="haut"></div>
        <div id="centre">
			<div align="left" style="background-color:none; width:740px; padding-top:0px; margin-left:0px; margin-right:0px; padding-bottom:0px; text-align: justify;">
						<!-- CORPS DU TEXTE -->
						Mon texte
						<!-- FIN CORPS DU TEXTE -->
            </div>
        </div>
    <div id="bas"></div>
</div>

mais.... elles ont sont décalées entre elles, pourtant, elles ont toutes le même width !



Je vous remercie de l'aide que vous pourrez m'apporter.

[Marc22]

Bonjour,

partant du principe que ton cadre_milieu.png a bien été découpé en fonction de tes cadres haut et bas, à ta place j'essaierais de jouer sur les marges externes. On dirait qu'il y a un rognage qui s'effectue sur la gauche et la droite.

[Jonathan Petitcolas]

Sinon, de mon côté, je te conseille (vu que le décalage semble être le même à gauche qu'à droite) de jouer avec un position: relative; sur ta div centrale et un décalage left comme il se doit (à vue de nez, 2 ou 3 pixels). Firebug est ton ami pour trouver rapidement.

[Korben_Debile]

Je vous remercie de vos réponses.

J'ai essayé de la manière dont vous avez dit, mais pour cadrer, il me faudrait des 1/3 de pixel pour que le cadrage soit parfait (je ne sais pas si on peut faire et comment des demis pixel, par des points ou par des virgules?).

Je ne veux choquer personne, c'est juste que j'ai l'impression que d'avoir 3 images avec exactement le même width, jouer sur les marges est en quelque sorte du bricolage la ou il ne devrait pas y en avoir (c'est de la prog quand même, rigueur et exactitude sont de mise).

Si on me confirme que c'est la seule solution, alors je m'y emploierai.

A noter que le décalage se fait de la gauche vers la droite à chaque fois qu'on change de div, il doit y avoir un problème quelque part mais je n'arrive pas à mettre le doigt dessus.

Merci une fois encore de vos avis et conseil dont je vous serais éternel abonné.

[Korben_Debile]

Bon, autant pour moi, le code de départ était bon, c'est ce *%# de photoshop de ù*¨# qui cadre pas les images comme il faut.

Merci de votre aide et désolé du dérangement.