2 problèmes de montage/css

2 problèmes de montage/css - HTML/CSS - Programmation

Marsh Posté le 13-01-2006 à 10:42:02    

Salut,
 
J'ai deux problèmes de CSS/HTML
 
Le premier :
 
J'ai un fieldSet qui contient mon formulaire d'authentification.
Sous IE, aucun problème, il est de la bonne taille et l'affichage est OK.
Par contre, sous Mozilla, le fieldSet part du haut de la page pour une raison inconnue (par contre son contenu est à la bonne place)
 
Voici le code :

Code :
  1. fieldset
  2. {
  3. padding-top: 15em;
  4. width: 25em;
  5. }
  6. fieldset legend
  7. {
  8. font-weight: bold;
  9. }
  10. fieldset table
  11. {
  12. width: 100%;
  13. margin-top: 1em;
  14. }
  15. fieldset table tr td input
  16. {
  17. width: 100%;
  18. }
  19.  <center>
  20.   <form id="Form1" method="post" runat="server" autocomplete="on">
  21.    <fieldset>
  22.     <legend>
  23.      Authentification</legend>
  24.     <table border="0">
  25.      <tr>
  26.       <th align="left">
  27.        Login :</th>
  28.       <td align="left" width="60%"><asp:TextBox id="txtLogin" runat="server"></asp:TextBox></td>
  29.      </tr>
  30.      <tr>
  31.       <th align="left">
  32.        Mot de passe :</th>
  33.       <td align="left"><asp:TextBox id="txtPassword" runat="server" TextMode="Password"></asp:TextBox></td>
  34.      </tr>
  35.      <tr>
  36.       <th colspan="2" align="center">
  37.        <asp:Button id="Button1" runat="server" Text="Connecter" CausesValidation="True"></asp:Button></th>
  38.      </tr>
  39.     </table>
  40.    </fieldset>
  41.   </form>
  42.  </center>


 
Je fais comment pour que ça s'affiche correctement sous Mozilla ?
 
Le second :
 
Ce problème vient de mes tableaux avec une bordure.
Sous IE, le border s'affiche comme demande : la bonne taille, et la bonne couleur, pas d'ombrage.
Mais sous Mozilla, il m'affiche la chose avec un ombrage et du coup c'est tout moche. Faut-il obligatoirement que je renseigne la couleur dark et la couleur bright de mon border ?

Reply

Marsh Posté le 13-01-2006 à 10:42:02   

Reply

Marsh Posté le 13-01-2006 à 10:44:01    

Pour le premier problème, je le corrige simplement sous Moz en mettant "margin-top" au lieu de "padding-top", sauf que là, sous IE, le fieldSet remonte comme un con en haut de la page... Et vu que l'infographiste m'a collé un flash à cet endroit, c'est cool, on ne vois plus rien :D

Reply

Marsh Posté le 13-01-2006 à 10:45:26    

Bon, j'aime pas ça, mais j'ai corrigé le problème de la manière suivante :

Code :
  1. fieldset
  2. {
  3. position: relative;
  4. top: 15em;
  5. width: 25em;
  6. }


 
C'est laid mais bon... Ce sera pas pire que le reste :D
 
 
Pour le problème des border par contre, je ne vois pas... J'ai mis bordercolordark et bordercolorlight, mais rien ne change...


Message édité par Arjuna le 13-01-2006 à 10:48:40
Reply

Marsh Posté le 13-01-2006 à 10:52:07    

Serait-il possible d'avoir une url pour voir le truc en ligne ?

Reply

Marsh Posté le 13-01-2006 à 11:13:13    

bah... nan, parcequ'il faut un login pour accéder au truc, et vu qu'il y a des infosparticulièrement sensibles, je peux pas trop t'en filer un...
 
je vais rapidement faire une copie d'une page et la poster sur un serveur

Reply

Marsh Posté le 13-01-2006 à 11:16:45    

http://www.bci-logs.fr/tmp/ChooseSoc.aspx.htm
 
PS: force l'encodage en UTF-8 Moz s'est chié dessus en enregistrant les fichiers :D


Message édité par Arjuna le 13-01-2006 à 11:17:21
Reply

Marsh Posté le 13-01-2006 à 11:18:08    

Tu peux par contre te passer des tableaux en utilisant les p, label et un peu de CSS ;)
 
Ca sera beaucoup plus léger et lisible.

Reply

Marsh Posté le 13-01-2006 à 11:20:16    

