28221 sujets

CSS et mise en forme, CSS3

Intégration d'une image qui perturbe le flux

Bonjour à tous,

Une fois de plus je fais appel à vous.

J'ai un petit soucci, la page sur laquelle je travail, nécessite que j'intégre dedans une image... juste la pas de blème Smiley biggrin . Juste qu'a partir du moment ou j'intègre l'image, le contenu du bloc dans lequel est l'image part se coller en bas de page.. si je vire l'image tous remonte.

Voici la portion de code de la page :


<div id="content">
	<h1>Pathologie</h1>
	<div id="image1rub2"><img src="/images/1.jpg" width="381" height="272"  alt="réprésentation du virus en gros plan" /></div>
	<ul>
		<li><a href="/pdf" target="_blank">Rapport CNR 2002</a></li>
        <li><a href="/pdf" target="_blank">Acc&egrave;s au site du CNR</a></li>
		<li><a href="/pdf" target="_blank">Les m&eacute;ningites et septic&eacute;mies &agrave; m&eacute;ningocoques (CNR janvier 2003)</a></li>
        <li><a href="/pdf" target="_blank">La m&eacute;ningite &agrave; m&eacute;ningocoques (DGS janvier 2002)</a></li>
	</ul>
</div>


CSS :


/* CONTENT ---------------------------------------------------*/
#content {
	margin-left: 365px;
	width: 395px;
}
#content h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-style: italic;
	text-align: right;
	color: #6B222C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C32C40;
}
#content h2 {
	margin: 0 0 5px 12px;
	padding: 0 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#6B222C;
	background: url(/images/_Puce.gif) no-repeat left;
	font-size:1.2em;
}
#content li {
	line-height:14px;
	padding-bottom:8px;
	list-style-image:url(images/_Flright_std.gif);
	text-align:justify;
}
#content li a:link {
	color:#6B222C;
	text-decoration:none;
}
#content li a:visited {
	color:#E1D3D5;
	text-decoration:none;
}
#content li a:active {
	color:#AC8389;
	text-decoration:underline;
}
#content li a:hover {
	color:#AC8389;
	text-decoration:underline;
}
/* IMAGES --------------------------------------------------------*/
#image1rub2 {
	width: 381px;
	margin-top: 0;
	margin-left: auto;
    margin-right: auto;
}


Quand je regarde la page sous firefox en affichant les blocs à l'aide de webdevelopper tools, le bloc est bien à sa place, mais le contenu se colle en bas de bloc. ne devrait t'il pas être en haut ?

merci
Modifié le 20 Nov 2004 - 15:47
Hum... Smiley hum

Personne n'a osé répondre ?

Je te suggère de recycler ton post parce que ton problème n'est pas très clair. Ma perception visuo-spaciale n'arrive pas à reproduire tes explications dans mon ptit cervo ! Smiley biggol

Ta page en ligne serait un atout !
Sujet clos
Aller à