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 :

une ligne en deux partie avec des parametre d'alignement different


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 135
    Par défaut une ligne en deux partie avec des parametre d'alignement different
    bonjours, j'ai pas trouver dans la faq donc je tente ici.

    dans une div, qui par defaut a un alignement center, j'ai besoin
    sur une ligne, d'avoir
    cote gauche: tu texte, et coter droit: un lien.

    bon pour, le texte j'ai fait <p align="left"> mais si je recommence pour le lien, alors il se trouve sur une nouvelle ligne. De meme si je fait <hr .....

    avez-vous une idee???

  2. #2
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 135
    Par défaut
    j'ai essayer de metre la partie gauche en titre, et la partie droite, avec un <br> et autre, mais rien a faire,

  3. #3
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    As-tu essayé quelque chose dans ce style (à adapter):

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="container">
    <div id="texte">Ton texte</div>
    <div id="lien"><a href="#"title="">Ton lien</a></div>

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #container {overflow:hidden; }
    #texte { float:left; }
    #lien { float:right; }
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  4. #4
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 135
    Par défaut
    hmm, merci
    j'ai esseyer avec un #teste { float: right }
    mais toujours le meme sympthome: il me met l'element sur une nouvelle ligne

    texte id=conteneur balbal -----------------------------|
    ----------------------------------------texte id=texte|

  5. #5
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Dans le code que je te donne, il ne devrait pas.
    Les floats left & right sur #texte & #lien vont coller les blocs sur les bords sur div #container.
    Le overflow:hidden permettra au #container d'englober ses éléments flottants.

    As-tu déclaré une valeur width ? (Ce qui pourrait justifier ce décale si largeur trop petite).
    Définit un width à #texte & #lien (le tout devant être inférieur à la largeur de #container si != de width:100%
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  6. #6
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 135
    Par défaut
    a la place de #lien j'ai mis un <input type="check.." xxx align="right">
    ca doit venir de la.

  7. #7
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Citation Envoyé par neismarspra Voir le message
    bonjours, j'ai pas trouver dans la faq donc je tente ici.

    dans une div, qui par defaut a un alignement center, j'ai besoin
    sur une ligne, d'avoir
    cote gauche: tu texte, et coter droit: un lien.

    bon pour, le texte j'ai fait <p align="left"> mais si je recommence pour le lien, alors il se trouve sur une nouvelle ligne. De meme si je fait <hr .....

    avez-vous une idee???
    Salut,

    Essaye de déclarer "position:relative" sur l'élément conteneur (ton DIV centré);
    Ensuite dans un SPAN "position:absolute; left:0;" tu places ton texte de gauche;
    Dans un SPAN "position:absolute; right:0;" tu places ton texte de droite.

    Il ne faut pas définir "top" ou "bottom" sinon tu casses le positionnement auto dans le flux...

  8. #8
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    135
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 135
    Par défaut
    merci,
    et le gagnant est: SPAN

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <div id="contenu">
    <div id="livre">texte <span style="pos:absolute; right:0;"> <input type="xx" --> </span></div>
    texte
    </div>
    encore merci a tous, mais span est plus comprehensible, que cette eternelle galere avec les div.

    ps: dsl pour les erreur, les clavier cz son pas ideale pour ecrire du francais

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

Discussions similaires

  1. Réponses: 6
    Dernier message: 14/04/2020, 20h03
  2. [XL-2007] Comment créer une dépendance entre deux listes avec des données issus d'un tableau?
    Par efesdark dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 04/07/2011, 16h22
  3. Réponses: 3
    Dernier message: 09/08/2006, 11h58
  4. [Reflection] Retrouver une methode avec des parametres primitifs
    Par rozwel dans le forum API standards et tierces
    Réponses: 9
    Dernier message: 06/02/2006, 15h39
  5. Réponses: 8
    Dernier message: 02/02/2006, 18h13

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