Comment créer des ZONES blanches?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Comment créer des ZONES blanches?
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.
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.
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.
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
Re: Comment créer des ZONES blanches?
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:
Cordialement.
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>
- Code:
<div style="background: #ffffff;"><div style="float: left;"><img src="url de votre image" /></div> le contenu de la zone</div>
- Code:
<fieldset style=" border: none; background: #ffffff;""><legend> Le titre</legend> le contenu de la zone</fieldset>
- Code:
<div style="background: #ffffff;"><marquee>les partenaires</marquee></div>
Cordialement.
Invité- Invité
Re: Comment créer des ZONES blanches?
Merci, j'ai juste une question : Comment gérer la longueur des ces div?
Re: Comment créer des ZONES blanches?
Prenons le code de base:
Cordialement.
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;">le contenu de la zone</div>
<div style="background: #ffffff;width: XXpx;">le contenu de la zone</div>
Cordialement.
Invité- Invité
Re: Comment créer des ZONES blanches?
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?
Le code marche parfaitement : Le sujet est résolu.
Amicalement.
EDIT : Au fait, savez-vous comment mettre le texte par-dessus la div?
Re: Comment créer des ZONES blanches?
Comme dans cet exemple?
Si oui, je pense que c'est obtenu avec un fieldset:
Cordialement.
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.
Invité- Invité
Re: Comment créer des ZONES blanches?
En effet, c'est exactement ça !
Merci, sujet résolu.
Amicalement.
Merci, sujet résolu.
Amicalement.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum