http://www.design-hero.com/blog/images/dessins/herobot.jpg
Bonjour tout le monde !
Mon problème est le suivant.
J'essaye de mettre au point un petit template tout simple en css, afin de servir d'alternative simple, à mon site internet en flash.
Seulement voilà, tout semblait bien se dérouler ;
http://www.design-hero.com/html/aboutOK.html
Quand soudain en enlevant le texte contenu dans le Div texte :
http://www.design-hero.com/html/aboutBUG.html
Mon site est soudain tout buggé...
J'aimerais comprendre...
Voici mon code :
Et mon css :
Voilà.
En clair, ce que j'aimerais optenir au final, ce serait une pae type css, dans laquelle je peux simplement insérer du texte et des images, et que le graphisme du site s'adapte au contenu automatiquement.
Un grand merci à vous !
*hero*
Modifié par herographics (15 Dec 2006 - 14:03)
Bonjour tout le monde !
Mon problème est le suivant.
J'essaye de mettre au point un petit template tout simple en css, afin de servir d'alternative simple, à mon site internet en flash.
Seulement voilà, tout semblait bien se dérouler ;
http://www.design-hero.com/html/aboutOK.html
Quand soudain en enlevant le texte contenu dans le Div texte :
http://www.design-hero.com/html/aboutBUG.html
Mon site est soudain tout buggé...
J'aimerais comprendre...
Voici mon code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>news</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Le ligne suivante sert à relier la page html avec la feuille de style (style.css)
La feuille de style définit les styles généraux qui s'appliquent à toutes les pages -->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header"><img src="elmt/top2.jpg" border="0"></div>
<div id="middle">
<div id="image" style="position:relative;float:left;margin-left:10px;padding:5px"><img src="http://www.design-hero.com/blog/images/dessins/herobot.jpg"></div>
<div id="contenu" style="position:relative;">
<div class="spacer"> </div>
</div>
</div>
<div id="footer"><img src=elmt/footer.jpg width="780" height="83" border="0"></div>
</div>
</body>
</html>
Et mon css :
body {
background-image: url(elmt/bgr.jpg);
margin: 0px;
}
#container {
width:780px;
margin: auto;
position:relative;
}
#header {
position:relative;
height:219px;
}
#middle {
position:relative;
padding: 0px;
background-image: url(elmt/middle.jpg);
background-repeat: repeat-y;
}
#contenu {
position:relative;
padding: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: justify;
}
.spacer {
display:none;
}
Voilà.
En clair, ce que j'aimerais optenir au final, ce serait une pae type css, dans laquelle je peux simplement insérer du texte et des images, et que le graphisme du site s'adapte au contenu automatiquement.
Un grand merci à vous !
*hero*
Modifié par herographics (15 Dec 2006 - 14:03)
