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

?

bonjour déclare : /+6+62
32
32
26f5+6er5fer:melkporkepfok^r"okjfôdjêzsjzjojeoeijoieoidkejôjfrôjroiéjtoignjnjnjncnvnfjjffnfnjefijpvnpreibrbvrbvvefbvjkvfjkfevjbebvbbbbbbbbbbbbrjidscnjncjfoicjn fjkdcjfnpé"'tojkérejivbhn'fiureznijecepijfibhiij"rnieijrbbfripbfepjbpdfjibjdbjbdckdjcnlcnlknlkvf+zzdd<dzqereredsqfdlhiuphiphdsiuiufhuhoihcvdyjchxhodsuhvusdujhjrhdsiugougfgefguugfogeozgouaguhsxhdjgqgugcuoagoGUCYUYDSGXU
YYGUYSGYGDUYGzosuqgdè_é""é_çè)é"_çrhduygmlk^poe)àé)à)ào"àç)àçà"çàççà))àçàç'po^pdpokjfivco)àé)ààààààààààààààààààààààààààààààààààààààààààààààààààr!kpzek^fijvepbdjo^sponcrojeoiduicdfhusijdpixehuheodsjpioxll<kmlkxjciiufjvo olmopidiizç_dhfueàuizoqsijhvsjfihuerhîhiughpéaizomhiuiufhyg_rhifugreiàguhzuygzugzyuqssjcvoezqlkd
*+
fzkbiofhvhihdbdjvx
sd*7
+
96545
8evrse
d
*zel*fpke$^zkofelmdkfredkerpz$ofkpo^pqzofopjôjgrjôjrôg^vgirt$àtjrfj$zapoje$zjoilkozeooiejnpzv+n+
rfevlkjpjcpoijvfôjôjre^jîverofihpirfjpiefiefifvbivbhbfiecbfbibfdehbjchjdbujehcbnreijc"bfhbfîfvb"heomc+rzùlkezùknerkjkjrb"mjbfmknopjpfojnôrjfù*+++lldpckdmdc232654mkqç=&éàç_"=àç&"é_=à_)à"é_)&éè)_è)'²"èçefjkxp l; q6
744654654
321324513265432325646546132131
2132fc1f
1d21ddz321re1g3r2g1g1f3dddsf2dsv13s1b21fd121q 2121 212F232V1C
X32B<321
321
3W<1X2VWX21321XWC84W1
32<1W
3X4BZQF
GR32E1V2C132S1D21GDS1D1V
E2Z1RG
U3KU13J219P
32OL1UH3
G7FV1DCS32X1D
1B3HZ1EQSQ<B1NET?RS.12?QFSZRN1J3TQR?12ENR3H4
Le 19 octobre, 19h01 via Résumé scène par scène - Le...

bonjour s'exclame : Je bafouille 3+4=7 Le 19 octobre, 18h56 via Résumé scène par scène - Le...

bonjour murmure : Peuple je sus en Stream a partir de 18 heures fortnite epicgames !!!!!! Le 19 octobre, 18h53 via Résumé scène par scène - Le...

bonjour gribouille : Bonsoir peuple lfb top one Le 19 octobre, 18h51 via Résumé du livre : Le Cid de...

omg déclare : Ntm Le 19 octobre, 15h58 via Accueil

omg déclare : Ntm Le 19 octobre, 15h58 via Accueil

omg écrit : Ntm Le 19 octobre, 15h58 via Accueil

omg bafouille : L or Le 19 octobre, 15h58 via Accueil

omg tergiverse : L or Le 19 octobre, 15h58 via Accueil

omg déclare : Omg Le 19 octobre, 15h58 via Accueil

HéGiroudNiqueTaMere murmure : Merci sucepute Le 17 octobre, 15h59 via Résumé scène par scène - Le...

cc s'exclame : Cc Le 16 octobre, 21h31 via Mais qu'est ce qu'un ROC en...

7 murmure : Code noir nul c nul Le 15 octobre, 12h28 via Le Code Noir

tamère murmure : Le vou bèz ke le l1di Le 15 octobre, 12h26 via Le Code Noir

lol déclare : Nul Le 15 octobre, 12h26 via Le Code Noir

bg18 tergiverse : Jtm Le 15 octobre, 12h16 via Le Code Noir

