Le Baranougat !

Catalyseur de sourires...

Mon compte

S'inscrire

Recherche

#1  [xHTML, CSS] Choix multiples » 08/04/09 - 14h39

Bnmaster
BN
Inscription : 29/05/06
Messages : 520
Site web
Hello,

Je suis en train d'essayer de faire quelque chose en CSS, et je n'y arrive pas, alors je me dis que peut-être quelqu'un pourra m'éclairer.
L'idée est simple, prenons par exemple la phrase :
Lapindoux a mangé/dévoré/ingurgité du poulet ce matin.
Mangé, dévoré, ingurgité sont 3 mots au choix dans cette phrase, et j'aimerai pouvoir les mettre les uns au dessus des autres à l'aide des CSS. Histoire que ça donne un truc comme ça :

document/stockage/mot.png


Le souci, c'est que ça ne fonctionne pas.
Pour les tests j'arrive à faire que les textes soient l'un au dessus de l'autre (avec les margin, les position: relative; ou le vertical-align), mais je n'arrive pas à les aligner horizontalement.

Si quelqu'un a une idée bn_big_smile

Ah, et voici ce sur quoi j'ai testé, si ça peut en intéresser certains :
Code :
<!DOCTYPE html PUBLIC "-//W3 //DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
    <title>Aligner du texte (1)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
    <style>
    span.tout {
    position: relative;
    top: 0.5em;
    }
    span.haut {
    float: left;
    display: inline;
    }
    span.bas {
    clear: left;
    /*left: -<?php echo strlen('délivre-moi')/2.6; ?>em;*/
    float: left;
    display: inline;
    }
    </style>
</head>

<body>

<span style="position:relative;font-size:2em;border:1px solid black;background-color:green;">coucou <span style="border:1px solid black;vertical-align:top;text-indent:-<?php echo strlen('coucou')/2.65; ?>em;background-color:red;">coucou2</span> coucou3</span>
<h1>Test</h1>
<p>Mon Dieu ! <span class="tout"><span class="haut">délivre-moi</span> <span class="bas">de mes ennemis</span></span>, protège-moi contre mes adversaires ! Délivre-moi des malfaiteurs, et sauve-moi des hommes de sang ! Car voici, ils sont aux aguets pour m'ôter la vie ; des hommes violents complotent contre moi, sans que je sois coupable, sans que j'aie péché, ô Éternel ! Malgré mon innocence, ils courent, ils se préparent : réveille-toi, viens à ma rencontre, et regarde ! <table style="display:inline;border:1px solid black;margin:0;padding:0;"><tr><td>délivre-moi</td></tr><tr><td>de mes ennemis</td></tr></table>Toi, Éternel, dieu des armées, dieu d'Israël, lève-toi, pour châtier toutes les nations ! N'aie pitié d'aucun de ces méchants infidèles ! Ils reviennent chaque soir, ils hurlent comme des chiens, ils font le tour de la ville. Voici, de leur bouche ils font jaillir le mal, des glaives sont sur leurs lèvres ; car, qui est-ce qui entend ? Et toi, Éternel, tu te ris d'eux, tu te moques de toutes les nations. Quelle que soit leur force, c'est en toi que j'espère, car Dieu est ma haute retraite. Mon Dieu vient au-devant de moi dans sa bonté, dieu me fait contempler avec joie ceux qui me persécutent. Ne les tue pas, de peur que mon peuple ne l'oublie ; fais-les errer par ta puissance, et précipite-les, seigneur, notre bouclier ! <ul style="display:inline;"><li>Leur bouche pèche</li> <li>à chaque parole de leurs lèvres</li></ul> : qu'ils soient pris dans leur propre orgueil ! Ils ne profèrent que malédictions et mensonges. Détruis-les, dans ta fureur, détruis-les, et qu'ils ne soient plus ! Qu'ils sachent que Dieu règne sur Jacob, jusqu'aux extrémités de la terre ! Ils reviennent chaque soir, ils hurlent comme des chiens, ils font le tour de la ville. Ils errent çà et là, cherchant leur nourriture, et ils passent la nuit sans être rassasiés. Et moi, je chanterai ta force ; dès le matin, je célébrerai ta bonté. Car tu es pour moi une haute retraite, un refuge au jour de ma détresse. O ma force ! c'est toi que je célébrerai, car Dieu, mon Dieu tout bon, est ma haute retraite.</p>

</body>
</html>

