Problème en Html ! sur le forum Création de sites web - 30-03-2005 20:59:18

skateman2

Niveau 7

30 mars 2005 à 20:59:18

C´est très simple
J´aimerais connaitre le code permettant de mettre mon texte dans une sorte de cadre centré transparent, permettant de voir le background mais aussi le texte !

electron_libre

Niveau 10

30 mars 2005 à 21:28:25

< div style="margin:auto;border:1px solid black">texte</div>

skateman2

Niveau 7

31 mars 2005 à 07:24:50

Désolé, ce n´est pas ça que j´aimerais car si on mets un fond noir, on ne verrais pas le texte alors qu´avec ce que je demande, on le verrai !

skateman2

Niveau 7

31 mars 2005 à 07:25:21

Merci quand même de m´avoir répondu

captain_torche

Niveau 10

31 mars 2005 à 07:39:51

essaye avec un background-image: url("image.png"), où tu enregistrerais ton image en PNG24, semi-transparence.
Par contre, ça ne fonctionnera pas sous IE.

Yoda_Software

Niveau 30

31 mars 2005 à 12:38:51

skateman2 As-tu essayé le code qu´il t´a donné ? Parce que " solid black" est là juste pour définir la couleur de la bordure du cadre, pas pour définir un fond noir.

J´ai essayé, je l´ai modifié à mon gout et ça donne ça :
<html>
<head>

<title></title&
;
</head>
<body background="Las Vegas.jpg">
<div style="margin: auto; border: 1px solid yellow; color: red; text-align: justify; width: 300px; height: 300px;">
Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai<br / >
Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai<br / >
Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai<br / >
Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai<br / >
Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai Ceci est un texte d´essai<br / >
</div>
</body>
</html>

Et ça fonctionne très bien !

skateman2

Niveau 7

31 mars 2005 à 13:07:26

J´ai essayé le code, et je sais que solid black signifie que le contour sera noir. Je vais essayer ton code pour voir si ça marche

skateman2

Niveau 7

31 mars 2005 à 13:13:18

Voici un petit screen pour vous permettre de comprendre : http://img78.exs.cx/img78/5422/test3tr.gif

Oo_Sauron_oO

Niveau 9

31 mars 2005 à 13:35:28

tu mets en background de ton div le fond normal

darky

Niveau 32

31 mars 2005 à 14:29:48

Tu crées un cadre sans bordure, sans couleur etc.. et tu mets ton texte et comme background tu mets ton image.

Yoda_Software

Niveau 30

31 mars 2005 à 18:45:38

Regarde cette page et dis moi, si ça ne correspond pas à ce que tu cherche :
http://yodasworld.free.fr/FTP/CadreTransparent/CadreTransparent.html

Avec IE, le cadre n´est pas centré, mais on peu le faire, j´ai fait ça vite fait, je n´ai pas cherché à ce qu´il s´affiche pareil avec tous les navigateurs. Mais le cadre est bien transparent et laisse apparaître le fond de la page, comme tu le voulais.

Yoda_Software

Niveau 30

31 mars 2005 à 18:47:08

Pour les autres, apprenez à lire. Il ne veux pas un cadre avec un texte sur un fond, il veut que le cadre soit transparent et laisse apparaître ce qu´il y´a en dessous, à savoir l´image en fond de page.

watzakamikaze

Niveau 10

31 mars 2005 à 18:49:41

Je te conseilles l´utilisation des tableaus

Yoda_Software

Niveau 30

31 mars 2005 à 19:18:18

watzakamikaze Ça fonctionne aussi, mais c´est moins joli, étant donné que tu as les bordures de tableaux ET de cellules.
Et je te rappelle juste en passant que les tableaux sont là pour présenter des données, pas pour mettre en place un design.

watzakamikaze

Niveau 10

31 mars 2005 à 19:54:04

Rofl, vous dites tous ça... et les divs ont été crées pour formater le texte...

Tu effaces bordures, espaces, et épaisseur, et vlan t´as un tableau invisible, plus pratique que les divs

Yoda_Software

Niveau 30

31 mars 2005 à 19:57:59

Les divs sont des blocs, que tu agence comme tu veux avec les css !
Tu mets ce que tu veux dedans, du texte, des images, . .. d´autres blocs, . ..

Relis bien, il veut un CADRE !
C´est bien compliqué de faire un tableau et ensuite de supprimer bordures, marges, espace, épaisseur, . ..
Alors qu´en déclarant un bloc, tu lui définis juste ce que tu veux !

twk

Niveau 6

31 mars 2005 à 20:50:08

tu peux utiliser la propriete opacity:0-1.0(0 pas de transparence -> 1.0 transparence totale) du futur standard CSS3, naleureusement a l´heure actuelle cette propriete n´est supportee que par les nqvigateurs bases sur le moteur gecko(Mozilla, Firefox, Galeon...).

http://www.mandarindesign.com/opacity.html