Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1178 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS et comportement etrange

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

CSS et comportement etrange

n°494801
samuelp
Posté le 22-08-2003 à 18:18:31  profilanswer
 

J'essaye de générer automatiquement une feuille HTML avec du CSS dedans.
Helas quand je fais ceci, le div qui est encapsulé herite automatiquement des propriétés du div parent.
Pire encore ! Si le parent contient un text-decoration: underline ; et le dic encapsulé un text-decoration: none; ce dernier attribut est ignoré et le text reste souligné.
 
Vla le HTML genere :

Code :
  1. <div id="container">
  2. <div id="menuBackground">
  3. </div><div id="pagecontainer">
  4. <div class='sheetcontainer'>
  5.   <div class='sheettitle'>Adding an user :
  6.    <div class='sheetsubtitle'>Recommendation
  7.     <p><span class="sheettext">You can add an user whenever you want if you have the requested ability to do that ! <br> Please take care to associate the right of use according to your wishes.</span>
  8.     <span class="sheettext">You can access the page by clicking on <a href="useradd.php">here</a>.</span>
  9.     </p>
  10.    </div><!-- End of sheetsubtitle div -->
  11.   </div><!-- End of sheettitle div -->
  12. </div><!-- End of sheetcontainer div -->
  13. <div class='sheetcontainer'>
  14.   <div class='sheettitle'>Editing or deleting an user :
  15.    <div class='sheetsubtitle'>Recommendation
  16.     <p><span class="sheettext">You can edit or delete an user whenever you want if you have the requested ability to do that ! <br> Please take care to do not delete a user that is necessary in using the software.</span> </p>
  17.     <span class="sheettext">You can access the page by clicking on <a href="useredit.php">here</a>.</span> </p>
  18.     </p>
  19.    </div><!-- End of sheetsubtitle div -->
  20.   </div><!-- End of sheettitle div -->
  21. </div><!-- End of sheetcontainer div -->
  22. </div><!-- End div pagecontainer -->
  23. </div> <!-- End div Container -->


 
Le probleme est en gras.
 
A chaque fois le underline de la class subtitle deborde sur le div sheettext.
 
J'ai essayé avec <div class="sheettext"> Mais c toujours pareil :/
 
Une idee ?

mood
Publicité
Posté le 22-08-2003 à 18:18:31  profilanswer
 

n°494802
samuelp
Posté le 22-08-2003 à 18:19:11  profilanswer
 

Tiens un joce bug, le gras n'apparait pas :/

n°494809
antp
Super Administrateur
Champion des excuses bidons
Posté le 22-08-2003 à 18:23:20  profilanswer
 

samuelp a écrit :

Tiens un joce bug, le gras n'apparait pas :/


 
non c'est voulu


Message édité par antp le 22-08-2003 à 18:23:25

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°494810
samuelp
Posté le 22-08-2003 à 18:24:17  profilanswer
 

HotShot a écrit :

Commence par fermer et ouvrir correctement toutes les balises... <p> etc.


C fait, toujours le meme resultat

n°494831
Le Castor
Neurasténique...
Posté le 22-08-2003 à 18:42:27  profilanswer
 

C'est complètement étrange, mois j'ai déjà fait des structures de ce genre, sans ton problème...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°494960
simogeo
j'ai jamais tué de chats, ...
Posté le 22-08-2003 à 20:35:33  profilanswer
 

déjà il y a </p></p>  qui se ferme en trop apparemment...
après ca peut etre bien d'avoir la feuille de script elle-même  :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°495135
samuelp
Posté le 23-08-2003 à 08:33:02  profilanswer
 

Vla le code HTML entre les TAGS <body> :
 

Code :
  1. <div id="container">
  2. <div id="menuBackground">
  3. </div>
  4. <div id="pagecontainer">
  5.  <div class='sheetcontainer'>
  6.   <div class='sheettitle'>Welcome to CRM software :
  7.    <div class='sheetsubtitle'>Introduction<p>     <span class="sheettext">This is currently a development software so you can't use it properly. Please wait for the first Alpha version that will be released any times soon</span>
  8.    </p></div><!-- End of sheetsubtitle div -->
  9.   </div><!-- End of sheettitle div -->
  10.  </div><!-- End of sheetcontainer div -->
  11. </div><!-- End div pagecontainer -->
  12. </div> <!-- End div Container -->


 