ouais, mais par expérience, parce que je ne maîtrise pas bien les CSS, je vais passer 2 heures à faire un truc qui déconne sur tous les navigateurs, alors qu'avec des table, ça marche tout le temps (mise à part de coup de l'ombrage, et c'est pas bien catastrophique)

Reply

Marsh Posté le 13-01-2006 à 11:24:58    

pis en plus, mise à part pour le fieldset (qui est corrigé, et c'est apparement pas le table qui pose problème de toute façon), et les autres tableaux sont on ne peut plus justifié, c'est pour afficher des données tabluaires :p

Reply

Marsh Posté le 13-01-2006 à 11:26:39    

Arjuna a écrit :

bah... nan, parcequ'il faut un login pour accéder au truc, et vu qu'il y a des infosparticulièrement sensibles, je peux pas trop t'en filer un...
 
je vais rapidement faire une copie d'une page et la poster sur un serveur


erf, pis en plus je viens de ticker de que toute façon le serveur sur lequel je bosse, c'est pas celui de prod, et il n'est pas touchabee sur internet celui-là :D

Reply

Marsh Posté le 13-01-2006 à 11:26:39   

Reply

Marsh Posté le 13-01-2006 à 11:30:03    

Ben euh chez moi là les 2 tableaux sont centrés :s

Reply

Marsh Posté le 13-01-2006 à 11:44:33    

nan, mais le tableau avec la liste des deux société s'affiche mal sous Moz.
 
moi je lui ai pas demandé d'effet 3D sur sa bordure, hors il en met un. et même si j'indique "bordercolordark" et "backgroundcolorlight" ça n'a aucun effet.
 
c'est pas que c'est vraiment moche, mais c'est pas comme ça que c'est sur la maquette...

Reply

Marsh Posté le 13-01-2006 à 15:37:32    

serait-il possible que tu évite le tableau pour faire un formulaire.
 
tu veux qu'on tapprennes à faire correctement un formulaire ou pas ?

Reply

Marsh Posté le 13-01-2006 à 16:02:54    

non, je ne veux pas apprendre, du moins tant qu'on ne m'aura pas répondu à la question qui reste : mon formulaire est moche, sémantiquement parlant, mais il marche.
 
mon tableau qui est utilisé pour afficher une putain de liste tabulaire ne marche pas, alors au lieu de m'interdire d'utiliser des tableaux et me prendre pour un con, essayez de m'aider sur le véritable problème.
 
le formulaire avec des div et des labels, c'est super, je veux bien passer deux semaines à apprendre avec vous si vous voulez. mais là, mon autre page déconne, et je dois présenter le site devant 80 personnes d'ici une semaine, donc avoir un code clean est le dernier de mes problèmes. par contre une liste tabulaire qui ressemble à rien, ça oui ça me pose problème. oubliez ce forumlaire, il n'a rien à voir avec ça.
 
 
pour rappel, voici la page en question :
http://www.bci-logs.fr/tmp/ChooseSoc.aspx.htm

Reply

Marsh Posté le 13-01-2006 à 19:44:59    


 
.tableauListe,.tableauListe td  {border:1px solid black;}
 
 
dit je peux prendre ta place dans ta boite, je pense qu'ils voudraient bien  [:petrus75]  [:petrus dei]  

Reply

Marsh Posté le 13-01-2006 à 20:12:52    

hmmm... c'est vrai que dans ce cas, c'est très con, mais ça marche, puisque je veux un border de 2px. j'y avait pas pensé.
 
seulement, après maintes tentatives infructueuses avec border-collapse pour n'avoir qu'un border de 1px quand j'en avais besoin, j'ai dégagé cette solution de ma tête.

Reply

Marsh Posté le 13-01-2006 à 20:31:19    

faut mettre un cellspacing=0 dans le HTML sur ton tableau (IE tout pourri oblige :o)

Reply

Marsh Posté le 13-01-2006 à 22:28:14    

ha ben c'est pour ça
 
bon, ben reste plus qu'à m'en souvenir jusqu'à lundi :)

Reply

Marsh Posté le 13-01-2006 à 23:53:12    

Arjuna a écrit :

ha ben c'est pour ça
 
bon, ben reste plus qu'à m'en souvenir jusqu'à lundi :)


 
 
Mouais j'aime ton humour :sweat: ...Enfin j'espère que c'était de lhumour.... :o

Reply

Marsh Posté le 14-01-2006 à 11:08:32    

s'pa de l'humour, c'est que si tu voyais tout ce que j'ai à faire en ce moment, j'ai intérêt à noter ce genre de trucs, parceque c'est pas vraiment ce qui me préoccupe le plus...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed