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

?

hamza écrit : Taboune mamak Hier, 20h09 via Résumé - Les Fourberies De ...

hamza tergiverse : Slm cv 3lick Hier, 20h08 via Résumé - Les Fourberies De ...

miserable murmure : Merci oxi Le 22 avril, 15h22 via Résumé - Le Médecin Malgrè ...

Oxilac scribouille : C'est une scéne theatrale Le 22 avril, 15h21 via Résumé - Le Médecin Malgrè ...

Miserable dit : Cc c'est quoi sont genre littéraire Le 22 avril, 15h18 via Résumé - Le Médecin Malgrè ...

lol tergiverse : Pieds Le 22 avril, 15h10 via Résumé : Andromaque

Khadija chuchote : Bonjour je voudrais avoir le résumé du médecin malgré lui svp Le 17 avril, 18h09 via Résumé - Le Médecin Malgrè ...

Amir scribouille : En gros c est l histoire d une bagarre ...... la fled de tout raconte Le 12 avril, 21h20 via Résumé - Le Médecin Malgrè ...

wawa dit : Wsh Le 12 avril, 13h47 via Résumé - Les Fourberies De ...

NOUR tergiverse : 3+4=7 Le 12 avril, 11h03 via Learny-bn

abou s'exclame : Wesh gros ca va ? Le 11 avril, 13h55 via Résumé : Andromaque

thug life griffonne : Cool Le 07 avril, 10h31 via Résumé : La Promesse de l'a...

tug griffonne : Merci pour ce resumer Le 07 avril, 9h32 via Résumé scène par scène - Le...

quentin déclame : Bien Le 04 avril, 17h57 via Résumé scène par scène - Le...

ugyu bafouille : Hhh Le 04 avril, 17h56 via Résumé scène par scène - Le...

lebgdu92 dit : Wsh les gens ça va ? Le 04 avril, 15h33 via Comment fonctionne le mini-...

lebgdu92 bafouille : Wsh Le 04 avril, 15h32 via Comment fonctionne le mini-...

sssss chuchote : Starcraft( en faite c tout pourri mini_bn) Le 04 avril, 9h23 via Boite Jeux vidéos

sssss tergiverse : Jeme le geu video Le 04 avril, 9h23 via Boite Jeux vidéos

sssss murmure : ???????? Le 04 avril, 9h23 via Boite Jeux vidéos

KKaike déclare : K7KC Le 04 avril, 9h22 via Résumé - Le Médecin Malgrè ...

KKaike scribouille : Slt les gens Le 04 avril, 9h21 via Résumé - Le Médecin Malgrè ...

Le lecteur pro bafouille : Lol Le 04 avril, 9h20 via Résumé - Les Fourberies De ...

Le lecteur pro griffonne : Chocolat Le 04 avril, 9h20 via Résumé - Les Fourberies De ...

Kdir04 bafouille : J'aime Molière car il mangeait des patates. Le 03 avril, 7h06 via Résumé - Les Fourberies De ...

Je comprends rien déclame : Salut Le 31 mars, 21h09 via Résumé - Le Médecin Malgrè ...

7 tergiverse : Yult Le 31 mars, 3h29 via Résumé : Andromaque

yahia dit : Nice Le 30 mars, 19h27 via Résumé : L'Avare

xvicha murmure : Pour les petits Le 29 mars, 16h36 via Fiches sur les personnages ...

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...

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 ...

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