5568 sujets

Sémantique web et HTML

Bonjour,
Je suis nouvelle sur forum et je cherche désespérément une solution depuis des jours.
Je ne suis vraiment qu'un débutante en web et hormis le html et quelques notions de CSS, je n'y connais rien.

Je tente de refaire mon site internet celons cette image :

upload/62597-pageacceui.jpg

J'ai réussit à faire en sorte que les images s'adaptent à la largeur de la fenêtre, mais pas la "boit" div qui les englobent. Ça donne cela dès que la fenêtre est rétrécit :

upload/62597-Sanstitre-.jpg

J'avoue ne pas trop savoir quoi mettre dans le style css mais même en lui mettant une taille précise, pour les les images restent alignées, ça ne prend pas en compte.

En espérant ne pas être trop vague... Si certains d'entre vous on quelques idées... Je suis preneuse ! Smiley smile

Merci d'avance !
Bonjour,

Peux-tu nous fournir l'url de ton site ? Ou bien un codepen pour pouvoir te répondre ?
Bonjour,
il n'est pas en ligne mais je peux vous mettre le code. Est ce que je dois tout mettre ou juste le CSS et la partie concernant la partie "récalcitrante" ?

Pour la div (oui, c'est frugal...) :

#threebox {
	float: left;

	
}
.imag { 

max-width: 100%;
height: auto;

}




et pour le code :

<div id="threebox" >
 
<img src="Titres/titre_entreprise.png" width="640" height="205" class="imag" padding-left="205" border="0"/>


<img src="../Nouveau site/titres/titre_groupe.png" class="imag" name="clip" width="640" height="205" /> 

<img src="Titres/titre_blue_tabby_red.png"  alt="" width="640" height="205" class="imag" border="0" />

</div>


(je peux mettre tout le code, mais ça risque de vous paraître très brouillon Smiley confus Smiley confused )
Bonjour Ashera,

C'est à ce niveau que le bât blesse:
#threebox {
	float: left;
}
En effet, tu utilise les flottants qui ont la particularité de s'aligner sur un côté. Lorsque l'espace disponible devient insuffisant, les flottants passent à la ligne. Je ne peux que te conseiller de te rapprocher du modèle de boite flexible couramment appelé Flexbox dont les caractéristiques correspondent parfaitement à tes attentes.

Bonne journée Smiley smile