Pb d'interligne

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Pb d'interligne

par zeus » 06 août 2007, 14:57

Attention, on parle pas tout à fait de la même chose. Encadrer un formulaire par un div, rien de choquant ...
Dans le cas de laeti, la présence d'un div qui encadrerait 2 div dans le but d'avoir deux colonnes de même hauteur et que ces 2 colonnes soient alignées ... c'est de l'enchevêtrement de div :-k

par mere-teresa » 06 août 2007, 14:36

par zeus » 06 août 2007, 14:31

J'avoue ne pas avoir le temps et la motivation pour me pencher sur le cas de laeti, mais je peux t'assurer que d'enchainer les div est une très mauvaise idée.

Je pense qu'il s'agit d'une erreur de CSS et qu'il ne faut pas retoucher le HTML.

Le sens du HTML me semble bon, il n'a donc pas à être modifié. la présentation est une histoire de CSS, pas de HTML. ;)

par laeti » 06 août 2007, 14:16

Ok je comprends mais n'y-a-t-il pas un autre moyen qui me permettrait de ne pas trop surcharger mes scripts.
A la base, j'utilisais des tableaux et comme c'est un très gros formulaire d'enquête, j'en avais énormément. C'est pour ça que je souhaitais utiliser des div mais si je fais ce que tu me suggères, ça ne réduira pas pour autant mes scripts et en plus je vais me prendre la tête pour calculer les hauteurs.

par d0m » 06 août 2007, 14:10

tous tes élements n'ont pas la même hauteur (simple texte HTML , zone de saisie texte, liste déroulante,...) en englobant tous tes élemenst un par un dans un conteneur div avec chacun la même hauteur, tu auras un alignement entre les div contenu dans ton conteneur gauche avec les labels et les div contenu dans ton conteneur droit avec les <INPUT...>

Sinon tu peux toujours utiliser un tableau...
houla ... attention, Dom a attrapé la divite (maladie caractéristique des adeptes du "full css" qui se caractérise par la mise en place d'enchevêtrement de div) :lol:
Je suis ouvert à d'autres moyens de mise en page, ca m'interesse.

par zeus » 06 août 2007, 14:08

houla ... attention, Dom a attrapé la divite (maladie caractéristique des adeptes du "full css" qui se caractérise par la mise en place d'enchevêtrement de div) :lol:

par laeti » 06 août 2007, 14:03

Mes div ont déjà la même hauteur. Je ne vois pas trop ce que tu veux dire: est-ce que tu veux que je mette chaque label ou input dans un div? Si c'est le cas ça surchargerait mon css, je ne vois pas l'intérêt.
Peux-tu être plus explicite, stp?

par d0m » 06 août 2007, 13:59

essaies voir plutôt de mettre chaque élement dans un div avec tous les div ayant la même hauteur. Puis chacun de ces div regroupés dans tes 2 conteneurs.

par laeti » 06 août 2007, 13:46

Merci pour ta réponse mais ça ne change rien!!

par Invité » 06 août 2007, 12:35

il faut que tu specifies un width pour les deux div
dans ce cas tu peux ajouter un container qui englobe les deux div et clalculer les width neessaires.
:D

Pb d'interligne

par laeti » 06 août 2007, 11:44

Bonjour,

J'ai un formulaire que j'ai réorganisé avec des div. Dans un des div, j'ai mis mes labels et dans le deuxième, les input et les listes déroulantes. Je pensais que tout serait aligné étant donné que ces 2 div ont les mêmes propriétés mais en fait non. Donc j'ai essyé de changer l'interligne de mon 2ème div mais ça change rien.

Mon css:

Code : Tout sélectionner

#p1_bis{ font-family:verdana, sans-serif; font-size:70%; border:solid 1px #000; width:310px; height:320px; padding-left:0px; line-height:25px; float:left; } #p1_ter{ font-family:verdana, sans-serif; font-size:70%; border:solid 1px #000; width:500px; height:320px; padding-left:0px; line-height:25px; float:left; } .spacer{ clear:both; }
Mon html:

Code : Tout sélectionner

[php] <div id="p1_bis">Nom :<BR> Sigle :<BR> Adresse :<BR> Commune :<BR> Code Postal :<BR> Téléphone :<BR> Fax :<BR> Email :<BR> Site internet :<BR> Nombre d'employés :<BR> Type de structure :<BR> Secteur d'activité ou de compétence de la structure :<BR> </div> <div id="p1_ter"><input id="Nom_structure" name="Nom_structure" type="text" size="45"><BR> <input name="Sigle" type="text" size="10"><BR> <input id="Adresse" name="Adresse" type="text" size="45" value="dede"><BR> <select id="Commune" size="1" name="Commune"><option value="">-- Choisissez une commune --</option> <!--Intégration des communes de la base de données dans la combobox---> <?php // requête sql $sql = "SELECT DISTINCT com_nom, com_insee FROM commune ORDER BY com_nom asc"; // on sélectionne toutes les entrées nom de commune de la table commune $req=pg_query($sql) or die('Erreur SQL !'.$sql.'<br>'.pg_resul_error()); //On affiche ces entrées while ($line=pg_fetch_array($req)) { echo "<option name='Commune' value=\"".$line['com_insee']."\">".$line['com_nom']."</option>"; } ?></select><BR> <input id="Code_Postal" name="Code_Postal" type="text" size="10" value="dede"><BR> <input id="Telephone" name="Telephone" type="text"><BR> <input id="Fax" name="Fax" type="text"><BR> <input id="Email_structure" name="Email_structure" type="text" size="40"><BR> <input name="Site_internet" type="text" size="40"><BR> <input id="Nb_employes" name="Nombre_employes" type="text" size="5" value="9"><BR> <select id="Type_structure" name="Type_structure" size="1"><option value="">-- Choisissez un type de structure --</option> <!--Intégration des types de structure de la base de données dans la combobox---> <?php // requête sql $sql = "SELECT DISTINCT type_str_libelle, type_str_id FROM type_structure ORDER BY type_str_libelle asc"; // on sélectionne toutes les entrées type de structure de la table type_structure $req=pg_query($sql) or die('Erreur SQL !'.$sql.'<br>'.pg_resul_error()); //On affiche ces entrées while ($line=pg_fetch_array($req)) { echo "<option name='Type_structure' value=\"".$line['type_str_id']."\">".$line['type_str_libelle']."</option>"; } ?> </select><BR> <select id="Activite" name="Activite" size="1"><option value="">-- Choisissez un secteur d'activité --</option> <!--Intégration des secteurs d'activité de la base de données dans la combobox---> <?php // requête sql $sql = "SELECT DISTINCT act_str_libelle, act_str_id FROM activite_structure ORDER BY act_str_libelle asc"; // on sélectionne toutes les entrées activités de la table activite_structure $req=pg_query($sql) or die('Erreur SQL !'.$sql.'<br>'.pg_resul_error()); //On affiche ces entrées while ($line=pg_fetch_array($req)) { echo "<option name='Activite' value=\"".$line['act_str_id']."\">".$line['act_str_libelle']."</option>"; } ?></select><BR> </div> <div class="spacer"></div>[/php]
Est-ce que quelqu'un aurait un idée?