Vla le CSS (pas tout ;) ) :

Code :
  1. p
  2. {
  3. font-size: 12px ;
  4. margin-top: 0px;
  5. margin-left: 0px;
  6. margin-bottom: 0px;
  7. margin-right: 0px;
  8.    text-align: justify ;
  9.    font-decoration: none ;
  10. }
  11. #menuBackground
  12. {
  13. font-weight: bold ;
  14. border: none ;
  15. border-width : 0px;
  16. width: 100%;
  17. height: 30px;
  18. color: #000000;
  19. background-color :  #006bc9;
  20. }
  21. #pagecontainer
  22. {
  23.   margin-bottom : 0px;
  24.   margin-left: auto ;
  25.   margin-right: auto ;
  26.   margin-top: 10px;
  27. font-family : verdana, Arial ;
  28. width : 90% ;
  29. background-color : #aeaefc ;
  30. padding-left : 20px;
  31. padding-right: 10px;
  32. padding-top: 0px;
  33. padding-bottom: 0px;
  34. filter: alpha(Opacity=30);
  35. }
  36. #container
  37. {
  38. background  : url(test.png) no-repeat top right  ;
  39. padding-left : 0px ;
  40. padding-right : 0px ;
  41. padding-top : 0px;
  42. padding-bottom : 0px;
  43. }
  44. .sheettext
  45. {
  46. font-family: verdana, Arial ;
  47. font-size: 12px;
  48. text-align: justify ;
  49. color: #000000;
  50. font-weight: 100 ;
  51. background-color : #aeaefc ;
  52. text-decoration: none ;
  53. }
  54. .sheettitle
  55. {
  56. font-family : verdana, Arial ;
  57. font-size : 20px;
  58. font-weight: bold ;
  59. text-align: center ;
  60. text-decoration: none ;
  61. background-color : #aeaefc ;
  62. margin-left: 0px ;
  63. margin-right: 0px ;
  64. margin-top: 10px;
  65. margin-bottom: 10px;
  66. }
  67. .sheetsubtitle
  68. {
  69. font-family : verdana, Arial ;
  70. text-align: left ;
  71. font-size: 14px ;
  72. font-weight: bold ;
  73. text-decoration: underline ;
  74. background-color : #aeaefc ;
  75. margin-left: 0px ;
  76. margin-right: 0px ;
  77. margin-top: 10px;
  78. margin-bottom: 10px;
  79. }
  80. .sheetcontainer
  81. {
  82. font-family : verdana, Arial ;
  83. width : 100% ;
  84. background-color : #aeaefc ;
  85. filter: alpha(Opacity=30);
  86. }

n°495230
samuelp
Posté le 23-08-2003 à 13:34:35  profilanswer
 

:bounce:

n°495256
Le Castor
Neurasténique...
Posté le 23-08-2003 à 14:18:44  profilanswer
 

Tiens, ça chie sous IE, mais ça marche sous mozilla... doit y avoir une faute de frappe quelque part...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495260
Le Castor
Neurasténique...
Posté le 23-08-2003 à 14:21:05  profilanswer
 

Déjà :
  p
  {
     font-size: 12px ;
     margin-top: 0px;
     margin-left: 0px;
     margin-bottom: 0px;
     margin-right: 0px;
       text-align: justify ;  
       font-decoration: none ;
  }
 
C'est text-decoration, et pas font, mais ça change rien...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
mood
Publicité
Posté le 23-08-2003 à 14:21:05  profilanswer
 

n°495266
simogeo
j'ai jamais tué de chats, ...
Posté le 23-08-2003 à 14:24:41  profilanswer
 

déjà :
 

Code :
  1. p
  2.   {
  3.      font-size: 12px ;
  4.      margin-top: 0px;
  5.      margin-left: 0px;
  6.      margin-bottom: 0px;
  7.      margin-right: 0px;
  8.      text-align: justify ; 
  9.      text-decoration: none ;
  10.   }


 
