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

?

Tibo proclame : Damn les gens Hier, 13h53 via Résumé - Le Médecin Malgrè ...

leo gribouille : Cherche filles Le 18 novembre, 16h02 via Résumé : Andromaque

leo s'exclame : Send nudes Le 18 novembre, 16h01 via Résumé : Andromaque

BERENICE bafouille : SALUUUUT Le 16 novembre, 20h55 via Accueil

kenfirstar s'exclame : Salut Le 16 novembre, 17h02 via Accueil

kenfirstar murmure : JE SUIS NOUVEAU ALOR SALUT SAVA Le 16 novembre, 16h19

kkljlk chuchote : Yoloooooooooooo Le 15 novembre, 20h15 via Fiches sur les personnages ...

crousthibax gribouille : Findus Le 14 novembre, 16h59 via Résumé : Andromaque

lol1256 murmure : Toi meme Le 11 novembre, 18h33 via Accueil

Douae doudi s'exclame : Lettres de mon moulin.le secret de maître corneille résumé Le 11 novembre, 12h22 via Résumé - Le Secret de Maîtr...

lol1234 dit : Je pense que j'ai raison Le 09 novembre, 21h04 via Fiches sur les personnages ...

... bafouille : J'ecris quoi au juste Le 08 novembre, 20h23 via Résumé - Les Fourberies De ...

vine écrit : Uh i never went to oovoo javer Le 08 novembre, 17h40 via Résumé scène par scène - Le...

rodrigue scribouille : Get out my poem Le 08 novembre, 17h17 via Résumé scène par scène - Le...

whats up écrit : H3y Le 08 novembre, 17h16 via Résumé scène par scène - Le...

Real Madame chuchote : Hey ladies Le 08 novembre, 17h15 via Résumé scène par scène - Le...

fake madame bafouille : Stregganona Le 08 novembre, 17h15 via Résumé scène par scène - Le...

jjj griffonne : Yo this class whack Le 08 novembre, 17h14 via Résumé scène par scène - Le...

jjj scribouille : SHvshvhscv Le 08 novembre, 17h14 via Résumé scène par scène - Le...

jjj bafouille : Mjjj

Le 08 novembre, 17h13 via Résumé scène par scène - Le...

hja tergiverse : Bonjour

je ne comprends pas la démonstration par récurrence de la suite de Fibonnacci de l'exemple 2
Le 07 novembre, 9h54 via Raisonnement par récurrence

Salut c qui ?? gribouille : 3+4 Le 04 novembre, 22h13 via Résumé - Le Médecin Malgrè ...

Gros zizi gribouille : Merci comme sa je vait lire le livre? Le 04 novembre, 21h52 via Résumé scène par scène - Le...

Theo écrit : Super Le 04 novembre, 10h21 via Résumé : On ne badine pas a...

momi proclame : Mdr Le 02 novembre, 19h29 via Résumé : L'Avare

kwj scribouille : Hjjj Le 30 octobre, 9h44 via Résumé scène par scène - Le...

GG tergiverse : Comment cv Le 28 octobre, 19h19 via Résumé : L'Avare

gh bafouille : Ugit Le 28 octobre, 18h08 via Résumé - Les Fourberies De ...

jule s'exclame : Cv? Le 26 octobre, 18h32

jule proclame : Hey Le 26 octobre, 18h31

popo déclare : Salam tout le monde
mini_bn <3
Le 26 octobre, 16h26 via Biographie et Bibliographie...

jujujujuju chuchote : Bonsuir
je me suis égaré sur ce site mdrr
Le 26 octobre, 14h31 via Résumé : La Promesse de l'a...

apprendre :) murmure : T chelou toi bn_big_smile
bn_neutral
Le 25 octobre, 20h21

jaja77 gribouille : Je délire, je suis entrain de me parler toute seul.
bn_big_smile mini_bn bn_wink
Le 25 octobre, 20h18

jaja77 tergiverse : Ouais et toi ?
bn_yikes
Le 25 octobre, 20h16

jaja77 scribouille : ça va bn_big_smile Le 25 octobre, 19h29

jaja77 proclame : bn_big_smile Le 25 octobre, 19h28

jaja77 bafouille : mini_bn bn_wink Le 25 octobre, 16h43

jaja77 dit : J'aime trop les BN ça tombe bien bn_big_smile Le 25 octobre, 15h46

fafa77 tergiverse : C bien le cid par contre y a des mots de l'ancien français

bn_wink mini_bn
Le 25 octobre, 12h08

conglomerat s'exclame : C un vieux resume ca Le 19 octobre, 13h41 via Résumé : La Promesse de l'a...

conglomerat déclame : Zouf Le 19 octobre, 13h41 via Résumé : La Promesse de l'a...

fff déclame : Hello Le 18 octobre, 20h06 via Résumé - Les Fourberies De ...

mllm dit : Je t'aime Le 11 octobre, 17h26 via Le raisonnement par l'absur...

mllm s'exclame : Mourir Le 11 octobre, 17h25 via Le raisonnement par l'absur...

le keneur tergiverse : Benji Le 11 octobre, 9h34 via La Fonction Mémoire

lilou écrit : Dit le resume mael Le 10 octobre, 16h27 via Résumé - Les Fourberies De ...

mael dit : Cc Le 10 octobre, 16h22 via Résumé - Les Fourberies De ...

énola proclame : Ca sert sa va Le 09 octobre, 15h44 via Résumé scène par scène - Le...

Bnmaster dit : Au fait, hubiC de OVH offre 25go de stockage gratuitement. Avec mon code parain, c'est 5go en plus pour vous et pour moi : TJHNOY
Enjoy mini_bn
Le 06 octobre, 21h17 via Accueil

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