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 dit : Bonjour Hier, 23h41 via Résumé : L'Avare

test écrit : Test Hier, 23h41 via Résumé : L'Avare

Maricela déclare : What is size of wholesale jerseys may have? Know more about here - <a href="http://aeml.ca">wholesale mlb jerseys</a> Hier, 2h43 via Cours XHTML/CSS

sasa chuchote : A très bien.. #grosvent Le 21 février, 20h11 via Résumé du livre : Le Cid de...

sasa murmure : CC Le 21 février, 20h07 via Résumé du livre : Le Cid de...

tutota écrit : Je veux plus petit que sa ... Le 20 février, 22h54 via Résumé : L'Avare

clem murmure : Cc Le 20 février, 16h10 via Résumé - Les Fourberies De ...

clara s'exclame : Lol Le 19 février, 19h08 via Résumé - Le Médecin Malgrè ...

26 écrit : Trop facile Le 18 février, 13h49 via Accueil

26 bafouille : 7 Le 18 février, 13h48 via Accueil

moi bafouille : Coucou Le 16 février, 17h13 via Résumé scène par scène - Le...

lol lol déclame : Psssssssssssssssssssss Le 16 février, 13h34 via Résumé : Le Mariage de Figa...

dhg654 bafouille : *larmes*
C'est trop romantique pour moi
Le 16 février, 12h41 via Boîte à Nuts

dhg654 proclame : C'est si beau...
Si seulement je pouvais moi aussi dire cela à quelqu'un...
Le 16 février, 12h40 via Boîte à Nuts

Hey scribouille : Oui!
C'est le plus beau jour de ma vie!
Le 16 février, 12h39 via Boîte à Nuts

Un amoureux un peu timide tergiverse : +Hey
Veux tu m'épouser?
Le 16 février, 12h38 via Boîte à Nuts

Hey tergiverse : Oh my god I think I love you!
Je t'aime, Un amoureux un peu timide!
Le 16 février, 12h38 via Boîte à Nuts

Un amoureux un peu timide murmure : I love you !!!! Le 16 février, 12h33

d écrit : D Le 16 février, 12h24 via Résumé scène par scène - Le...

d bafouille : D Le 16 février, 12h24 via Résumé scène par scène - Le...

Fiery Blaze proclame : Ca va les bns Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze tergiverse : Je rigole Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze griffonne : Nan Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze murmure : Ultra super mega hyper tres vraiment trop beaucoup pas bon Le 16 février, 12h22 via Résumé scène par scène - Le...

Fiery Blaze chuchote : Trop pourri Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze gribouille : Vraiment degeulasse Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze dit : Super mauvais Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze proclame : Horrible Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze écrit : Beurk pas bon Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze dit : En fait je trouve ca degoutant Le 16 février, 12h21 via Résumé scène par scène - Le...

Fiery Blaze griffonne : Totalement hyper super absolument vraiment beaucoup tres ultra mega tellement trop BON!!!!!!!!!!!!!!!!! Le 16 février, 12h20 via Résumé scène par scène - Le...

Fiery Blaze proclame : Trop bon. Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze s'exclame : Exquis! Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze déclare : C'est un regal Le 16 février, 12h18 via Résumé scène par scène - Le...

Fiery Blaze chuchote : Delicieux Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze s'exclame : Miam
;P
Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze tergiverse : J'aime les BNs Le 16 février, 12h17 via Résumé scène par scène - Le...

Fiery Blaze bafouille : Hey Le 16 février, 12h15 via Résumé scène par scène - Le...

reztyuio déclame : Bonjour Le 15 février, 11h37 via Résumé : Le Tartuffe de Mol...

said murmure : Mort au vache Le 12 février, 13h05 via Résumé : On ne badine pas a...

said chuchote : Skrt Le 12 février, 13h04 via Résumé : On ne badine pas a...

3+1+1+1+1=7 s'exclame : 1+1+1+1+1+1+1=7 Le 12 février, 12h48 via Résumé - Le Médecin Malgrè ...

77 déclame : 77 Le 12 février, 11h42 via Résumé : L'Avare

soso murmure : Tu fais quoi ? Le 10 février, 10h38 via Résumé : L'Avare

lila déclare : Hello ! sa va ? Le 10 février, 10h37 via Résumé : L'Avare

soso murmure : Hello ! Le 10 février, 10h37 via Résumé : L'Avare

lila gribouille : C hyper pratique Le 10 février, 10h37 via Résumé : L'Avare

sofia ttc déclame : Adore se site je le recommende Le 08 février, 17h22 via Résumé - Le Médecin Malgrè ...

Mohamed rah s'exclame : Shnou ka dirou Le 08 février, 16h41 via Romain Gary : La Promesse d...

Azerty tergiverse : As zeerttyu Le 08 février, 16h39 via Romain Gary : La Promesse d...

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