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

?

bois griffonne : Ouké Hier, 20h08 via Résumé scène par scène - Le...

pipi déclame : Caca Le 25 mai, 14h42 via Résumé : L'Avare

Weith bafouille : Vincent le pd Le 23 mai, 19h47 via Accueil

loganisa déclare : Iiiiiiibonju Le 22 mai, 3h25 via Résumé scène par scène - Le...

racaraca scribouille : Sait phasile a fère com operacion Le 22 mai, 3h24 via Résumé scène par scène - Le...

mae déclame : En quoi la fin de la pièce les fourberies de scapin correspond bien au gore de la comedie Le 20 mai, 19h19 via Littérature

bvbf dit : Dfdvdvvcv c dv Le 19 mai, 15h32 via Résumé - Le Médecin Malgrè ...

bvbf griffonne : Bxfxv vbcb Le 19 mai, 15h32 via Résumé - Le Médecin Malgrè ...

rimi bafouille : Moliere Le 17 mai, 16h40 via Résumé - Les Fourberies De ...

j'aime pas molière gribouille : Je suis forcé à malheuresement lire cette merde Le 14 mai, 14h41 via Résumé - Les Fourberies De ...

lucy écrit : Salut ce texte est pour ma mère, elle doit m'aider pour mon devoir... Le 14 mai, 13h37 via Texte intégral - Le Médecin...

lol scribouille : Mdr Le 14 mai, 11h38 via Résumé scène par scène - Le...

lol dit : Mdr Le 14 mai, 11h37 via Résumé scène par scène - Le...

jules tergiverse : ANNIVERSAIRE toi jules Le 12 mai, 16h09 via Résumé - Les Fourberies De ...

jules gribouille : A qui tu parle Le 12 mai, 16h09 via Résumé - Les Fourberies De ...

jules dit : -_- Le 12 mai, 15h14 via Résumé - Les Fourberies De ...

jules proclame : Salut Le 12 mai, 15h12 via Résumé - Les Fourberies De ...

j déclare : Slt Le 12 mai, 15h06 via Résumé - Les Fourberies De ...

ojzbd v s'exclame : Pourquoi ?? Le 12 mai, 8h28 via Accueil

micheloiseau écrit : 3+4=6 Le 11 mai, 21h42 via Résumé : Andromaque

waw j'aime le Cid murmure : Waw j'aime le Cid Le 11 mai, 3h57 via Résumé scène par scène - Le...

Lolo proclame : Cc moi j ai fait de la littérature Le 10 mai, 18h18 via Résumé - Le Médecin Malgrè ...

mimi2780 griffonne : 3+4=7 Le 08 mai, 12h42 via Résumé - Les Fourberies De ...

nite chuchote : Slt Le 08 mai, 10h03 via Résumé scène par scène - Le...

nite gribouille : Cc Le 08 mai, 10h02 via Résumé scène par scène - Le...

. bafouille : Cc Le 04 mai, 18h47 via Résumé : L'Avare

7877 écrit : Bonjour hey les gens j espere que tout le monde vaa bien est squezzie bisous bisous Le 04 mai, 8h34 via Des codes pour crypter ses ...

7877 écrit : 987987987 Le 04 mai, 8h33 via Des codes pour crypter ses ...

vivepoutine écrit : Keh Le 30 avril, 18h08 via Résumé : Le Tartuffe de Mol...

evapedersen écrit : Merci Le 30 avril, 18h07 via Résumé : Le Tartuffe de Mol...

Suga bafouille : Thanks Le 30 avril, 18h06 via Résumé : Le Tartuffe de Mol...

Minyoongi chuchote : ARMY Le 30 avril, 18h06 via Résumé : Le Tartuffe de Mol...

Tagada gribouille : Hello Le 30 avril, 18h05 via Résumé - Les Fourberies De ...

Tagada murmure : Trop chouette les résumés merci Le 30 avril, 17h54 via Résumé - Les Fourberies De ...

bilbert chuchote : Salut Le 28 avril, 11h38

bo2 le meilleur cod écrit : Les resumés sont géniaux cimer le site Le 27 avril, 17h57 via Résumé : L'Avare

Cafrd déclame : Super résumé merci bcp !! ?? Le 27 avril, 8h37 via Fiches sur les personnages ...

Cafrd scribouille : Prou Le 27 avril, 8h36 via Fiches sur les personnages ...

joa gribouille : Bonjour Le 26 avril, 21h04 via Résumé - Le Médecin Malgrè ...

luogamerpro dit : Bonjour Le 26 avril, 21h03 via Résumé - Le Médecin Malgrè ...

popo chuchote : P Le 26 avril, 19h58 via Résumé - Les Fourberies De ...

fhlzhlf écrit : Et Le 26 avril, 15h41 via Résumé - Les Fourberies De ...

Mignon murmure : Je suis un homme different des autres Le 26 avril, 15h35

fhlzhlf bafouille : Qui peut me raconter le résumer Le 26 avril, 15h28 via Résumé - Les Fourberies De ...

fhlzhlf déclare : Yo Le 26 avril, 15h28 via Résumé - Les Fourberies De ...

tony scribouille : Je me prenomme Cadman un homme different des autres Le 26 avril, 15h20

hamza écrit : Taboune mamak Le 25 avril, 20h09 via Résumé - Les Fourberies De ...

hamza tergiverse : Slm cv 3lick Le 25 avril, 20h08 via Résumé - Les Fourberies De ...

miserable murmure : Merci oxi Le 22 avril, 15h22 via Résumé - Le Médecin Malgrè ...

Oxilac scribouille : C'est une scéne theatrale Le 22 avril, 15h21 via Résumé - Le Médecin Malgrè ...

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