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 :

CSS et liste en UL


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Par défaut CSS et liste en UL
    Bonjour,

    dans une liste en UL avec 4 niveaux, j'ai à la fin de chaque ligne un input type="radio", mais j'aimerais qu'il se place totalement à droite.
    Donc le texte à gauche, comme toutes les listes, mais le input à droite, est-ce possible ?

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <head>
    	<style type="text/css">
            input {float: right;}
            </style>
    </head>
    <body>
    	<ul>
    		<li>toto<input type="radio" /></li>
    		<li>tata<input type="radio" /></li>
    		<li>tutu<input type="radio" /></li>
    	</ul>
    </body>

    Donc le texte à gauche, comme toutes les listes
    Ah ah ! Les positions à Papa !

  3. #3
    Membre éclairé
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Par défaut
    Super !!!
    Mais,
    Mais j'ai aussi une image avant et elle ne va pas à droite elle alors que le input oui...
    J'ai modifié le css ainsi

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <style type="text/css">
       .adroite {float: right;}
    </style>
    et voila le code HTML...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li>Blabla<img src="../images/web.png" width="46" height="15" alt="Web" classe="adroite" /><input type="radio" name="radio" id="<?=$dataN4['Id_arbo']?>" onClick="Maj_Select(this)" class="adroite" />

  4. #4
    Membre éclairé
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Par défaut
    Ha !!
    Pas bon du tout, le input est à la ligne du dessous...
    J'adore le CSS

  5. #5
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Attention : tu as écrit classe="adroite" pour l'image.

  6. #6
    Membre éclairé
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Par défaut
    Il faut que je retourne en classe !!!

    Merci !

  7. #7
    Membre éclairé
    Profil pro
    Developpeur web et Access VBA
    Inscrit en
    Janvier 2003
    Messages
    457
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Developpeur web et Access VBA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2003
    Messages : 457
    Par défaut
    Ha mais pas fini, il y a toujours un saut de ligne pour le input et la petite image...
    Pourquoi ?

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

Discussions similaires

  1. CSS et listes imbriquées
    Par LGnord dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 05/07/2010, 10h50
  2. bug IE7, CSS ol (list) decimal ne s'affiche pas dans l'ordre!
    Par ginkgomedia dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/03/2009, 14h50
  3. Menu horizontal en CSS et liste
    Par SYL666 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 21/06/2006, 15h03

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