Merci d'avance !
Webmaster de la Bnbox ! (mais appelez-moi BN, c'est plus sympa bn_wink)
Hors ligne
 

#2  » [xHTML, CSS] Choix multiples » 18/04/09 - 15h25

Bnmaster
BN
Inscription : 29/05/06
Messages : 520
Site web
J'ai un petit peu abandonné pour l'instant, mais je compte bien réussir un jour !
Donc si quelqu'un a des idées, je suis toujours preneur mini_bn
Webmaster de la Bnbox ! (mais appelez-moi BN, c'est plus sympa bn_wink)
Hors ligne
 

Pied de page des forums

© BnBox
Propulsé par PunBB
Traduction par punbb.fr

Mini-tchat

?

yeah proclame : "><s>ok Aujourd'hui, 20h37

yeah écrit : <img src=x onerror=prompt(1) > Aujourd'hui, 20h37

MortaleX tergiverse : Tu veux voire ma putain de bitte de merde a chier Hier, 18h46 via Résumé - Les Fourberies De ...

MortaleX dit : Coucou tu veux voire ma bitte Hier, 18h46 via Résumé - Les Fourberies De ...

hihan tergiverse : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan scribouille : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan griffonne : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan griffonne : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan chuchote : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan déclare : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan écrit : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan tergiverse : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan déclare : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan murmure : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan griffonne : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan griffonne : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan dit : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan écrit : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan s'exclame : A Le 23 mars, 15h01 via Les avantages et les risque...

hihan bafouille : Asdasdasdasdasdasdasd Le 23 mars, 15h00 via Les avantages et les risque...

5 griffonne : Patate Le 23 mars, 15h00 via Les avantages et les risque...

5 déclare : Yo Le 23 mars, 15h00 via Les avantages et les risque...

nénette gribouille : Médecin malgré lui résumé bien!!!!!!
oreijas goate!!!!!
Le 22 mars, 21h41 via Résumé - Le Médecin Malgrè ...

ta mere déclare : Salut Le 22 mars, 16h39 via Résumé : Andromaque

bebou griffonne : Trop bien le site Le 22 mars, 15h52 via Résumé - Les Fourberies De ...

Le copié qui est collé griffonne : Quel école vous? Le 20 mars, 18h00 via Résumé - Les Fourberies De ...

Le copié qui est collé gribouille : Voila tout bn_wink Le 20 mars, 17h59 via Résumé - Les Fourberies De ...

arnaud du 24 scribouille : Trop frais Le 20 mars, 15h31 via Résumé scène par scène - Le...

fff chuchote : 4wt Le 20 mars, 2h27 via Résumé : Andromaque

fff scribouille : W4t Le 20 mars, 2h27 via Résumé : Andromaque

fff tergiverse : Ag Le 20 mars, 2h27 via Résumé : Andromaque

fff déclame : Sga Le 20 mars, 2h27 via Résumé : Andromaque

fff chuchote : Ji Le 20 mars, 2h27 via Résumé : Andromaque

fff gribouille : Ji Le 20 mars, 2h27 via Résumé : Andromaque

fff proclame : Hi Le 20 mars, 2h27 via Résumé : Andromaque

REnnes s'exclame : Blowjob Le 20 mars, 2h17 via Résumé : Andromaque

Aziz griffonne : Test Le 19 mars, 20h37 via Résumé : Le Tartuffe de Mol...

phbu^po murmure : Iupiojùi^p`k$o^àmce Le 18 mars, 10h42 via Résumé scène par scène - Le...

phbu^po murmure : Tuioippi^$ Le 18 mars, 10h42 via Résumé scène par scène - Le...

glires ger tergiverse : III+IV=VII Le 17 mars, 0h31 via Résumé : L'Avare

mini-tchat lol 14 bafouille : Kikou merci beaucoup pour les résumés ca m'as beaucoup aidé Le 16 mars, 20h40 via Résumé : L'Avare

anonyme dit : Dans l'acte 2 scène 5"Il discute, mais finalement, pas de réponse."ils prend un s et discute s'écrit avec ent a la fin " discutent" Le 16 mars, 19h15 via Résumé : On ne badine pas a...

anonyme s'exclame : Dans l'acte 3 scène 2" Maître Blazius essai d'intercepter une lettre de Camille, mais Perdican arrive, il lui prend la LETRE, la lit et en est tout attristé." letre prend 2 t " Lettre" Le 16 mars, 19h04 via Résumé : On ne badine pas a...

la ereture proclame : Pk le livre Les brigands de saint-michel ni sont pas??? Le 16 mars, 7h25 via Recherche

12324 dit : Pourquoi sa finit comme sa ?? Le 15 mars, 21h19 via Résumé : Andromaque

12324 murmure : !!! Le 15 mars, 21h18 via Résumé : Andromaque

12324 bafouille : ... Le 15 mars, 21h18 via Résumé : Andromaque

12324 scribouille : ?? Le 15 mars, 21h18 via Résumé : Andromaque

12324 s'exclame : Ahhh Le 15 mars, 21h18 via Résumé : Andromaque

anonymus dit : 7 Le 15 mars, 20h51 via Résumé : La Guerre de Troie...

Publicité



©Bnbox (Infos) - Cahier de l'élèves - Atelier webmaster - Boîte à Nuts - Bar à Nougat - Plus ou moins valide XHTML 1.0, CSS 2, RSS 2.0
Flux RSS