5545 sujets

Sémantique web et HTML

bonjour,
j'ai un problème,j'ai créé une div avec l'id "droite_info" et je n'arrive pas à le laisser a droite de ma page quand j'écrit du texte à coté de celui ci. Le block div descend donc au fur et à mesure que j'écrit du texte, et je voudrais qu'il reste à sa place sur le coté.
merci de votre aide

<html>
<body>
	<div id="global">
		<div id="gauche">
			<header>
				<nav id="banniere_lien">
					<ul>
					<li><a href="../../pages/accueil_projet.html" >ACCUEIL</a></li>
					<li><a href="../../pages/informations.html" >INFORMATIONS</a> 
                                        </li>
					<li><a href="../../pages/composant.html" >COMPOSANTS</a></li>
					</ul>
				</nav>
			</header>
		</div><!-- fin gauche -->
			<article>
				<h1>tous savoir sur le processeur:</h1>
				<h2>l'histoire du transistor:</h2>
				<p> la technologie transistor a été inventé le 23 décembre 1947 par les Américains John Bardeen, William Shockley et Walter Brattain, des chercheurs du Laboratoire Bell.</p>
				<p>Pour cette invention ils ont reçu le prix nobel de physique en 1956.</p>
				<p>Pour cette invention ils ont reçu le prix nobel de physique en 1956.</p>
				<p>Pour cette invention ils ont reçu le prix nobel de physique en 1956.</p>
				<p>Pour cette invention ils ont reçu le prix nobel de physique en 1956.</p>
				
			</article>
		<div id="droite_info">
				
				<img class="banniere_image_info" src="../../images/process.jpg" alt="test2"/>
				<img class="banniere_image_info" src="../../images/transistor.webp" alt="test2"/>
				<img class="banniere_image_info" src="../../images/Loi_de_Moore.png" alt="loi_de_moore"/>
		</div><!-- fin droite -->
	</div><!-- global -->
</body>



#global #droite_info{
  width:180px;
  margin-top: 5px;
  height: 835px;
  margin-left: 85%;
  background-color:#706b64;
  border-radius:5px;
  font-size:0.9em;
  padding:10px;
  color:#FFFFFF;
  position: absolute;
}
Salut,

si tu utilises position:absolute il faut que tu précises où tu veux mettre le block avec par exemple un
 top:50px;

Modifié par Mathieuu (28 Feb 2020 - 12:02)
Administrateur
Je ferme ce sujet en doublon ; merci d'utiliser le sujet dont _laurent a posté le lien
Administrateur
Je ferme ce sujet en doublon ; merci d'utiliser le sujet dont _laurent a posté le lien