bonjour a tous
je débute et en dépit de la lecture de pas mal de tutos, je dois dire que le positionnement d'éléments dans un bloc div est assez difficile.
j ai donc un entête avec une image logo en float left, un texte paragraphe(slogan) et une autre image à droite de ce slogan.
comment puis je positionner mon texte en hauteur, pareil pour mon image droite et comment éloigner cette image un peu du texte( qu elle ne colle pas)?
(j ai intégré le css à mon html)
merci de votre aide
stephi
je débute et en dépit de la lecture de pas mal de tutos, je dois dire que le positionnement d'éléments dans un bloc div est assez difficile.
j ai donc un entête avec une image logo en float left, un texte paragraphe(slogan) et une autre image à droite de ce slogan.
comment puis je positionner mon texte en hauteur, pareil pour mon image droite et comment éloigner cette image un peu du texte( qu elle ne colle pas)?
(j ai intégré le css à mon html)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css" title="css1" media="screen">
body {
color: #F0E39E;
background-color:#CCC;
padding: 10px 5px;
}
#global {
width: 90%;
max-width: 90em;
min-width: 850px;
margin-left: auto;
margin-right: auto;
}
#entete {
padding: 20px 0;
background-color:#006;
height:100px;
overflow:hidden; /* permet à la div d'englober son contenu flottant */
}
#entete p{
float:left;
font-size: 2em; /* -> 8 */
font-style: italic;
margin: 0.5em 0 .5em 0; /* -> 6 */
font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
font-weight: normal; /* -> 7 */
}
#entete img {
float: left;
margin: -5px 20px 10px 0;
}
</style>
</head>
<body>
<body>
<div id="global">
<div id="entete"><img src="../images/logo_LCN_JPEG" alt="" width="305" height="100" />
<p>Le spécialiste de l'emballage<br/>
Présent sur toute la France </p><img src="../images/entrepots_logististiques_programmes_clients_bandeau.jpg" width="360" height="80" align="right"/>
</div>
</body>
</html>
merci de votre aide
stephi