28173 sujets

CSS et mise en forme, CSS3

Empecher un retour à la ligne pour des images.

Bonjour, j'aimerais empêcher mes images (en vert sur la page d'expemple) d'aller à la ligne quand on resize son navigateur Smiley sweatdrop . Autrement dit je voudrais qu'elles soient toutes allignées et que le visiteur doive scroller horizontalement. Merci Smiley smile

http://www.viciousart.com/test/vertical_images_page.htm


body {
font-family: "Courier New", courier, mono; 
font-size: 10pt;
color:#FFFFFF;
background: black;
margin:0;
padding:0;
text-align:left;
}

#Externe { 
  background-image: url(layout/col_796.gif);
  position: absolute;  
  top: 50%;
  width: 100%; height: 796px;
  margin-top: -398px ;
  padding-left: 10px;
}

#Interne { 
 position: relative; 
 top: 98px; 
 height: 600px; 
}




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<html>

<head>

<link href="vertical_images_page.css" rel="stylesheet" type="text/css"> 

<title>
TEST TEST TEST
</title>

</head>

<body>

<DIV id="Externe"> 

<DIV id="Interne">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
<img src="photos/001.jpg">
</DIV>

</DIV>

</body>

</html>
Bonjour,

Avant tout, je ne peux que te conseiller de construire tes pages sur des bases saines et propres (DTD manquant, etc.).

Ensuite, pour ton problème, il te suffit à priori d'encadrer l'ensemble de tes images dans une balise de type block pour faire simple (<p> par exemple), de lui assigner une largeur suffisante correspondant à la somme des largeurs des images et d'encapsuler ce paragraphe dans un conteneur (<div>) auquel on spécifiera un simple overflow:auto.
Salut,

Je me dois te dire que c'est un mauvais choix ergonomique à l'heure actuelle, le matériel étant fait pour le défilement vertical et non horizontal. Même si les souris commencent à avoir une molette bidirectionnelle, cela n'agit qu'après un clic sur la molette, ce qui n'est pas du plus pratique, et surtout, tout le monde ne dispose pas de telles souris. Pour ceux là ça rend la navigation encore plus pénible.
O.K, je vais essayer comme ça, merci ! ^^
Par contre pour ce qui est des bases saines et propres, je ne comprends pas ???

Benjamin D.C. a écrit :
Bonjour,

Avant tout, je ne peux que te conseiller de construire tes pages sur des bases saines et propres (DTD manquant, etc.).

Ensuite, pour ton problème, il te suffit à priori d'encadrer l'ensemble de tes images dans une balise de type block pour faire simple (<p> par exemple), de lui assigner une largeur suffisante correspondant à la somme des largeurs des images et d'encapsuler ce paragraphe dans un conteneur (<div>) auquel on spécifiera un simple overflow:auto.
Sujet clos
Aller à