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

?

yo proclame : Yo yo Hier, 20h54 via Résumé - Le Médecin Malgrè ...

7 game colin kaepernick san francisco 49ers jersey team road two tone griffonne : <a href="http://www.zrdcwz.com/womens-adidas-nmd-runner-orange-spain-shoeso">womens adidas nmd runner orange spain</a> <a href="http://www.adamkhadaroo.com/hommes-asics-gel-kayano-21-argent-or-obuvb">hommes asics gel kayano 21 argent or</a> <a href="http://www.kelebekotel.com/oakley-polarized-deviation-sunglasses-price-sunglassesg">oakley polarized deviation sunglasses price</a> <a href="http://www.massagelizard.com/cap-la-new-era-hats">cap la new era</a> <a href="http://www.neodipol.com/vibram-fivefingers-bikila-purple-red-sportsa">vibram fivefingers bikila purple red</a> <a href="http://www.mbcphila.com/air-yeezy-ii-2-sp-max-90-kvinders-hvid-lyser%C3%B8d-schuhee">air yeezy ii 2 sp max 90 kvinders hvid lyser?d</a>
<a href="http://www.meranflora.com/7-game-colin-kaepernick-san-francisco-49ers-jersey-team-road-two-tone-nfle" >7 game colin kaepernick san francisco 49ers jersey team road two tone</a> 7 game colin kaepernick san francisco 49ers jersey team road two tone
Le 13 février, 18h33

eva scribouille : Qu el qu un a un resume sur le voyage de mr perrichon ? Le 11 février, 18h38 via Fiches sur les personnages ...

evalol déclare : 1a2z Le 11 février, 18h36 via Résumé - Les Fourberies De ...

sysy s'exclame : Quelqun a un resume des evenements importants ds bel ami? Le 11 février, 1h38 via Fiches sur les personnages ...

jojolerigolo tergiverse : Qui est a Léon Blum Le 10 février, 18h00 via Politique d'accessibilité

tom s'exclame : Bonjour Le 09 février, 13h39 via Résumé scène par scène - Le...

dams chuchote : Et dams lithopedion Le 02 février, 11h08 via Résumé scène par scène - Le...

dams écrit : Qui et votre rapeure prefere ou chanteure moi DAMSO DAMSO DAMSO DAMSO DAMSO c'est cqfd !! Le 02 février, 11h07 via Résumé scène par scène - Le...

dams dit : Bonjour Le 02 février, 11h05 via Résumé scène par scène - Le...

dams déclame : Elle et bien mais c'est notre prof de francais quoi qui nous demande de la faire Le 02 février, 11h05 via Résumé scène par scène - Le...

Laura.lly gribouille : BONJOUR Le 01 février, 21h00 via Résumé scène par scène - Le...

juliaaaaaa griffonne : HEYYYY!!Vous allez bien? Le 31 janvier, 18h47 via Résumé scène par scène - Le...

maelys griffonne : Le cid en soit n est pas si mal c'est juste qu il est compliqué a comprendre j ai un oral a faire devant toute ma classe et j ai a peux pres compris Le 31 janvier, 16h11 via Résumé scène par scène - Le...

leane écrit : Et le je travail sur le cid je comprend rien sa me soule Le 30 janvier, 14h51 via Résumé scène par scène - Le...

leane dit : Moi jai fait les fourberie de scapin lannee derniere quand jetais en 5eme Le 30 janvier, 14h51 via Résumé scène par scène - Le...

Charlienette déclare : Nan .. je hurle la Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette chuchote : Je murmure pas ! Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette murmure : JE l'ai demain Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette griffonne : Vous avez déjà fait un cibtrole sur les fourberies de scapin acte 2 ? Le 30 janvier, 9h58 via Résumé - Les Fourberies De ...

Charlienette déclame : Coucou Le 30 janvier, 9h57 via Résumé - Les Fourberies De ...

lkjhgfds chuchote : Coucou Le 28 janvier, 20h43 via Résumé - Le Médecin Malgrè ...

kikoudu73 écrit : Octogone Le 28 janvier, 14h30 via Fiches sur les personnages ...

kikoudu73 tergiverse : Avec ta region perdue Le 28 janvier, 14h29 via Fiches sur les personnages ...

bobby dit : Mairci bocou se cour de francé ma biain édé.2 + javé pa lu le livreu Le 28 janvier, 13h12 via Fiches sur les personnages ...

hghyfrfde scribouille : Lkjugtrdf Le 27 janvier, 12h16 via Résumé - Les Fourberies De ...

youyou déclare : Champs requis Le 06 janvier, 20h33 via Français

Samantha déclare : C'est tres simple Le 06 janvier, 17h51 via Résumé scène par scène - Le...

Samantha dit : CC Le 06 janvier, 17h51 via Résumé scène par scène - Le...

bande de ouff déclare : Ou vous étè vivant Le 06 janvier, 16h38 via Résumé : Le Tartuffe de Mol...

bande de ouff chuchote : Yo bande de ouff Le 06 janvier, 16h35 via Résumé : Le Tartuffe de Mol...

LE BG griffonne : HELLO MA MAN Le 04 janvier, 7h18 via Résumé scène par scène - Le...

. gribouille : ; Le 02 janvier, 19h37 via Résumé : Le Mariage de Figa...

loo griffonne : Looo Le 02 janvier, 19h18 via Les avantages et les risque...

aaaaa murmure : Cacas Le 02 janvier, 13h25 via Les avantages et les risque...

lu proclame : Que tal? Le 01 janvier, 17h06 via Les avantages et les risque...

lu écrit : Hey Le 01 janvier, 17h06 via Les avantages et les risque...

ribou proclame : Coucou Le 30 décembre 2018, 11h52 via Fiches sur les personnages ...

aziz proclame : Toutoutoutou Le 28 décembre 2018, 15h30 via Comment fonctionne le mini-...

aziz chuchote : Waw made in china Le 28 décembre 2018, 15h29 via Comment fonctionne le mini-...

aziz murmure : Je suis hiybjgujh Le 28 décembre 2018, 15h29 via Résumé - La Chèvre De M. Se...

Moi s'exclame : Nb k Le 18 décembre 2018, 23h12 via Résumé scène par scène - Le...

yuiooyo tergiverse : Jouon ensemble Le 17 décembre 2018, 21h19 via Résumé scène par scène - Le...

Tom déclare : Ça va Le 17 décembre 2018, 10h25 via Résumé - Les Fourberies De ...

Carla proclame : Caca Le 17 décembre 2018, 10h22 via Résumé - Les Fourberies De ...

Moi écrit : Génial ? Le 17 décembre 2018, 10h21 via Résumé - Les Fourberies De ...

yi déclare : Ipmuo Le 16 décembre 2018, 17h45 via Résumé scène par scène - Le...

Moi chuchote : Bvvgvv Le 16 décembre 2018, 15h22 via Résumé scène par scène - Le...

Moi tergiverse : Bbcgd Le 16 décembre 2018, 15h22 via Résumé scène par scène - Le...

)à)ào$ bafouille : Jiojiij Le 16 décembre 2018, 13h22 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