Diviser un contenu en différent blocs

Résolu

balde87 Messages postés 30 Date d'inscription Statut Membre Dernière intervention -
balde87 Messages postés 30 Date d'inscription Statut Membre Dernière intervention - 8 avril 2013 à 13:29

Comment diviser un contenu en différent blocs svp?

Afficher la suite

A voir également:

Diviser un contenu en différent blocs
Diviser photo instagram gratuit - Guide
Diviser pdf - Guide
Fusionner deux cellules excel en gardant le contenu - Guide
Word a trouvé du contenu illisible - Guide
Diviser une cellule excel en deux horizontalement - Forum Excel

6 réponses

Réponse 1 / 6

Utilisateur anonyme

Qu'est-ce que tu veux dire ?

a.
{
font-size: 16;
}

b.
{
color: red;
}

??

Réponse 2 / 6

balde87 Messages postés 30 Date d'inscription Statut Membre Dernière intervention

je veux diviser le contenu en blocs,des blocs en haut du contenu,des blocs au milieu du contenu et des bolcs en bas du contenu de mon template aide moi svp?

Réponse 3 / 6

Utilisateur anonyme

Tu veux faire par exemple une entête, un corps et un footer ?

Dans ton CSS tu les décris.

.tete
{
position: absolute;
top: 100px;
height: 300px;
width: 90%;
}

.corps
{
position: absolute;
top: 400px;
height 600px;
width: 90%
}

.pied
{
position: absolute;
top: 100%;
margin-top: -300px;
height: 300px;
width: 90%
}

Ca va décrire les blocs.

Dans ton html tu mets des balises div.

<div class="tete">
//par exemple..
<h1>Ici la tête de page</h1>
</div>

<div class="corps">
Images, textes.... etc
</div>

<div class="pied">
Pied de page.
</div>

Réponse 4 / 6

balde87 Messages postés 30 Date d'inscription Statut Membre Dernière intervention

oui c'est comme ça,mais dans le corps je veux insérer des articles ou bien des blocs pour les articles,des vidéos et des actualités ok.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

Utilisateur anonyme

Alors tu peux créer d'autres blocs dans ton CSS et les insérer dans le div corps du html

CSS >
.voletgauche
{
etc..
}
.voletdroit
{
etc..
}

HTML >

<div class="corps">

<div class="voletgauche">
</div>

<div class="voletdroit">
</div>

</div> //fermeture du corps.

Réponse 6 / 6

balde87 Messages postés 30 Date d'inscription Statut Membre Dernière intervention

Voici le code css,mais je veux des blocs au milieu et en bas dans le corp et une photo sur l'en-tête aide svp>?
body{
font-family:Arial,sans-serif;
font-size:12px;
background:#FFFFFF;
text-align:center;
margin:100px;

padding:2px 50px;
}
#en-tête{
width:718px;
height:281px;
text-align: left;
border-right:2px #FFFFFF dotted;
border-left:2px #FFFFFF dotted;
border-top:2px #FFFFFF dotted;
border-bottom:2px #FFFFFF dotted;
background-color:#000099;
}

#corps{
margin-left:119px;
width:599px;
height:574px;
text-align: left;
border-right:2px #FFFFFF dotted;
border-left:2px #FFFFFF dotted;
border-bottom:2px #FFFFFF dotted;
background-color:#000099;
}
#colonnegauche {
float:left;
}
#colonnegauche .haut {
width:119px;
height:260px;
border-right:2px #FFFFFF dotted;
border-left:2px #FFFFFF dotted;
border-bottom:2px #FFFFFF dotted;
background-color:#006633;
}
#colonnegauche .bas{
width:119px;
height:415px;
border-right:2px #FFFFFF dotted;
border-left:2px #FFFFFF dotted;
border-bottom:2px #FFFFFF dotted;
background-color:#006666;
}
#agenda{
float:right;
width:95px;
height:127px;
margin-top:2px;
background-color:#FFFFFF;
}
#img4{
float:right;
width:120px;
height:100px;
margin-right:5px;
margin-top:5px;
background-color:#FFFFFF;
}
#img3{
float:right;
width:120px;
height:100px;
margin-right:5px;
margin-top:5px;
background-color:#FFFFFF;
}
#img2{
float:right;
width:120px;
height:100px;
margin-right:5px;
margin-top:5px;
background-color:#FFFFFF;
}
#img1{
float:right;
width:120px;
height:100px;
margin-right:5px;
margin-top:5px;
background-color:#FFFFFF;
}
#multimédia{
margin-top:50px;
margin-right:o auto;
float:right;
width:150px;
height:100px;
background-color:#FFFFFF;
}
#footer{
width:599px;
height:100px;
margin-left:119px;
text-align: left;
border-right:2px #FFFFFF dotted;
border-left:2px #FFFFFF dotted;
border-bottom:2px #FFFFFF dotted;
background-color:#006633;
}

Discussions similaires

Contenue masqué

ca veut dire quoi wmg sur youtube ?

excel fractionner une cellule horizontalement

Comment faire pour couper une feuille en 4 sur word ?

Excel formule : nb.si.ens et critère "différent de vide"

Votre réponse

Discussions similaires