18073 sujets
Salut,
Tout dépend de ce que tu cherches à faire... Là ce n'est pas très précis...
Une solution consisterait à prévoir, lors de la création de ta mise en page, un espace suffisant pour intégrer la largeur du paysage et la hauteur du portrait. Ainsi, ta mise en page reste la même malgré les deux orientations...
@+
Tout dépend de ce que tu cherches à faire... Là ce n'est pas très précis...
Une solution consisterait à prévoir, lors de la création de ta mise en page, un espace suffisant pour intégrer la largeur du paysage et la hauteur du portrait. Ainsi, ta mise en page reste la même malgré les deux orientations...
@+
oui oui biensur
voilà, j'ai créé un block qui sert à afficher l'image cliqué (parmis une galerie).
Maintenant j'ai réglé a ce block une dimension en largeur de 650px car mes images de largeur font 640px!
Les image en paysage(cad celle dont la largeur est plus grande que la hauteur) sont parfaitement centrées dedans!
Mais lorsqu'il s'agit d'une image en portrait(largeur plus petite que hauteur), l'image est évidement pas centrée dans mon block de 650px!
avez vous une idée?
En fait voilà mon code :
[code]
Si je ne donne aucune largeur au block "image", j'ai mon bloc <h2> qui l'élargie jusqu'au bord droit de la page !
Le problème vient de ça !
Comment faire pour éviter que le block h2 prenne toute la largeur jusqu'au bord droi ?
lui donner une largeur à lui ?
Modifié par imotep (20 Jul 2005 - 13:50)
voilà, j'ai créé un block qui sert à afficher l'image cliqué (parmis une galerie).
Maintenant j'ai réglé a ce block une dimension en largeur de 650px car mes images de largeur font 640px!
Les image en paysage(cad celle dont la largeur est plus grande que la hauteur) sont parfaitement centrées dedans!
Mais lorsqu'il s'agit d'une image en portrait(largeur plus petite que hauteur), l'image est évidement pas centrée dans mon block de 650px!
avez vous une idée?
En fait voilà mon code :
<div id="image">
<h2 style="text-align: center; font-size: 1.3em; color: #0075BE;"> Voici le titre de la premiere image </h2>
<img src="" alt="" id="grande_image" />[code]
Si je ne donne aucune largeur au block "image", j'ai mon bloc <h2> qui l'élargie jusqu'au bord droit de la page !
Le problème vient de ça !
Comment faire pour éviter que le block h2 prenne toute la largeur jusqu'au bord droi ?
lui donner une largeur à lui ?
Modifié par imotep (20 Jul 2005 - 13:50)
oui... bah ce n'est qu'un problème de marges...
Tu crées une classe pour tes images en portrait puis une autre pour tes images en paysage... Ensuite tu affectes les marges en conséquence pour les centrer au sein de ton bloc... Tu peux aussi passer par le positionnement.
<edit> Pour le bloc h2, tu lui affectes une largeur -> width
Modifié par koala64 (20 Jul 2005 - 13:54)
Tu crées une classe pour tes images en portrait puis une autre pour tes images en paysage... Ensuite tu affectes les marges en conséquence pour les centrer au sein de ton bloc... Tu peux aussi passer par le positionnement.
<edit> Pour le bloc h2, tu lui affectes une largeur -> width
Modifié par koala64 (20 Jul 2005 - 13:54)
en mettant ceci :
ça marche pas, la largeur est toujour étirée ...
de plus la marge sous IE ne semble pas fonctionner! sous mozilla impec !
Je ne peux pas fonctionner sous forme de class differente car j'affiche mes image en php, comment distinguer si une image est en portrait ou en paysage ?
il faudrait vérifier les dimensions ...
<h2 style="margin-left: 20em; font-size: 1.3em; color: #0075BE; width: 10em; border: 1px solid gray;"> Voici le titre </h2>ça marche pas, la largeur est toujour étirée ...
de plus la marge sous IE ne semble pas fonctionner! sous mozilla impec !
Je ne peux pas fonctionner sous forme de class differente car j'affiche mes image en php, comment distinguer si une image est en portrait ou en paysage ?
il faudrait vérifier les dimensions ...
Avec ton expression, je n'ai aucun problème sous FF ou IE... Cà doit venir d'ailleurs...
Sinon, je ne pense pas que le php soit un obstacle...
A titre de suggestion, je superposerais deux divisions (vides de contenu) au sein de ton bloc, une pour les portraits et une pour les paysages. Ensuite, j'affecterais une variable à chacune permettant d'insérer les photos correspondantes. Enfin, suivant le cas, je renseignerais la variable correspondante...
PS: Il y a certainement d'autres manières de faire...
Modifié par koala64 (20 Jul 2005 - 14:38)
Sinon, je ne pense pas que le php soit un obstacle...
A titre de suggestion, je superposerais deux divisions (vides de contenu) au sein de ton bloc, une pour les portraits et une pour les paysages. Ensuite, j'affecterais une variable à chacune permettant d'insérer les photos correspondantes. Enfin, suivant le cas, je renseignerais la variable correspondante...
PS: Il y a certainement d'autres manières de faire...
Modifié par koala64 (20 Jul 2005 - 14:38)
#image{
margin-top: 10%;
margin-left:25%;
padding-left: 10px;
width: 650px;
border-bottom: thick #520075 solid;
border-left: thick #520075 solid;
border-top: thick #DEB2F1 solid;
border-right: thick #DEB2F1 solid;
}
<div id="image">
<h2 style="text-align: center; font-size: 1.3em; color: #0075BE;"> Voici le titre </h2>
<img src="image.jpg" alt="image faisant: 640*480" id="grande_image" />
<br /><span style="vertical-align: top; color:red; font-size: 0.8em; background-color: #0075BE;">Postée le : 20/07/2005 </span>
<script type="text/javascript"><!--
Ici banniere pub de 460*60
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>voilà ma partie image qui me pose problème avec l'étirement du block image
