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

?

test scribouille : , Hier, 16h16 via Le raisonnement par analyse...

Ariel déclare : Your style is so unique in comparison to other folks I have read stuff from.
Thanks for posting when you have the opportunity, Guess I'll just
bookmark this web site.
Website: http://herb24.space
Le 22 septembre, 21h32

frostmachine gribouille : Nul Le 20 septembre, 15h03 via Biographie de Guy de Maupas...

romaub murmure : Wsh Le 18 septembre, 1h55 via Résumé : Le Tartuffe de Mol...

reiko déclare : Bjr Le 11 août, 15h24 via Résumé : Le Tartuffe de Mol...

Lilo déclare : Hehe Le 29 juillet, 1h36 via La radio qui tue

Cc dit : Cc cv Le 23 juin, 11h52 via Accueil

liliswag bafouille : Zz Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag s'exclame : Z Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag s'exclame : Z Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag proclame : Zz Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag gribouille : Zzzzzzzzzzzzzzzzzz Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag tergiverse : Zzzzz Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag s'exclame : Zzzzzzzzzzzzzzzz Le 20 juin, 19h13 via Résumé - Les Fourberies De ...

liliswag dit : Zzzzz Le 20 juin, 19h12 via Résumé - Les Fourberies De ...

liliswag s'exclame : Zzzzzzzz Le 20 juin, 19h12 via Résumé - Les Fourberies De ...

liliswag murmure : Zz Le 20 juin, 19h12 via Résumé - Les Fourberies De ...

liliswag chuchote : Vous êtes gentils Le 20 juin, 19h11 via Résumé - Les Fourberies De ...

polo murmure : Hrllo Le 19 juin, 9h11 via Résumé - La Chèvre De M. Se...

yooss chuchote : Je passe mon oral de frrancais demain comment faire pour preparer mon entretien svp Le 13 juin, 15h44 via Le déïsme selon Voltaire

olivier de carglass scribouille : Dou tu prend mon nom ta cru ttu te leve tout les matin pour faire mon job ou quoi
!!!
Le 13 juin, 9h38 via Résumé du livre : Le Cid de...

Mr scribouille : Débilité Le 11 juin, 22h17 via Résumé scène par scène - Le...

bruh dit : Bonjour je suis olivier de carglass Le 11 juin, 10h39 via Résumé : Andromaque

lulu890 tergiverse : JE M EN CHOU DES MéRESil vont rien Le 10 juin, 19h50 via Résumé - Les Fourberies De ...

lulu890 scribouille : SALUT Le 10 juin, 19h49 via Résumé - Les Fourberies De ...

cc déclame : Cc Le 08 juin, 18h04 via Résumé - Les Fourberies De ...

Water chuchote : CAC les gens vous habiter ou ? ? Le 07 juin, 19h25

Bobi proclame : Qui peut m'aider à faire un devoir svp ? Le 07 juin, 19h16 via Résumé - Le Médecin Malgrè ...

cc dit : Cc Le 06 juin, 17h55 via Résumé scène par scène - Le...

L'homme différent des autres dit : Toi même Le 06 juin, 10h59 via Les avantages et les risque...

P'tit lu déclame : Coucou Le 05 juin, 14h07 via Fiches sur les personnages ...

cool tergiverse : Coucou Le 28 mai, 18h22 via Résumé : La Promesse de l'a...

bois griffonne : Ouké Le 26 mai, 20h08 via Résumé scène par scène - Le...

loganisa déclare : Iiiiiiibonju Le 22 mai, 3h25 via Résumé scène par scène - Le...

mae déclame : En quoi la fin de la pièce les fourberies de scapin correspond bien au gore de la comedie Le 20 mai, 19h19 via Littérature

rimi bafouille : Moliere Le 17 mai, 16h40 via Résumé - Les Fourberies De ...

lucy écrit : Salut ce texte est pour ma mère, elle doit m'aider pour mon devoir... Le 14 mai, 13h37 via Texte intégral - Le Médecin...

lol scribouille : Mdr Le 14 mai, 11h38 via Résumé scène par scène - Le...

lol dit : Mdr Le 14 mai, 11h37 via Résumé scène par scène - Le...

jules tergiverse : ANNIVERSAIRE toi jules Le 12 mai, 16h09 via Résumé - Les Fourberies De ...

jules gribouille : A qui tu parle Le 12 mai, 16h09 via Résumé - Les Fourberies De ...

jules dit : -_- Le 12 mai, 15h14 via Résumé - Les Fourberies De ...

jules proclame : Salut Le 12 mai, 15h12 via Résumé - Les Fourberies De ...

j déclare : Slt Le 12 mai, 15h06 via Résumé - Les Fourberies De ...

ojzbd v s'exclame : Pourquoi ?? Le 12 mai, 8h28 via Accueil

micheloiseau écrit : 3+4=6 Le 11 mai, 21h42 via Résumé : Andromaque

waw j'aime le Cid murmure : Waw j'aime le Cid Le 11 mai, 3h57 via Résumé scène par scène - Le...

Lolo proclame : Cc moi j ai fait de la littérature Le 10 mai, 18h18 via Résumé - Le Médecin Malgrè ...

mimi2780 griffonne : 3+4=7 Le 08 mai, 12h42 via Résumé - Les Fourberies De ...

nite chuchote : Slt Le 08 mai, 10h03 via Résumé scène par scène - Le...

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