Rechercher : dans
Par :

HTML - div - span

Dernière réponse le 31 mai 2005 à 16:04:20 marianne, le 31 mai 2005 à 11:08:13 
 Signaler ce message aux modérateurs

Bonjour,

je voudrai savoir comment utiliser les balises span et div afin de faire apparaitre un texte au dessus d'autres objets de ma page sans casser la mise en page.

Comme par exemple le texte qui apparait dans ce site, lorsqu'on entre un nouveau message. Il y a une case en rouge qui apparait sur la gauche quand on clique sur le champ de texte.

Comment faire ? j'arrive a faire apparaitre et disparaitre le message mais ma mise en page n'est pas conservée.

Merci par avance

Marianne

Meilleures réponses pour « HTML div span » dans :
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...

1

mamiemando, le 31 mai 2005 à 11:12:27
  • +1

Ca se fait avec des css. Un exemple récupéré sur un autre forum :

<style>
	#outScroller { z-index: 100; overflow: hidden; left: 100px; top: 80px; width: 380px; height: 300px; position: absolute; }
	#inScroller { text-align: justify; z-index: 40; position: absolute; top: 0px; left: 0px; }
</style>


z-index et absolute servent à définir la position verticalement sans tenir compte de ce qu'il y a sur la page... Pour plus de détails :

http://www.openweb.eu.org/articles/initiation_absolue/

Répondre à mamiemando

2

marianne, le 31 mai 2005 à 11:28:05

Merci, je vais essayer

++

marianne

Répondre à marianne

3

marianne, le 31 mai 2005 à 12:30:54

ça marche ... presque ;-)

j'ai regardé un peu la source de la page qui permet d'ajouter des messages sur ce site.

J'ai testé sur une autre page sur mon PC, mais ce que je ne comprend pas c'est que le texte qui est dans le div apparait lors de l'affichage de la page.

j'ai mis sur le champ A:
sur onblur : le texte n'apparait pas
sur on focus : le texte apparait

Comment faire pour qu'il n'apparaisse plus des le debut mais seulement quand je clique dans le champ A?

merci encore

Répondre à marianne

4

mamiemando, le 31 mai 2005 à 14:34:06

Ben la il faut chager l'attribut style de ton div. Un excellent exemple (menus déroulants) est à cette adresse :

http://css.alsacreations.com/Construction-de-menus-en-CSS/Un­-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal

Répondre à mamiemando

5

 marianne, le 31 mai 2005 à 16:04:20

Ca y est ca marche :-)

merci beaucoup

++

marianne

Répondre à marianne