IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[CSS2] float left ET right


Sujet :

CSS

  1. #1
    Membre confirmé Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Points : 460
    Points
    460
    Par défaut [CSS2] float left ET right
    Bonjour,

    Je ne sais pas trop comment appeler ça.


    Je suis à la recherche de solutions pour réaliser ce type de présentation.
    Vous avez vu le texte ?
    Il est autour de l'image. Par la gauche et par la droite. Et il coule en dessous.

    Il s'agit d'obtenir un effet qui fait qu'une image (un bloc) repoussera le texte à gauche ET à droite.
    Le texte sur deux colonnes épousant la forme rectangulaire de l'image.
    La légende n'est pas obligatoire.

    Avez-vous déjà réalisé ça ?
    Avez-vous déjà rencontré des solutions au gré de vos visites chez des sites traitant de CSS2 ?

    Merci de m'indiquer comment vous avez fait.
    Merci de me donner les liens que vous connaissez qui proposent des moyens de le faire.

    Je recherche des solutions en CSS avant la version 3.

    Merci à vous.

  2. #2
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    Voici un exemple bricolé en quelques minutes, je ne sais pas si ça correspond à ce que tu souhaites.

    http://www.ellm.net/labo/journal.html


    Ce n'est peut-être pas la solution la plus simple. C'est une solution.
    Quelque chose me dit qu'il y a moyen de faire plus simple.

  3. #3
    Membre confirmé Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Points : 460
    Points
    460
    Par défaut
    Merci de ta réponse.

    J'avais fait un peu différemment.
    Mais IE n'aiment pas ça non plus.

    Sous IE, des exemples
    http://gihef.bey.free.fr/CSS/float2c...ndows%20XP.png
    http://gihef.bey.free.fr/CSS/float2c...ndows%20XP.png

    Ta solution semble mieux fonctionner avec IE7
    http://browsershots.org/http://www.e...o/journal.html


    Merci encore.


    ++
    Pour ceux que ça intéresserait, un complément trouvé ailleurs entre temps.

  4. #4
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Effectivement, sous IE6 ma proposition est affreuse.

    ...

    J'ai fait quelques corrections pour améliorer la compatibilité entre navigateurs, c'est beaucoup mieux maintenant.

    http://www.ellm.net/labo/journal.html


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Position float left et right
    Par JefReb dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/01/2014, 15h08
  2. comment occuper tout l'espace entre float left et float right?
    Par luckyvae dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 16/08/2008, 10h16
  3. Div float left et right
    Par Anduriel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 29/08/2006, 14h06
  4. Fonction Left join, Right Join
    Par chandlerbing77 dans le forum Access
    Réponses: 2
    Dernier message: 22/06/2006, 17h36
  5. [XHTML] problème avec les float:left
    Par glloq8 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 04/11/2005, 18h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo