18041 sujets

Questions générales et questions de débutants

Position d'un div

Bonjour,

j'ai plusieurs div sur ma page

Comment faire pour qu'ils s'affichent sans se préocuper de la position du précédent ?
Merci de l'info mais le problème persiste puis-je mettre du code ici afin que vous puissiez me dire ce qui va pas ?
afournery a écrit :
Merci de l'info mais le problème persiste puis-je mettre du code ici afin que vous puissiez me dire ce qui va pas ?


Bonjour,

Oui en utilisant les balise [ code] et [ /code] (sans espace) pour le présenter. Si tu as une page en ligne c'est bien aussi.
Voici le css :

.top {float:left;}

.Left {position:fixed; padding-top: 0px; padding-left: 0px; width:162px; }

.bandeau{float:left; background:url(Top_bandeau.jpg); width:833px; height:112px; text-align:right; }
.bandeau .identifiant{ margin-right:10px; margin-top:10px; font-size:12px; width:200px; color:#FFFFFF; float:right;}
.bandeau a { color:#FFFFFF; font-weight:bold; }

.Topmenu{float:left; height:30px;}
.Topmenu .marque { float:left; padding:7px 0px 0px 15px; background:url(Top_fond_marque.jpg); width:162px; height:22px;}
.Topmenu .marque a {font-size:11px; font-weight:bold; color:#000C44; text-decoration:none;}
.Topmenu .marque img{position:absolute; top:120px; left:125px;}

.Topmenu .hotline { 
	float:left; width:200px;
}


et voici l'HTML :

<div class="top">
 <div class="left">
<SCRIPT language=javascript>
if (marqueActive==""){
marqueActive='Top_logo.gif';
}
document.write( "<img src=/<Valeur calculée>/"+marqueActive+" id='imgMarque' border=0 title="+marqueActive+" width='162' height='112' />") 
if (document.forms[0].Marque.value !="") {
 var obj = document.getElementById("imgMarque");
 var marque=document.forms[0].Marque.value
 obj.value=left(marque, "-");
 if (obj.value==""){
	obj.value=left(marque, " ");
	if (obj.value==""){
		obj.value=left(marque, "%20");
		if (obj.value==""){
			obj.value=marque;
		}
	}
 }
 document.getElementById("imgMarque").src = obj.value;
}
</SCRIPT>
 </div>
 <div class="bandeau">
	<div class="identifiant"><strong>Identifiant :</strong><Valeur calculée><br /><img src="Top_nav_fleche_off.gif" width="3" height="6" alt="" />&nbsp;<a href="#">Déconnexion</a>
	</div>
	<div class="clear"></div>
 </div>
 <div class="Topmenu">
	<div class="marque">
<a class="topMarque" href="javascript:void(0)" onMouseOver="popUp('elMenu1',event)" onMouseOut="popDown('elMenu1')" onClick="return false"">Changer de marque<img src="Top_marque_0.gif" alt="Choisir une marque" /></a>
	</div>
	<div class="nav">
	  <ul>
		<li class="on"><a href="#" style="width:64px;">Actualités</a></li>
		<li><a href="#" style="width:112px;">Vente &amp; Marketing</a></li>
		<li><a href="#" style="width:77px;">Après-vente</a></li>
		<li><a href="#" style="width:128px;">Activités transverses</a></li>
		<li><a href="#" style="width:58px;">Contacts</a></li>
		<li><a href="#" style="width:69px;">Liens</a></li>
	  </ul>
	 </div>
	 <div class="hotline"><img src="Top_hotline.jpg" alt="HOTLINE 5050" /></div>
 </div>
</div>


L'affichage doit être :
Left - Bandeau
Marque - Nav - Hotline

Merci de m'aider à comprendre ce que je dois faire ?.
afournery a écrit :
Personne ne peut m'aider ?

C'est probablement que ta question n'est pas assez précise, essayes de développer un peu ce que tu souhaites réaliser.

N'aurais-tu pas la possibilité de mettre en ligne ce que tu a déjà réalisé ? pour beaucoup de membre c'est plus simple à appréhender que de remonter ton code dans son éditeur.
Sujet clos
Aller à