3 votes

Le texte en flottant à droite est affiché du côté gauche

Je rencontre un problème d'affichage avec le code suivant. Je souhaite diviser le

en deux

et

. Ainsi, certains des cas du switch devraient s'afficher à gauche et d'autres à droite.

children() as $Developer){ 
        echo '';

            echo '';
            echo '' . $Developer['name'] . '';
            echo '';

            echo '';
            echo 'Communications avec vous';
            echo '';

            echo '';
            echo 'Communications avec d'autres développeurs';
            echo '';
            foreach($Developer->children() as $factor){

                switch ($factor->getName()){

                    case "trust":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Vous l'avez choisi (fait confiance) pour vous aider ' . $factor . ' fois';
                        else
                            echo 'Vous l'avez choisie (fait confiance) pour vous aider ' . $factor . ' fois';
                        echo '';
                        break;
                    case "response":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il a répondu à votre demande d'aide ' . $factor . ' fois';
                        else
                            echo 'Elle a répondu à votre demande d'aide ' . $factor . ' fois';
                        echo '';
                        break;
                    case "indegreeOutdegree":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il vous a aidé à compléter votre code ' . $factor . ' fois';
                        else
                            echo 'Elle vous a aidé à compléter votre code ' . $factor . ' fois';
                        echo '';
                        break;
                    case "recommended":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il vous a été recommandé par d'autres ' . $factor . ' fois';
                        else
                            echo 'Elle vous a été recommandée par d'autres ' . $factor . ' fois';
                        echo '';
                        break;
                    case "trustG":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il a été choisi (fait confiance) par d'autres ' . $factor . ' fois';
                        else 
                            echo 'Elle a été choisie (fait confiance) par d'autres ' . $factor . ' fois';
                        echo '';
                        break;
                    case "responseG":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il a répondu aux demandes des autres ' . $factor . ' fois';
                        else 
                            echo 'Elle a répondu aux demandes des autres ' . $factor . ' fois ';
                        echo '';
                        break;
                    case "indegreeOutdegreeG":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il a aidé d'autres développeurs ' . $factor . ' fois';
                        else
                            echo 'Elle a aidé d'autres développeurs ' . $factor . ' fois';
                        echo '';
                        break;
                    case "recommendedG":
                        echo '';
                        if($Developer['gender'] == "Male")
                            echo 'Il a été recommandé pour aider par d'autres ' . $factor . ' fois';
                        else
                            echo 'Elle a été recommandée pour aider par d'autres ' . $factor . ' fois';
                            echo '';
                            break;
                }
            }

            echo '';
        }

       ?>  

Si le rendu affiche des cas des deux divs de gauche et de droite, tout fonctionne bien. Cependant, si le rendu affiche des cas dans la div de droite, ils sont décalés vers la gauche. Je souhaite les afficher à droite et non à gauche.

Comment puis-je faire cela?

Le CSS est le suivant

.contectCode
{
font-size:15px;
line-height:24px;
margin-left:13px;
margin-right:13px;
border-style:solid;
border-width:2px;
border-color:#000066;
padding:10px;
margin-top:5px;
margin-bottom:10px;
}

.left
{
float:left;
width:60%;
}

.right
{
float:left;
}

2voto

Stv Points 486

Que diriez-vous :

.right
{
    float:left;
    text-align:right;
}

0voto

Josh Coulter Points 123

Ghadeer - Il se peut que je manque quelque chose dans votre message, mais j'ai pris vos deux exemples HTML et votre CSS, et je les ai mis dans une page rapide avec le rendu joint (dans Chrome v24, avec des couleurs pour montrer les mises en page). Dans vos deux exemples HTML, le texte dans la div de droite est aligné sur le côté gauche de la div, en raison de text-align:left dans vos styles en ligne.

Si vous voulez un texte aligné à droite, envisagez d'ajouter text-align:right dans votre sélecteur CSS .right et de supprimer votre style en ligne de l'élément

...

.

Beaucoup plus facile à maintenir de cette façon de toute façon!

En passant, étant donné que vous générez cet HTML verbatim, tel quel, pourquoi avoir des styles en ligne en premier lieu? Il semble que ces styles seraient plus appropriés dans votre feuille de style.

Rendu des deux exemples HTML

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X