mais ca ne vient pas de la
 
 
edit : grillaid  :D  3nimutes en plus  :o


Message édité par simogeo le 23-08-2003 à 14:25:30

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°495270
Le Castor
Neurasténique...
Posté le 23-08-2003 à 14:28:45  profilanswer
 

Sous mozilla, ça marche nickel ! la span n'est pas soulignée... JE cherche encore...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495272
simogeo
j'ai jamais tué de chats, ...
Posté le 23-08-2003 à 14:29:21  profilanswer
 

Le Castor a écrit :

Sous mozilla, ça marche nickel ! la span n'est pas soulignée... JE cherche encore...


firebird c'est souligné  [:spamafote]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°495304
Le Castor
Neurasténique...
Posté le 23-08-2003 à 14:50:49  profilanswer
 

Bon, bah on va dire que IE n'aime pas qu'on change la propriété text-decoration à l'intérieur d'une div....


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495347
samuelp
Posté le 23-08-2003 à 15:13:06  profilanswer
 

Merci pour ces aides.
Bon je vais corriger le petit probleme et je vais voir ce soir.
Quand meme bizard que ça passe sous certaines versions de Mozilla et pas sous IE :/

n°495360
simogeo
j'ai jamais tué de chats, ...
Posté le 23-08-2003 à 15:24:42  profilanswer
 

très bizarre [:adsl1978]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°495696
samuelp
Posté le 24-08-2003 à 12:30:27  profilanswer
 

Un petit up desespéré  :bounce: (toujours pas trouvé)

n°495697
kadreg
profil: Utilisateur
Posté le 24-08-2003 à 12:32:01  profilanswer
 


 
[:hello_cass]


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
n°495708
Le Castor
Neurasténique...
Posté le 24-08-2003 à 12:39:53  profilanswer
 

moi je dis, fait plutot un truc comme ça :
 

Code :
  1. <div id="container">
  2.    <div id="menuBackground">
  3.    </div>
  4.    <div id="pagecontainer">
  5.     <div class='sheetcontainer'>
  6.      <div class='sheettitle'>Welcome to CRM software :
  7.       <div class='sheetsubtitle'>
  8.         <span class="underlined">Introduction</span>
  9.         <p>
  10.           <span class="sheettext">This is currently a development software so you can't use it properly. Please wait for the first Alpha version that will be released any times soon</span> 
  11.         </p>
  12.       </div><!-- End of sheetsubtitle div -->
  13.      </div><!-- End of sheettitle div -->
  14.     </div><!-- End of sheetcontainer div -->
  15.    </div><!-- End div pagecontainer -->
  16.   </div> <!-- End div Container -->


 
<span class="underlined">Introduction</span>
 
comme ça, t'as juste "Introduction" qu'est souligné


Message édité par Le Castor le 24-08-2003 à 12:40:44

---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495715
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-08-2003 à 13:03:55  profilanswer
 

     <div class='sheettitle'>Welcome to CRM software :
        <div class='sheetsubtitle'>
          <span class="underlined">Introduction</span>
   
[:fear]
 
 
moi j'aurais mis :
 
      <h1>Welcome to CRM software :</h1>
      <h2>Introduction</h2>
 
