Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
480 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Alignement Vertical impossible ?

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Alignement Vertical impossible ?

n°882739
bolomatic
Posté le 26-10-2004 à 02:15:51  profilanswer
 

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)
mood
Publicité
Posté le 26-10-2004 à 02:15:51  profilanswer
 

n°882926
Lorr Hyde
L'univers est trop grand Zut !
Posté le 26-10-2004 à 11:32:50  profilanswer
 


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 :
  1. position:absolute;
  2. top:50%;
  3. left 50%;
  4. with: 500px;
  5. height:200px;
  6. 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.
n°883068
bolomatic
Posté le 26-10-2004 à 14:27:04  profilanswer
 

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)
n°883070
Lorr Hyde
L'univers est trop grand Zut !
Posté le 26-10-2004 à 14:29:25  profilanswer
 

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.
n°883087
bolomatic
Posté le 26-10-2004 à 14:47:05  profilanswer
 

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)
n°883119
Lorr Hyde
L'univers est trop grand Zut !
Posté le 26-10-2004 à 15:11:05  profilanswer
 

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.
n°883147
bolomatic
Posté le 26-10-2004 à 15:47:11  profilanswer
 

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)
n°968130
benou
Posté le 01-02-2005 à 11:29:33  profilanswer
 

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
n°968139
antp
Super Administrateur
Champion des excuses bidons
Posté le 01-02-2005 à 11:33:47  profilanswer
 

avec le point à la fin de ton URL on a un joli "404 stránka nenalezena" :o
 
le bon lien est http://www.jakpsatweb.cz/css/css-v [...] ution.html


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°968144
benou
Posté le 01-02-2005 à 11:35:11  profilanswer
 

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


---------------
ma vie, mon oeuvre - HomePlayer
mood
Publicité
Posté le 01-02-2005 à 11:35:11  profilanswer
 

n°968145
antp
Super Administrateur
Champion des excuses bidons
Posté le 01-02-2005 à 11:35:45  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°968149
benou
Posté le 01-02-2005 à 11:38:40  profilanswer
 

sans blague :o


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

---------------
ma vie, mon oeuvre - HomePlayer
n°968166
antp
Super Administrateur
Champion des excuses bidons
Posté le 01-02-2005 à 11:58:12  profilanswer
 

c'est dingue hein :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°968213
sibelius
Vous êtes sûr ?
Posté le 01-02-2005 à 13:09:38  profilanswer
 

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
n°968225
FlorentG
Unité de Masse
Posté le 01-02-2005 à 13:45:05  profilanswer
 

Yes :) faudrait que tu passes plus souvent par ici :D


---------------
last.fmflickr

Aller à :
Ajouter une réponse
  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 ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR