flux37

Bonjour, J'aurais besoin de votre aide pr l'habillage d'un formulaire en css .. Je l'ai testé sous I.E 6 ,5.5 , 5.01 .. opéra, mozilla et ça fonctionne.. ça donne par contre ça sous firefox et netscape : 1. Sous firefox , dans le champ texte, ça scroll en largeur.. Il n' y a pas donc pas de retour à la ligne.. 2. Sous Netscape les labels n'apparaissent même pas.. ;( peut-être pourrez vous m'expliquer ce que je peux ajouter ou ce qui ne va pas dans ce script.. merci bcp d'avance, Flux37 voici lex html : <form action="mailto:contact_AT_casasud-deco.com" method="post"> <div class="row"><label class="col1">Nom</label> <span class="col2"><input name="name" class="input" type="text" id="name" size="39" tabindex="1" /></span> </div> <div class="row"><label class="col1">E-mail</label> <span class="col2"><input name="email" class="input" type="text" id="email" size="39" tabindex="2" /></span> </div> <div class="row"><label class="col1">Objet de la demande </label> <span class="col2"><input name="website" class="input" type="text" id="website" size="39" tabindex="3" /></span> </div> <div class="row"><label class="col1">Message</label> <span class="col2comment"> <textarea cols="60" maxlength="60"class="textarea" rows="5" name="comment" id="textarea" tabindex="4" ></textarea> </span></div> <div align="right" class="submit"><input type="image" src="/images/bt_precommande.gif" alt="send" width="178" height="22" border="0" /> </div> </form> et voilà le css form { width: 350px; } .col1 { font-family: arial, helvetica, sasn serif; font-size: 0.8em; font-weight : normal; color: #382215; text-align: left; width: 90px; height: 31px; margin-top: 5; margin-right: 10; float: left; background: url(../images/) no-repeat; } .col2 { width: 250px; height: 31px; display: block; float: left; margin: 0; background: url(../images/) no-repeat; } .col2comment { width: 50px; height: 110px; margin: 0; display: block; float: left; background: url(../images/) no-repeat; } .col1comment { font-family: arial, helvetica, sasn serif; font-size: 0.8em; font-weight: normal; color: #382215; text-align: left; width: 250px; height: 98px; float: left; display: block; background: url(../images/) no-repeat; } div.row { clear: both; width: 350px; } .submit { height: 29px; width: 350px; background: url(..images/) no-repeat; padding-top: 5px; padding-right:20px; clear: both; } .input { background-color: #fff; font: 0.7em Arial, Helvetica, sans-serif; color: #382215; margin: 4px 0 5px 8px; padding: 1px; border: 1px solid #ccc; } .textarea { border: 1px solid #ccc; background-color: #fff; font: 11px/14px Arial, Helvetica, sans-serif; color: #382215; margin: 4px 0 5px 8px; }

Bonjour, Merci pour ce lien .. formulaires accessibles dans un tableau.. tout ce kil me fallait à bientôt, fllux37

oki merci pour ta réponse aurais -tu une solution me permattant de faire sans tableaux ?? Je serai tout à fait interessée par la perspective de passer de l'ère préhistorique à notre ère.. Je n'ai juste utilisé le tableau pour des données tabulaires et il se trouve que dans certaines cellules je veux y insérer un champ.. Je ne pensais pas que cela ne se faisait plus... Que m'aurais tu conseillé ? une liste ? bien à toi, flux37

Bonsoir, Je voudrais donner une largeur fixe à une div , de sorte que le texte fasse un retour automatique à la ligne dès que la largeur maximale de la boite css est atteinte.. Pour l'instant pour texte déforme ma div , et par conséquent l'intégralité de ma page voici mon code xhtml : <div id=contenu> <div><h1>Décorer pour voyager</h1> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div> </div> et le code css : #contenu { float:left; background-color:white; width: 347px; } #contenu div { background-color: #FFF; padding:10px 10px 10px 30px; } merci d'avance pour votre aide..

bonjour, Excuses ma lenteur.. Le problème vient tout simplement du fait que lorsque j'insère un formulaire +champ texte dans une cellule de tableau, ça la déforme en hauteur.. Le formulaire crée un espace sous le champ texte que je ne sais comment supprimer.. Est-il possible de donner unehauteur fixe au cellule du tableau , ou alors au formulaire ? J'espère avoir été +claire

voilà la partie html.. <td class="donnees"><form name="form1" method="post" action=""> <input type="text" name="textfield3"> </form></td> et le style css de données : td.donnees { color: #4D4D4D; background-color: #FFF; text-align: left; padding: 0px 40px; border-bottom:#F7F7F7; border-left:#fff; border-right:#F7F7F7; border-width: 0 1px 1px 1px; border-style: none solid solid solid; } j'espère que ça pourra t'avancer..

Merci pour ces conseils et pour le lien .. très isntructif Pour info , J'ai fini par opter pour la class.. @++

bonjour, Je suis en train decréer un tableau avec des formulaires et champs de texte de texte dans les <TD>.. Je voudrais habiller mon formulaire pour qu'l ne déforme plus la cellule et soit de la meme largeur que mon champ de texte.. Voici le css que j'utilise : Table input { width: 100%; height: 17px; border:1px solid #ccc; background-color:#FFF; font-family: arial, helvetica,sans-serif; color:#4d4d4d; } Table form { padding:0px 0px 0px 0px; width:100%; height: 17px; } Quelqu'un pourrait-il m'aider ??

Bonjour à tous, Savez vous s'il est possible de donner des couleurs et largeurs différentes aux LI d'une liste.. Je voudrais que le LI commentaire soit plus étroit que les autre et que la couleur de fond soit différente.. Si kelkun peut m'aider.. merci d'avance <style> #navcontainer { background: #0F4979 ; height:24px; clear: both; width:774px; font-size:11px; font-family: Arial, Helvetica, sans-serif; } #navcontainer UL { list-style: none; margin: 0; border: none; float: left; font-size:11px; width: 772px; height:24px; } #navcontainer LI { display: block; margin: 0; padding: 0; float: left; width: auto; } #navcontainer A { color: #fff; display: block; text-decoration: none; margin: 0; padding: 5px 40px; border-left: 1px solid #fff; } #navcontainer A:hover, #navcontainer A:active { background: #E2E2E2; color:#4C4F51; } #navcontainer A.active:link, #navcontainer A.active:visited { position: relative; z-index: 102; background: #0F4979; font-weight: normal; } </style> <DIV id=navcontainer> <UL> <LI ><A title="Commentaires" href="">Commentaires</A> </LI> <LI><A title="Livraison" href="">Livraison</A> </LI> <LI><A title="Production" href="">Dossier de production</A> </LI> <LI><A title="Finance" href="">Finance</A> </LI> <LI><A title="Administratif" href="">Administratif</A> </LI> </UL> </DIV>

Merci pour ta réponse , Je vais donc essayer ça ! et éviterai tout comme toi le dotted à l'avenir...

bonjour, j'essaye de faire une liste imbriquée avec une image en guise de puce.. Tout se passe bien sauf que la puce apparait même sur les li de niveau 2.. Je voudrais qu'elles n'apparaisse que sur le niveau 1 .. sur moteur de recherche et répertoire, plus précisément.. Or , en l'état toutes les <Li> ont une puce Quelqu'un pourrait -il m'aider ? merci bc bc d'avance... ---------------- code xhtml : ---------------- <ul class="niveau1"> <li >moteurs de recherche <ul class="niveau2"> <li>Google</li> <li>Altavista</li> <li>Fireball</li> </ul> </li> <li>répertoires <ul class="niveau2"> <li >Yahoo</li> <li>Tiscali.fr</li> <li>Chez.com</li> </ul> </li> <li>autre chose</li> <li>encore autre chose</li> </ul> ------ css : ------ ul.niveau1 { list-style-image: url(images/flechecontenu.gif); font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color:#275182; } ul.niveau1 li { list-style-image: url(images/flechecontenu.gif); font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#ccc; font-weight: normal; color:#275182; } ul.niveau2 { list-style-type: none; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color:#666; } ul.niveau2 li { list-style-type:none; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:normal ; color:#595959; }

Bonjour, j'ia fait un menu avec border bottom en 1 px dotted... border-bottom: 1px #696969 dotted; et me suis rendue compte que sous I.E, le 1 pix n'était pas respecté.. d'ou cela vient -il et est-ce je peux arrneger ça.. Si ça n'est pas le cas , est-ce que je peux insérer un filet imageen haut et en bas.. En d'autres terme faire une chose de ce genre.. border-bottom: url(images/filet.gif); ?? merci bcp à celui ou celle qui saura m'aider...