Div taille fixe en ligne

Marsh Posté le 14-05-2006 à 18:14:30

Bonjour,

J'aimerais pouvoir mettre plusieurs div les un a la suite des autres ( soit en ligne ) mais de taille fixe (80x80px).
Or, il me semble que la balise display:inline ne permet pas d'avoir une taille fixe pour le div, existe t'il un moyen de contourner ceci ?

Merci.

Marsh Posté le 14-05-2006 à 18:14:30

Marsh Posté le 14-05-2006 à 18:23:29

float

Marsh Posté le 14-05-2006 à 18:27:03

Euh, je crois que je vais avoir besoin d'un peu d'explication là

Le css de mon div:
.gus {
position:relative;
display:inline;
background-color:#999999;
overflow:hidden;
}

et là dedans je dois rajouter float:... ?

Marsh Posté le 14-05-2006 à 18:55:30

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
div {
width:80px; height:80px; border:1px solid black;
float:left;
}
hr {
clear:both; visibility:hidden;
}
</style>
</head>
<body>
<h1>Youpi</h1>
<p>Du texte</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<hr />
<p>Du texte ...</p>
</body>
</html>

Marsh Posté le 14-05-2006 à 19:22:40

Merci beaucoup

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *