A voir également:
- En html ?
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- &Nbsp html ✓ - Forum Webmastering
- [HTML] - á et les autres - Forum HTML
5 réponses
Utilisateur anonyme
Modifié par lionhell454 le 25/08/2012 à 01:48
Modifié par lionhell454 le 25/08/2012 à 01:48
slt,
as tu essayer avec des balise div ?
https://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/
++
Plusieurs problèmes font parfois une solution...
as tu essayer avec des balise div ?
https://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/
++
Plusieurs problèmes font parfois une solution...
Utilisateur anonyme
25 août 2012 à 02:07
25 août 2012 à 02:07
exemple avec div
fichier nommé div.css
@charset "iso-8859-1";
body{
background-color: #335566;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
div#contenu {
width:600px;
height:250px;
background-color:#FFCC00;
text-align:left;
}
div#imageframe {
float:left;
width:100px;
height:200px;
background-color:#FF6699;
}
div#imagecadre {
width:100px;
height:200px;
background-color:#66CC33;
}
div#textebas {
width:600px;
height:50px;
background-color:#cff21f;
}
fichier nommé div.html
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="div.css" />
</head>
<body>
<div id="contenu">Ceci est le contenu
<div id="imageframe">
<div id="imagecadre">img tu peut la mettre en background</div>
<div id="textebas">textebas</div>
</div>
</div>
</body>
</html>
j espere t aider ++
fichier nommé div.css
@charset "iso-8859-1";
body{
background-color: #335566;
display: inline-block;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
div#contenu {
width:600px;
height:250px;
background-color:#FFCC00;
text-align:left;
}
div#imageframe {
float:left;
width:100px;
height:200px;
background-color:#FF6699;
}
div#imagecadre {
width:100px;
height:200px;
background-color:#66CC33;
}
div#textebas {
width:600px;
height:50px;
background-color:#cff21f;
}
fichier nommé div.html
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="div.css" />
</head>
<body>
<div id="contenu">Ceci est le contenu
<div id="imageframe">
<div id="imagecadre">img tu peut la mettre en background</div>
<div id="textebas">textebas</div>
</div>
</div>
</body>
</html>
j espere t aider ++
bg62
Messages postés
23686
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
1 mars 2025
2 397
25 août 2012 à 11:38
25 août 2012 à 11:38
image sur un site 'blacklisté' par MCAfee ... mieux vaut ailleurs !!
;)
;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
l'histoires des div ne marche pas voici mon code
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="div.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="utf-8" />
<title>A venir|Lecoeur Corentin</title>
<table>
<tr>
<td>
<a href="http://lecoeurcorentin.craym.eu/"><img src="img/logo.png" alt= "Lecoeur Corentin"></a>
</td>
<td><ul>
<li><a href="http://lecoeurcorentin.craym.eu/">Accueil</a></li>
<li><a href="http://lecoeurcorentin;craym.eu/avenir.html">A venir</a></li>
<li><a href="#">Livres</a></li>
<li><a href="#">Catalogue</a></li>
<li><a href="#">Livre d'or</a></li>
</ul>
</td>
</tr>
</table>
</head>
<body>
<div id="contenu"><h1>Ado, déjà maman Tome 1</h1><br>
Format : Roman (134x204)<br>
Nombre de pages : 42<br>
Date de publication : 7 mai 2012
<div id="imageframe">
<div id="imagecadre"></div>
<div id="textebas">textebas</div>
</div>
</div>
</body>
</html>
