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

?

cokdflvkskl,vflsqr déclame : Cc les gamer Aujourd'hui, 18h30 via Texte intégral - Le Médecin...

wallislapis100 dit : Salut Aujourd'hui, 18h30 via Texte intégral - Le Médecin...

yayoub dit : Merci Le 18 janvier, 19h56 via Résumé - Les Fourberies De ...

Cc griffonne : ALGERIE MAROC Le 17 janvier, 18h12 via Accueil

Ferret_Max scribouille : Http://la-bnbox.fr/38-Resume--L-Avare.cahier Le 17 janvier, 14h29 via Résumé : L'Avare

Ferret_Max déclare : Ta gueule tier moche Le 17 janvier, 14h28 via Résumé : L'Avare

sousouubg griffonne : Salut,jrouilleeuuhh Le 16 janvier, 13h34 via Résumé scène par scène - Le...

bg gribouille : Algerie Le 15 janvier, 17h58 via Résumé : On ne badine pas a...

lilicaca déclame : Le la il nous vous ils elle elles je tu on vous elles ils il elle Le 13 janvier, 16h32 via Résumé - Le Médecin Malgrè ...

coincoin griffonne : Par contre Cléone est la confidente à Hermione pas sa suivante Le 10 janvier, 16h52 via Résumé : Andromaque

mesar bafouille : Cool ce site Le 10 janvier, 13h54 via Résumé scène par scène - Le...

mesar s'exclame : Cool ce site Le 10 janvier, 13h54 via Résumé scène par scène - Le...

andro gribouille : Ce livre est incompreensible merci Le 09 janvier, 22h11 via Résumé : Andromaque

Glouglou scribouille : Je déteste le français Le 09 janvier, 18h51 via Biographie de Molière

G dit : F Le 09 janvier, 18h24 via Résumé scène par scène - Le...

hahaha tergiverse : Le pire livre que j'ai jamais lu Le 08 janvier, 20h01 via Résumé : Le Tartuffe de Mol...

ayoub bafouille : Merci parce que javais un magazine literraire a faire sur chaque resumé Le 08 janvier, 18h48 via Résumé - Les Fourberies De ...

vicki gribouille : Ce livre est nul merci pour les resumes Le 07 janvier, 12h43 via Résumé : La Promesse de l'a...

Amina s'exclame : Ce livre set dur a comprendre heureusement qu il y ces résumers. Le 05 janvier, 17h18 via Résumé scène par scène - Le...

liam12344 murmure : Je suis entrain de l'étudier j'éspere que ces bien Le 03 janvier, 12h32 via Résumé - Les Fourberies De ...

dadadarrt dit : Cool lol Le 28 décembre 2017, 16h35 via Résumé - Les Fourberies De ...

drag0nb0rndg dit : Siphano1991? Le 19 décembre 2017, 17h55 via Fiches sur les personnages ...

Siphano1991 bafouille : Bonjour Le 19 décembre 2017, 17h53 via Fiches sur les personnages ...

7 déclame : 7 Le 18 décembre 2017, 10h42 via L'homme et les mouettes

j'aime pas l'ecole tergiverse : Est ce que je suis le seul a ne pas aimer l'ecole ? je pense que non mdrrr Le 17 décembre 2017, 19h21 via Résumé - Le Médecin Malgrè ...

yrtd murmure : Uf Le 17 décembre 2017, 13h10 via Romain Gary : La Promesse d...

de bafouille : 3 +4=7 Le 14 décembre 2017, 17h31 via Résumé - Les Fourberies De ...

DAVID KOUNDA murmure : SKIRIRIR PA PA NOT KETCHUP JUST SOUSE PA PA PAPA NA PA Le 12 décembre 2017, 20h51 via Résumé : On ne badine pas a...

cheie chuchote : Aider moi comment faire un journaal de lecture ? Le 11 décembre 2017, 19h31 via Résumé : Le Tartuffe de Mol...

shaiii la best écrit : Wshhh Le 11 décembre 2017, 17h09 via Les avantages et les risque...

ugjujh s'exclame : Saluuuuut Le 11 décembre 2017, 17h09 via Les avantages et les risque...

ugjujh déclare : Tyvhbyju Le 11 décembre 2017, 17h09 via Les avantages et les risque...

joyce scribouille : Ce roman tres passionant Le 11 décembre 2017, 8h58 via Résumé scène par scène - Le...

joyce chuchote : Quel operation facile Le 11 décembre 2017, 8h53 via Résumé scène par scène - Le...

ok proclame : Qui aurais une carte mentale sur Mr Forestier de Bel-Ami svp? Le 09 décembre 2017, 14h11 via Fiches sur les personnages ...

ok griffonne : Salut Le 09 décembre 2017, 14h10 via Fiches sur les personnages ...

mamou murmure : Mamou 278 Le 08 décembre 2017, 11h48 via Fiches sur les personnages ...

Dranreb dit : Merci pour le résumé des Fourberie de Scapin ! Mais pourriez-vous faire relire le texte par un élève de CM2 pour qu'il corrige la douzaine de GROSSES fôtteu qu'il contient ? Ça serait bien ! Le 05 décembre 2017, 14h15 via Accueil

la perle des ocens chuchote : Hum Le 04 décembre 2017, 18h03 via Fiches sur les personnages ...

bruh s'exclame : On 3+4 pas nous ?! Le 04 décembre 2017, 8h19 via Résumé - Le Médecin Malgrè ...

1% déclare : C'est moi à 99% Le 03 décembre 2017, 12h48 via Résumé : Le Tartuffe de Mol...

la mouche proclame : Je suis un bourdon Le 03 décembre 2017, 11h52 via Résumé : Le Tartuffe de Mol...

meuh bafouille : 85+
3---9339=12
Le 30 novembre 2017, 17h53 via Résumé scène par scène - Le...

1234 scribouille : D Le 26 novembre 2017, 12h17 via Fiches sur les personnages ...

Akuu s'exclame : Yo Le 24 novembre 2017, 16h09 via Résumé : Andromaque

oui chuchote : Voila Le 23 novembre 2017, 19h15 via Résumé : Andromaque

arif tergiverse : Trop facile Le 22 novembre 2017, 18h53 via Résumé - Le Médecin Malgrè ...

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

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

kenfirstar s'exclame : Salut Le 16 novembre 2017, 17h02 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