28173 sujets

CSS et mise en forme, CSS3

Bonjour

je dois integrer cette page en css / xhtml.

deux problèmes

Je veux éviter d'utiliser des tableaux, donc utiliser des divs pour les 7 "packages" au milieu.


.contentPackages{
	position:absolute;
	display:block;
	width:100%;
	height:240px;
	border:solid thin black;
	top:100px
}

.package{
	position:relative;
	display:inline;
	top:0px;
	left:0px;
	width:130px;
	border:solid thin red;
	height:120px;
}


dans chacune de ces div en inline, j'ai plusieurs styles à appliquer à leur contenur, je dois aller à la ligne plusieurs fois, etc... résultat : le inline n'a aucun effet... une idée ???

Deucième problème un peu moindre : les cadres "Force I", "Force II" ... doivent avoir une taille fixe (qui est donnée dans la css). Or, la taille de ces div varie selon la taille du texte (non pas que ca "dépasse", mais si je mets un texte plus petit, la taille de la div se réduit).. De plus, quand j'enleve le "display:inline;" les tailles sont bien appliquées. help me please !


.oscaregiePropose .forcePackage{
	position:relative;
	display:inline;
	top:0px;
	left:0px;
	margin:7px;
	width:70px;
	height:25px;
	background-color:#cc3019;
}

.oscaregiePropose .forcePackage a{
	font-family:Arial;
	color:white;
	font-weight:bolder;
	font-size:16px;
	line-height:25px;
}


merci de votre aide ! Smiley cligne
Modifié par NikOo (02 Nov 2007 - 03:24)
hi

merci de la réponse.
en effet, ca marche...
j'ai honte de pas y avoir pensé par moi même..
allez, j'ai l'heure tardive comme excuse !

p'tite question subsidiaire : dans quels mesure je suis obligé d'utiliser des blocs flotants pour que lmes div se dimensionnent comme je veux ? ca me semble bizarre quand meme !

merci de la réponse en tous cas.