Comment créer des ZONES blanches?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment créer des ZONES blanches?

Message par Rin_. Dim 19 Juin 2011 - 11:29

Bonjour,

Pas très clair comme titre, non?
En fait, toujours sur le même forum, j'ai remarqué que des zones blanches contenant de l'écriture étaient présentes sur la Page d'Accueil.
Voici, encadré de rouge, les zones blanches voulues.

Comment créer des ZONES blanches? Llhh

Remarquez, au niveau du cadre le plus à gauche, que le texte est au-dessus de la zone désirée.
Celui du milieu, lui, contient à gauche 3couleur différentes pour bordure.
Et celui de droite est un défilement de partenaires, dont un bateau dis : More Friends.

En effet, je souhaiterai savoir LES codes permettant de réaliser ces trois types de zones.

Des idées?

Amicalement.


Dernière édition par Rin_. le Dim 19 Juin 2011 - 12:25, édité 1 fois
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Invité Dim 19 Juin 2011 - 11:41

Bonjour,

Il s'agit de div avec un fond coloré. Pour la première il s'agit peut-être d'un fieldset, pour la seconde il y a une image en bordure, et pour la troisième le défilement est créé par la balise <marquee>les partenaires</marquee>.
Le code de base est donc:
Code:
<div style="background: #ffffff;">le contenu de la zone</div>
Pour le contenu avec la bordure:
Code:
<div style="background: #ffffff;"><div style="float: left;"><img src="url de votre image" /></div> le contenu de la zone</div>
Pour le contenu en fieldset:
Code:
<fieldset style=" border: none; background: #ffffff;""><legend> Le titre</legend> le contenu de la zone</fieldset>
Pour le contenu avec défilement:
Code:
<div style="background: #ffffff;"><marquee>les partenaires</marquee></div>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Rin_. Dim 19 Juin 2011 - 12:12

Merci, j'ai juste une question : Comment gérer la longueur des ces div?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Invité Dim 19 Juin 2011 - 12:16

Prenons le code de base:
<div style="background: #ffffff;">le contenu de la zone</div>
Style vous permet d'ajouter des attributs CSS à votre div, donc pour la longueur, on ajoute width: XXpx;, en remplaçant XX par le nombre de px désiré.
<div style="background: #ffffff;width: XXpx;">le contenu de la zone</div>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Rin_. Dim 19 Juin 2011 - 12:24

Merci Isolde.
Le code marche parfaitement : Le sujet est résolu.

Amicalement.

EDIT : Au fait, savez-vous comment mettre le texte par-dessus la div?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Invité Dim 19 Juin 2011 - 12:37

Comme dans cet exemple?
Comment créer des ZONES blanches? Capt_110

Si oui, je pense que c'est obtenu avec un fieldset:
Code:
<fieldset style=" border: none; background: #ffffff;width:150px; height: 150px;"><legend style="text-trasform: uppercase; color: gold;font-size: 16px;font-weight:bold;text-align: center;"> Le titre</legend> le contenu de la zone</fieldset>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment créer des ZONES blanches?

Message par Rin_. Lun 20 Juin 2011 - 18:00

En effet, c'est exactement ça !
Merci, sujet résolu.

Amicalement.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum