[CSS] Alignement Vertical impossible ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Alignement Vertical impossible ?

bolomatic

Bonjour.

J'ai un petit soucis :

je cherche à aligner une image qui peut prendre 2 tailles, qui sont en fait la même image en paysage, ou en portrait.
(X * Y ou Y * X)

Cette image, j'aimerais la centrer, horizontalement et verticalement à l'intérieur d'un bloc carré de taille fixe.

Est-ce impossible ?

(En effet, j'aimerais simplement dire aligner au centre, horizontalement et verticalement. Mais malheureusement l'alignement vertical en CSS c'est pas trop ça).

PS: Mon idée c'est de générer avec PHP le code correspondant suivant l'orientation de l'image. Mais alors, je devrais utiliser l'attribut style et je trouve ça pas très carré.

Merci d'avance !

Message édité par bolomatic le 26-10-2004 à 02:22:23

---------------
Feedback (avant 2011)

Publicité

Lorr Hyde

L'univers est trop grand Zut !

Citation :

Cette image, j'aimerais la centrer, horizontalement et verticalement à l'intérieur d'un bloc carré de taille fixe.

Utilise la marge négative :

Code :

position:absolute;
top:50%;
left 50%;
with: 500px;
height:200px;
margin: -100px 0px 0px -250px;

de tete ...

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

bolomatic

Merci, j'ai fini par utiliser un table...

Ta solution je l'utilise déjà, mais positioner un bloc dans un autre avec absolute c'est pas possible.
Avec relative ? la taille de l'image n'est pas constante.

Merci quand même.

---------------
Feedback (avant 2011)

Lorr Hyde

L'univers est trop grand Zut !

Bolomatic a écrit :

Ta solution je l'utilise déjà, mais positioner un bloc dans un autre avec absolute c'est pas possible.

???? et pourquoi ça ???

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

bolomatic

Lorr Hyde a écrit :

???? et pourquoi ça ???

Quand j'utilise absolute, il me positione le bloc par rapport à toute la page
EDIT: et pour couronner le tout, il faut la taille de l'image, que je n'ai pas. Même s'il n'y a que 2 possibilités.

Message édité par bolomatic le 26-10-2004 à 14:48:07

---------------
Feedback (avant 2011)

Lorr Hyde

L'univers est trop grand Zut !

Bolomatic a écrit :

Quand j'utilise absolute, il me positione le bloc par rapport à toute la page
EDIT: et pour couronner le tout, il faut la taille de l'image, que je n'ai pas. Même s'il n'y a que 2 possibilités.

position:absolut c'est par rapport au parent ..
donc un DIV conteneur ...

MAIS, car il y a toujours un mais,
le parent doit également être positionner ...

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

bolomatic

Lorr Hyde a écrit :

position:absolut c'est par rapport au parent ..
donc un DIV conteneur ...

MAIS, car il y a toujours un mais,
le parent doit également être positionner ...

:jap:

---------------
Feedback (avant 2011)

benou

je me permet de réssuciter de topic puisque google le connait bien (on tombe dessus en cherchant "alignement vertical css" )

voici une page qui donne une solution (crado à mon avis, mais bon, ca marche) : http://www.jakpsatweb.cz/css/css-v [...] ution.html

merci à FlorentG :jap:

maintenant, c'est vrai que vu la solution, l'utilisation d'une table est pas forcément plus mauvaise

Message édité par benou le 01-02-2005 à 11:34:43

---------------
ma vie, mon oeuvre - HomePlayer

antp

Super Administrateur
Champion des excuses bidons

avec le point à la fin de ton URL on a un joli "404 stránka nenalezena"

le bon lien est http://www.jakpsatweb.cz/css/css-v [...] ution.html

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

benou

"stránka nenalezena" ca veut dire joce bug ? [:ddr555]

---------------
ma vie, mon oeuvre - HomePlayer

Publicité

antp

Super Administrateur
Champion des excuses bidons

J'imagine que c'est quelque chose comme "page not found"

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

benou

sans blague

Message édité par benou le 01-02-2005 à 11:38:56

---------------
ma vie, mon oeuvre - HomePlayer

antp

Super Administrateur
Champion des excuses bidons

c'est dingue hein

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

sibelius

Vous êtes sûr ?

Quelques sources diverses et en français :

- Pour aligner un élément bloc dans un autre bloc : http://www.alsacreations.com/articles/centrer/
- Pour aligner du texte (ou une balise inline) dans un bloc :
http://marcarea.com/weblog/index.p [...] correction
Source : http://evolt.org/article/rdf/17/60369/

Liens sur le forum Alsa :
- http://forum.alsacreations.com/top [...] d=4&tid=35
- http://forum.alsacreations.com/top [...] 4&tid=1366
- http://forum.alsacreations.com/top [...] =4&tid=699

Message édité par sibelius le 01-02-2005 à 13:11:43

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

FlorentG

Yes faudrait que tu passes plus souvent par ici

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Alignement Vertical impossible ?

Sujets relatifs
Espaces vertical entres les images sur internet explorer.	[HTML/CSS] chevauchement de calques à contenu dynamique
pb php -> appel d'un style css	[CSS]Besoin D'aide
[HTML/CSS] DIV et "retour à la ligne"	renommage de fichiers impossible???
[CSS] Mise ne forme des liens dans une class ?	[CSS] Prb alignement de texte, Ok sous Firefox mais foireux sous IE
zoom d'image css-> image décalée
Plus de sujets relatifs à : [CSS] Alignement Vertical impossible ?

Page générée en 0.042 secondes