- bcp plus léger
- valide au niveau de la sémantique/logique (pcq utiliser des div pour des titres... :heink:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°495721
Le Castor
Neurasténique...
Posté le 24-08-2003 à 13:07:30  profilanswer
 

antp a écrit :

     <div class='sheettitle'>Welcome to CRM software :
        <div class='sheetsubtitle'>
          <span class="underlined">Introduction</span>
   
[:fear]
 
 
moi j'aurais mis :
 
      <h1>Welcome to CRM software :</h1>
      <h2>Introduction</h2>
 
- bcp plus léger
- valide au niveau de la sémantique/logique (pcq utiliser des div pour des titres... :heink:


 
J'ai failli le mettre celui-là ! En fait ch'avais pas s'il avait une structure titre/sous-titre/etc..., alors j'ai fait du "générique"


Message édité par Le Castor le 24-08-2003 à 13:08:15

---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495722
samuelp
Posté le 24-08-2003 à 13:08:04  profilanswer
 

antp a écrit :

     <div class='sheettitle'>Welcome to CRM software :
        <div class='sheetsubtitle'>
          <span class="underlined">Introduction</span>
   
[:fear]
 
 
moi j'aurais mis :
 
      <h1>Welcome to CRM software :</h1>
      <h2>Introduction</h2>
 
- bcp plus léger
- valide au niveau de la sémantique/logique (pcq utiliser des div pour des titres... :heink:


Ben c'est pour uniformiser un peu la feuille. En utilisant QUE du CSS et QUE du Div, j'ecarte les critques de ceux qui peuvent me dire : "ouah regardes l'autre il fait du HTML 4.01" :heink:

n°495723
samuelp
Posté le 24-08-2003 à 13:08:47  profilanswer
 
n°495725
Le Castor
Neurasténique...
Posté le 24-08-2003 à 13:09:11  profilanswer
 

samuelp a écrit :


Ben c'est pour uniformiser un peu la feuille. En utilisant QUE du CSS et QUE du Div, j'ecarte les critques de ceux qui peuvent me dire : "ouah regardes l'autre il fait du HTML 4.01" :heink:


 
ben une bonne structure h1/h2/etc..., montre que t'as tenté de structurer ta page en une certaine logique, typique de l'xhtml


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495726
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-08-2003 à 13:12:44  profilanswer
 

samuelp a écrit :

En utilisant QUE du CSS et QUE du Div, j'ecarte les critques de ceux qui peuvent me dire : "ouah regardes l'autre il fait du HTML 4.01" :heink:


 
je vois pas le rapport... tu montres juste que t'as pas compris tout l'intérêt du HTML strict / XHTML :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°495727
samuelp
Posté le 24-08-2003 à 13:12:53  profilanswer
 

Le Castor a écrit :


 
ben une bonne structure h1/h2/etc..., montre que t'as tenté de structurer ta page en une certaine logique, typique de l'xhtml


Bon ok je vais faire ça. J'imagine que je suis obligé de redefinir les attributs des tags h1, h2... dans mes feuilles de style, non ?
 
CF : Euh, j'arrive plus a acceder a TYP, normal  ?

n°495729
samuelp
Posté le 24-08-2003 à 13:22:56  profilanswer
 

Excusez moi mon ignorance mais :
<p></p> formate le texte en tant que paragraphe non ?
cad, a chaque ouverture/fermeture de p on passe à la ligne c'est ça ?
 
<span> c'est bien pour eviter de faire des blocs (div) et donc de ne pas passer forcement à la ligne, en gros c'est ça ?

n°495772
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-08-2003 à 15:21:27  profilanswer
 

samuelp a écrit :

J'imagine que je suis obligé de redefinir les attributs des tags h1, h2... dans mes feuilles de style, non ?


 
bah oui, mais ça fait pas plus de boulot que de créer des classes "titre" "soustitre" etc.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°495781
samuelp
Posté le 24-08-2003 à 15:33:56  profilanswer
 

antp a écrit :


 
bah oui, mais ça fait pas plus de boulot que de créer des classes "titre" "soustitre" etc.


De toute façon c'est fait. Merci pour la supposition
 
Maintenant j'essaie de creer des formulaires en me passant des <table> habituels (tout en div)
 
Ce sera moins beau mais le HTML sera plus clair.
 
Sinon, est ce que l'emploi de <FIELDSET> (au lieu d'un div approprié) c'est crade ou ça passe encore ?

n°495783
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-08-2003 à 15:35:07  profilanswer
 

heu si c'est pour présenter ton formulaire dans un tableau, il n'y a pas de raison de ne pas employer <table> ...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°495789
samuelp
Posté le 24-08-2003 à 15:40:36  profilanswer
 

antp a écrit :

heu si c'est pour présenter ton formulaire dans un tableau, il n'y a pas de raison de ne pas employer <table> ...


Le probleme du table c'est que, une fois la structure etablie, on ne peut plus tellement jouer sur les propriétés pour pouvoir, par exemple, afficher les champs et label sur la meme ligne, ou en colonne.
 
Mais bon, j'essaye, si j'arrive pas, je fais marche arriere

n°495790
samuelp
Posté le 24-08-2003 à 15:41:07  profilanswer
 

HotShot a écrit :

<fieldset><label><input> tout ça c'est bon... et y a moyen de faire aussi bien (voire mieux) qu'un tableau :D


 
Pour le Fieldset c'est ce que je faisais.
Merci quand meme

n°495830
samuelp
Posté le 24-08-2003 à 16:40:32  profilanswer
 

C'est moi ou c'est vachement plus simple de gerer en div/span + CSS que de gerer des table ?

n°495831
antp
Super Administrateur
Champion des excuses bidons
Posté le 24-08-2003 à 16:44:05  profilanswer
 

bah les div c'est souvent plus simple une fois qu'on sait comment ça marche (faut absolument que je modifie mon site), mais il faut pas tomber dans l'excès en mettant des div pour des trucs qui doivent aller dans des h1, p, etc.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°495835
samuelp
Posté le 24-08-2003 à 16:51:10  profilanswer
 

J'ai quand meme un probleme :/
 
Voici le HTML généré :

Code :
  1. div id="pagecontainer">
  2.  <h1>Please complete the user value</h1>
  3. <form action="" method="POST" name="Please complete the user value">
  4.   <fieldset  style="">
  5.   <legend class="formsubtitle">User specification</legend>
  6.   <div class=" formcontainer">
  7.    <div class="formlinecontainer">
  8.     <span class="formelement">
  9.     <span class="necessary">Gender</span>
  10. <select name="titreid">
  11. <option value="1">M</option>
  12. <option value="2">Mlle</option>
  13. <option value="3">Mme</option>
  14. <option value="4">Dr</option>
  15. <option value="5">Mgr</option>
  16. </select>
  17.     </span>
  18.    </div><!-- end div formlinecontainer -->
  19.    <div class="formlinecontainer">
  20.     <span class="formelement">
  21.     <span class="necessary">Surname</span>
  22. <input  type="TEXT" value="" name="name" style="width:160px"></input>
  23.     </span>
  24.    </div><!-- end div formlinecontainer -->
  25.    <div class="formlinecontainer">
  26.     <span class="formelement">
  27.     <span class="formtext">First Name</span>
  28. <input type="TEXT" value="" name="firstname" style="width:160px"></input>
  29.     </span>
  30.    </div><!-- end div formlinecontainer -->
  31.    <div class="formlinecontainer">
  32.     <span class="formelement">
  33.     <span class="necessary">Function</span>
  34. <select MULTIPLE name="functionid[]" style="width:160px">
  35. <option value="-1">SYSFONCTION</option>
  36. <option value="1">ADMINISTRATEUR</option>
  37. </select>
  38.     </span>
  39.     <span class="formelement">
  40.     <span class="necessary"></span>
  41. <input  type="BUTTON" value="Create" name="functionadd" onclick="window.open('functionadd.php','this','width=640,height=480,scrollbars=yes');"></input>
  42.     </span>
  43.    </div><!-- end div formlinecontainer -->
  44.    <div class="formlinecontainer">
  45.     <span class="formelement">
  46.     <span class="formtext">Email</span>
  47. <input type="TEXT" value="" name="email" style="width:160px"></input>
  48.     </span>
  49.    </div><!-- end div formlinecontainer -->
  50.    <div class="formlinecontainer">
  51.     <span class="formelement">
  52. Available modules<select MULTIPLE name="moduleid[]" style="width:160px;" size="5" onClick="selapp(document.forms['Please complete the user value'],document.forms['Please complete the user value'].elements['moduleid[]'],document.forms['Please complete the user value'].elements['moduleautorizedid[]'])">
  53. <option value="1">Administration</option>
  54. </select>
  55.     </span>
  56.     <span class="formelement">
  57.     <span class="necessary">Autorized Modules</span>
  58. <select MULTIPLE name="moduleautorizedid[]"  style="width:160px;" size="5" onClick="selapp(document.forms['Please complete the user value'],document.forms['Please complete the user value'].elements['moduleautorizedid[]'],document.forms['Please complete the user value'].elements['moduleid[]'])">
  59. </select>
  60.     </span>
  61.    </div><!-- end div formlinecontainer -->
  62.   </div><!-- End formcontainer div -->
  63.   </fieldset>
  64.   <fieldset  style="">
  65.   <legend class="formsubtitle">Autentification specification</legend>
  66.   <div class=" formcontainer">
  67.    <div class="formlinecontainer">
  68.     <span class="formelement">
  69.     <span class="necessary">Login</span>
  70. <input  type="TEXT" value="" name="login"></input>
  71.     </span>
  72.    </div><!-- end div formlinecontainer -->
  73.    <div class="formlinecontainer">
  74.     <span class="formelement">
  75.     <span class="necessary">Password</span>
  76. <input  type="PASSWORD" value="" name="password"></input>
  77.     </span>
  78.    </div><!-- end div formlinecontainer -->
  79.    <div class="formlinecontainer">
  80.     <span class="formelement">
  81.     <span class="necessary">Re-enter the password</span>
  82. <input  type="PASSWORD" value="" name="passwordretry"></input>
  83.     </span>
  84.    </div><!-- end div formlinecontainer -->
  85.   </div><!-- End formcontainer div -->
  86.   </fieldset>
  87.   <fieldset  style="">
  88.   <legend class="formsubtitle">Optionals specification</legend>
  89.   <div class=" formcontainer">
  90.   </div><!-- End formcontainer div -->
  91.   </fieldset>
  92.   <fieldset  style="">
  93.   <legend class="formsubtitle">Validate your user</legend>
  94.   <div class=" formcontainer">
  95.    <div class="formlinecontainer">
  96.     <span class="formelement">
  97.     <span class="formtext"></span>
  98. <input type="BUTTON" value="Validation" name="Please complete the user value" onclick="fillSelect(document.forms['Please complete the user value'].elements['moduleautorizedid[]']),checkForm(arrayToVerify,document.forms['Please complete the user value'],'Please verify you have correctly fill all the requested field. Please also verify the length of your data','The length of the field should be contain in this range')"></input>
  99.     </span>
  100.     <span class="formelement">
  101.     <span class="formtext"></span>
  102. <input type="RESET" value="Reset"></input>
  103.     </span>
  104.    </div><!-- end div formlinecontainer -->
  105.   </div><!-- End formcontainer div -->
  106.   </fieldset>
  107. </form>
  108. </div><!-- End div pagecontainer -->


 
Et le CSS :

Code :
  1. #container
  2. {
  3. background  : url(test.png) no-repeat top right  ;
  4. padding-left : 0px ;
  5. padding-right : 0px ;
  6. padding-top : 0px;
  7. padding-bottom : 0px;
  8. }
  9. .formlinecontainer
  10. {
  11. font-family : verdana, Arial ;
  12. width : 100% ;
  13. background-color : #aeaefc ;
  14. filter: alpha(Opacity=30);
  15. }
  16. .formheadelement
  17. {
  18. font-family : verdana, Arial ;
  19. width : 100% ;
  20. background-color : #aeaefc ;
  21. font-weight: bold ;
  22. }
  23. .formelement
  24. {
  25. font-family : verdana, Arial ;
  26. width : 500px;
  27. margin-left: auto ;
  28. margin-right: auto ;
  29. background-color : #aeaefc ;
  30. }
  31. .necessary
  32. {
  33. font-family : verdana, Arial;
  34. font-weight: normal ;
  35. color : #FF0000 ;
  36. vertical-align: middle ;
  37. background-color : #b6b6c6 ;
  38. }
  39. .missnecessary
  40. {
  41. font-family : verdana, Arial;
  42. font-weight: bold ;
  43. color : #FFFF00 ;
  44. vertical-align: middle ;
  45. background-color : #b6b6c6 ;
  46. }
  47. h1
  48. {
  49. font-family : verdana, Arial ;
  50. font-size : 20px;
  51. font-weight: bold ;
  52. text-align: center ;
  53. text-decoration: none ;
  54. background-color : #aeaefc ;
  55. margin-left: 0px ;
  56. margin-right: 0px ;
  57. margin-top: 10px;
  58. margin-bottom: 10px;
  59. }
  60. h2
  61. {
  62. font-family : verdana, Arial ;
  63. text-align: left ;
  64. font-size: 14px ;
  65. font-weight: bold ;
  66. text-decoration: underline ;
  67. background-color : #aeaefc ;
  68. margin-left: 0px ;
  69. margin-right: 0px ;
  70. margin-top: 10px;
  71. margin-bottom: 10px;
  72. }


 
 
Le probleme c'est que j'arrive pas du tout a faire quelque chose de bien construit, cas aligner les cases avec les span.
 
Meme en voulant center le span (margin-lft: auto; margin-right: auto;)
ça marche po.
 
Qu'est ce qui peut clocher ?

n°495842
samuelp
Posté le 24-08-2003 à 17:04:36  profilanswer
 

HotShot a écrit :

:fou: lis la Faq vindiou  


Pardon ? Le truc sur les CSS ?

n°495893
Le Castor
Neurasténique...
Posté le 24-08-2003 à 19:14:38  profilanswer
 

On ne peut pas center un span.
 
Un span est un élément de type inline, la div de type block. Un block est dimensionnable et positionnable. Un inline, non. L'inline est, comme son nom l'indique, un truc "en ligne", donc qui va avec le texte par exemple. Un block est un espèce de container, qui va contiendre d'autres trucs...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495956
samuelp
Posté le 24-08-2003 à 20:22:23  profilanswer
 

Le Castor a écrit :

On ne peut pas center un span.
 
Un span est un élément de type inline, la div de type block. Un block est dimensionnable et positionnable. Un inline, non. L'inline est, comme son nom l'indique, un truc "en ligne", donc qui va avec le texte par exemple. Un block est un espèce de container, qui va contiendre d'autres trucs...


Merci pour ces precisions.
Donc si je veux placer mes elements (labels, INPUT...) de maniere unifirme, je dois utiliser des Div c'est ça ?
Le probleme avec les div c'est que celui ci implique un retour a la ligne non ? CAD je ne pourrais pas mettre sur la meme ligne le Label et le champ correspondant, ce qui est plutot ennuyant non ?
 
N'y a t-il pas un moyen de proceder autrement ? Par exemple, dans un span, mettre des div, pour le dimmensionnement ?

n°495961
Le Castor
Neurasténique...
Posté le 24-08-2003 à 20:32:03  profilanswer
 

samuelp a écrit :


Merci pour ces precisions.
Donc si je veux placer mes elements (labels, INPUT...) de maniere unifirme, je dois utiliser des Div c'est ça ?
Le probleme avec les div c'est que celui ci implique un retour a la ligne non ? CAD je ne pourrais pas mettre sur la meme ligne le Label et le champ correspondant, ce qui est plutot ennuyant non ?
 
N'y a t-il pas un moyen de proceder autrement ? Par exemple, dans un span, mettre des div, pour le dimmensionnement ?


 
Même avec des divs dans un span, ça fera un retour à la ligne...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
n°495983
samuelp
Posté le 24-08-2003 à 20:53:40  profilanswer
 

Le Castor a écrit :


 
Même avec des divs dans un span, ça fera un retour à la ligne...


Aie. On ne peut donc pas faire de formulaires évolué en CSS :/
A moins que quelque chose m'ait echappé.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS et comportement etrange

 

Sujets relatifs
Petit problème avec une CSS...[CSS] Site deux colonnes
[XHTML + CSS] Utilisation de la property css background[XHTML CSS] Passer site de table en div
[CSS] chevauchement de divsRéaction étrange du serveur MySQL avec le UNIX_TIMESTAMP
CSS et passage de parametresTutoriels et exercices CSS
[CSS] @page[Validation] XHTML 1.0 Transitional CSS, Omittag No et Background
Plus de sujets relatifs à : CSS et comportement etrange


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR