28221 sujets

CSS et mise en forme, CSS3

Fieldsets imbriqués ?

Bonjour,
je suis nouveau sur ce forum et j'ai un petit soucis, j'espere que quelqu'un pourra m'aider. tout d'abord d'après ce que j'ai cru voir il est possible et valide de mettre un fieldset a l'intérieur d'un autre fieldset, j'ai essayé et je tente en vain de mettre les deux formulaires sur la meme ligne, en fait j'essais de remonter le fieldset 'diplôme et spécialités'...A force de bidouiller cela commence a ne plus ressembler a rien Smiley decu
dans mon body j'ai :
<div id="coord_electroniques">
          <fieldset>
                <legend>T&eacute;l&eacute;phone / coordonn&eacute;es &eacute;lectroniques</legend>
				    <form id="telephone" method="post" action="register..php?etape=2">							
						<ul>
							<li>T&eacute;l&eacute;phone fixe : <strong>+33 1 30 37 38 51</strong>.</li>
							<li>T&eacute;l&eacute;phone mobile : <strong></strong>.</li>
							<li>Adresse &eacute;lectronique : <strong>test@internet.org</strong>.</li>
							<li>Site web : <strong>http://test.net</strong>.</li>
						</ul>
		                   <div>
							  <input type="image" src="design/modifier.gif" alt="Modifier" 
                              onmouseover="this.src='design/modifier_up.gif';"
                              onmouseout="this.src='design/modifier.gif';" class="button_modifier" />
							</div>
						</form>
         <div id="diplome_specialites">
			<fieldset>
				<legend>Dipl&ocirc;me et sp&eacute;cialit&eacute;s</legend>
                     <form id="diplome_form" method="post" action="register.php?etape=3" valign="top">
						<ul>
							<li>Sp&eacute;cialit&eacute;(s) : </li>
							<li>Le dipl&ocirc;me saisi est <strong></strong>.</li>
						</ul>
							<div>
							  <input type="image" src="design/modifier.gif" 
                              alt="Modifier" onmouseover="this.src='design/modifier_up.gif';"
                              onmouseout="this.src='design/modifier.gif';" class="button_modifier" />
							</div>
                       </form>      
			</fieldset>
        </div>
		  </fieldset>  
    </div>

et tout en haut j'ai:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>register check</title>
<style type="text/css">
#coord_electroniques {
position:inherit;
width: inherit;
height:auto;
margin-top: 0px;
margin-bottom: 0px;
}
#diplome_specialites {
width: 55%;
float:right;
vertical-align: top;
}</style>


Merci d'avance Smiley ravi
Une suggestion : désimbriquer les deux filedset et faire flotter le premier.

Sinon, XHTML1.1.... pas en text/html, please !!! Smiley rolleyes
Modifié le 29 Jan 2005 - 19:07
le petit lien partiel : http://adeline.zahnd.free.fr/ads/register_check2.html ,

> > >Une suggestion : désimbriquer les deux filedset et faire flotter le premier.

> > >Sinon, XHTML1.1.... pas en text/html, please !!

que veux tu dire par faire flotter le premier ?
le probleme est que l'affichage diffère sous IE et firefox du a l'espace sous le <label>, sinon je pense que j'aurais pu les positionner chacuns par rapport au bord haut et gauche .
désolé pour le html, mais j'essais de valider les pages au format html avant de les implémenter dans le site en php.

De plus je trouvais l'effet fieldset imbriqués sympa graphiquement mais si ca n'est pas possible, je suis ouvert a toutes suggestions car je planche sur ce probleme depuis trop d'heures déjà Smiley ohwell
je fais mon mea laurent, j'ai été un peu long à la compronette, ta solution fonctionne, en désimbriquant et inversant le contenu des class.
merci. Smiley lol
dans le foulée, puisque c'est noël pour moi, existe t il un moyen de réduire la marge entre le legend et le haut de la liste pour IE ? firefox prend très bien en compte les margin mais comme d'habitude grosoft est à la traine . Je n'ai pas trouvé de solution.
thx in advance.
Sujet clos
Aller à