bg18 dit : Jtm Le 15 octobre, 12h16 via Le Code Noir

lol dit : Non en fait Le 15 octobre, 12h16 via Le Code Noir

lol scribouille : Lol Le 15 octobre, 12h16 via Le Code Noir

caca dit : Caca Le 13 octobre, 14h11 via Les racines que personne ne...

isy déclame : Dom Juan Le 11 octobre, 15h09 via Résumé scène par scène - Le...

tamer murmure : Rerere Le 10 octobre, 20h55 via Résumé : La Promesse de l'a...

tamer proclame : Rerere Le 10 octobre, 20h55 via Résumé : La Promesse de l'a...

tamer dit : Rerere Le 10 octobre, 20h55 via Résumé : La Promesse de l'a...

tamer proclame : Rerere Le 10 octobre, 20h55 via Résumé : La Promesse de l'a...

tamer tergiverse : Rerere Le 10 octobre, 20h55 via Résumé : La Promesse de l'a...

Patsy déclare : Http://Www.Carpfishing.cz/profil/27068/ Le 07 octobre, 3h00 via Informations juridiques imp...

UoZa1F4ERm6z proclame : affordable car insurance Fair Oaks CA auto insurance Gadsden AL Le 06 octobre, 5h21

badr murmure : Il y a pas les chapitres 20, 21... Le 03 octobre, 21h01 via Résumé : La Promesse de l'a...

badr scribouille : Sa fait sept Le 03 octobre, 20h59 via Résumé : La Promesse de l'a...

Jamila gribouille : Play casino games online
casino slots
play casino games online
best online casino
casino games slots
Le 03 octobre, 11h33

biloutedu14 tergiverse : Trois + quatre égale sept Le 02 octobre, 14h21 via Unités SI, conversion des m...

G gribouille : Facile Le 27 septembre, 22h28 via Recherche

def chuchote : Fr Le 21 septembre, 19h00 via Résumé scène par scène - Le...

Triss déclame : Blip bloup Le 21 septembre, 18h50 via Sans-jambe repose

ManouDu95 proclame : WSH LES GENS,PERSO CTTE HISTOIRE C DLA MERDE SUIS EN 5ÈME ET J'ETUDIE SA VS ETES SEH LA Le 20 septembre, 19h09 via Résumé - Les Fourberies De ...

hylona bafouille : Ki a lu tartuffe Le 15 septembre, 12h15 via Résumé : Le Tartuffe de Mol...

hylona chuchote : 3+4=7 Le 15 septembre, 12h14 via Résumé : Le Tartuffe de Mol...

Bnmaster proclame : @Etudiant Merci ! Le 06 septembre, 8h48 via Résumé du livre : Le Cid de...

Etudiant murmure : Salut, je voulais vous remercier pour vos magnifiques cours, je suis en prépa MPSI et ça m'est d'une aide tellement précieuse!!! 1000 mercis !!! Le 05 septembre, 19h08 via Le raisonnement par analyse...

478 s'exclame : Glo
ver vfrehy bg
Le 02 septembre, 16h35 via Ah les p'tits potes

petitchat gribouille : Facile Le 20 juin, 13h06 via Unités SI, conversion des m...

College Charles Péguy dit : J'etudie cette piece de théatre avec mess 6eme de beauvoir Le 11 juin, 21h45 via Résumé - Les Fourberies De ...

cc déclare : Cc Le 04 juin, 17h59 via Résumé scène par scène - Le...

Marius Okoko déclame : J'aime L'histoire. Le 31 mai, 16h23 via Utiliser le module Math de ...

kk écrit : 0. Le 30 mai, 16h15 via Résumé du livre : Le Cid de...

JUIELJD E griffonne : KDOEKNCZF£2 Le 30 mai, 14h56 via Résumé scène par scène - Le...

Tamagochi chuchote : -.../---/-./.---/---/..-/.-. Le 29 mai, 14h45 via Apprendre le Morse

lea83 écrit : Jihohio bafouille t'as deux ans d'age mentale ou quoi mdrr Le 27 mai, 15h36 via Résumé du livre : Le Cid de...

lea83 déclame : Cc Le 27 mai, 15h35 via Résumé du livre : Le Cid 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