5133 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
Salut,

il faudrait nous fournir du code html et du css pour que l'on puisse t'aider.

Sinon, en l'état .. je peux juste te dire que fournir un id à une div n'est pas suffisant pour placer un élément (à droite dans le cas présent)
Ah oui désolé je viens juste de m'inscrire je ne comprends pas tous bien.
c'est bon comme ça?
<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;
}


edit:mise en forme
Modifié par kustolovic (26 Feb 2020 - 17:11)
Modérateur
Bonjour, lorsque tu insères du code il faut qu'il soit bien entre les deux balises code, comme ceci (sans les espaces dans la première balise):
[ code ]
<html>
etc.
[/code]

j'ai corrigé ton message cette fois Smiley smile
Modérateur
Sinon si tu veux que le block reste fixe, as-tu essayé position:fixed à la place de position:absolute ?
Hop du coup je réponds aussi ici :

Salut,

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

 top:50px;
Mathieuu a écrit :

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


Peut-être bon de rappeler que si le visiteur scroll son Div va disparaître
alors qu'avec

position:fixed; top=12px;right=0px;

le div restera immobile et donc dan la page en cas de scroll Smiley cligne