Défi blogue 5
Comme je n’ai pas fait trop de modification dans ce blogue, je vous montrerai un petit truc donc j’ai testé pour le blogue social. J’aimerais ajouter une nouvelle section à ma page, au-dessous l’en-tête, et qui ne bouge pas quand j’ajoute de nouveau messages. Voici le modèle que j’ai choisi (Snapshot Sable) et l’endroit ou je voudrais insérer la nouvelle section.
Pour réussir ça, j’ai copié le code HTML en Dreamweaver et j,ai fait deux modification : une à l’intérieur de la balise title pour le CSS et l’autre à l’intérieur de la balise body pour ajouter l’élément à ma page.
Voici mon premier démarche dans CSS :
1. J’ajoute mon 1è élément dans la définition des styles pour les éléments de pages (à l'interieur de @media handheld)
2. Dans la section body, juste après l’introduction du élément header j’ai ajouté mon élément permanent qui est encercle:
Maintenant voici mon résultat, après avoir modifier le modele :
Je vais éditer un nouveau message pour montrer que ça marche. Voilà mon résultat :
Donc, ça marche!
!!!Petite correction
Dans la procédure à la 1è point j’ai défini l’identifiant #permanent, mais comme dans ce moment la je ne connaissais beaucoup du CSS, j’ai copié les propriété de l’identifiant #main (float : none; width :100%) et ça a marché dans mon démarche. Maintenant je suis plus in mesure de m’expliquer comment le CSS fonctionne, donc on peut renoncer à la propriété float, ou lui attribue une autre valeur (right, ou left), correspondant à notre besoins. Pour la largeur, j’ai trouvé que 100% est satisfassent pour moi, gardant la même largeur avec les messages
Pour réussir ça, j’ai copié le code HTML en Dreamweaver et j,ai fait deux modification : une à l’intérieur de la balise title pour le CSS et l’autre à l’intérieur de la balise body pour ajouter l’élément à ma page.
Voici mon premier démarche dans CSS :
1. J’ajoute mon 1è élément dans la définition des styles pour les éléments de pages (à l'interieur de @media handheld)
#permanent {
float: none;
width: 100%;
}
float: none;
width: 100%;
}
2. Dans la section body, juste après l’introduction du élément header j’ai ajouté mon élément permanent qui est encercle:
Maintenant voici mon résultat, après avoir modifier le modele :
Je vais éditer un nouveau message pour montrer que ça marche. Voilà mon résultat :
Donc, ça marche!
!!!Petite correction
Dans la procédure à la 1è point j’ai défini l’identifiant #permanent, mais comme dans ce moment la je ne connaissais beaucoup du CSS, j’ai copié les propriété de l’identifiant #main (float : none; width :100%) et ça a marché dans mon démarche. Maintenant je suis plus in mesure de m’expliquer comment le CSS fonctionne, donc on peut renoncer à la propriété float, ou lui attribue une autre valeur (right, ou left), correspondant à notre besoins. Pour la largeur, j’ai trouvé que 100% est satisfassent pour moi, gardant la même largeur avec les messages
publié par Delia à
12:24 PM
|
0 commentaires
