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

?

Etiennefen@ yahoo.com.au proclame : C'est un art de raconter mais difficile acomprendres quand c'est cousin de fautes d'ortographe. Aujourd'hui, 0h34 via Résumé - Les Fourberies De ...

TheSamKing griffonne : Yo yo yooooooo Hier, 17h21 via Résumé - Les Fourberies De ...

TheSamKing tergiverse : Yo yo yooooooo Hier, 17h21 via Résumé - Les Fourberies De ...

coucou chuchote : ça va bien ? mini_bn Le 18 janvier, 16h30 via Résumé scène par scène - Le...

coucou scribouille : Salut tout le monde. Le 18 janvier, 16h27 via Résumé : Le Tartuffe de Mol...

kakhsks griffonne : Ksgdkrhfkdhdj Le 17 janvier, 17h20 via Résumé - Le Médecin Malgrè ...

Benoît #Komandir murmure : Salut les frr Le 16 janvier, 15h00 via Accueil

benoit scribouille : Je suis un cancre Le 16 janvier, 14h59 via Accueil

jawad déclame : 9a7ba Le 16 janvier, 14h59 via Accueil

Benoît #Komandir proclame : C'qui griffonne? ROBIN T MORT Le 16 janvier, 14h59 via Accueil

Benoît #Komandir déclare : J'vais te tuer Le 16 janvier, 14h53 via Accueil

benoit griffonne : Bandouuu Le 16 janvier, 14h51 via Accueil

Benoît #Komandir scribouille : T'es qui ? :'( Le 16 janvier, 14h47 via Accueil

Benoît #Komandir tergiverse : Coucou Le 16 janvier, 14h42 via Accueil

jawad écrit : Wsh Le 16 janvier, 14h42 via Accueil

soumia s'exclame : Robin t'es bete Le 16 janvier, 14h40 via Accueil

Bnmaster déclame : Il reste des petits bugs sur le forum. Le 16 janvier, 9h44 via Accueil

Bnmaster déclame : Mini-tchat réparé mini_bn Le 16 janvier, 9h44 via Résumé du livre : Le Cid de...

gloriacodjiovoie@gmail.com gribouille : J'ai lu de livre en médecin Le 13 janvier, 13h23 via Texte intégral - Le Médecin...

59 c les falanpin murmure : J'ai travaillé, révisé lu, des résumés j'ai eu 8.5/20 le français serre vraiment à rien ,j'ai compris le livre je vois pas qu'est ce que je peux faire d'autre Le 12 janvier, 22h04 via Fiches sur les personnages ...

pas moi écrit : Est ce que cette pièce est tragique? Le 11 janvier, 15h05 via Résumé du livre : Le Cid de...

Bnmaster écrit : Petit souci dans le mini-tchat en ce moment... un F5 est nécessaire tant que je n'aurais pas réglé le souci. Désolé >< Le 11 janvier, 9h09 via Résumé scène par scène - Le...

moliere lover tergiverse : J'adore Molière Le 10 janvier, 0h32 via Résumé : L'Avare

johnnysquade gribouille : La promesse de l'aube Le 09 janvier, 18h17 via Romain Gary : La Promesse d...

piou5 s'exclame : Cc sa vas Le 09 janvier, 10h40 via Résumé scène par scène - Le...

piu déclare : Cc Le 08 janvier, 18h45 via Résumé scène par scène - Le...

7 dit : 7 Le 08 janvier, 17h14 via Résumé : Andromaque

EARL chuchote : Salut Le 08 janvier, 17h04 via Résumé : Andromaque

EARL gribouille : Salut Le 08 janvier, 17h04 via Résumé : Andromaque

EARL déclare : Salut Le 08 janvier, 17h04 via Résumé : Andromaque

EARL chuchote : Salut Le 08 janvier, 17h04 via Résumé : Andromaque

Anonimous écrit : Merci c'est trop cool pour ce resumé Le 08 janvier, 16h06 via Résumé - Les Fourberies De ...

$ chuchote : 10 Le 08 janvier, 15h34 via Résumé - Le Médecin Malgrè ...

coucou gribouille : Salut Le 07 janvier, 11h21 via Résumé : Le Tartuffe de Mol...

lkj dit : Yuty Le 05 janvier, 18h22 via Résumé - Les Fourberies De ...

Juldu75 déclame : Abau nez vous a ma chène mrdrigzou officiel mersi les amies Le 04 janvier, 21h20 via Fiches sur les personnages ...

Couci couca bafouille : Coucou Le 04 janvier, 13h41 via Résumé scène par scène - Le...

BRRFRFRFRT s'exclame : TRES BON cite tt sorte de livre a chercher pour en faire de s resume comme moi jai eu besoin de faire un resumer je suis parti directement sur ce site

franchement merci beaucoup
Le 04 janvier, 13h32 via Résumé - Les Fourberies De ...

bouh écrit : Salut les gens Le 03 janvier, 14h46 via Résumé : Andromaque

bouh déclame : Salut les gens Le 03 janvier, 14h46 via Résumé : Andromaque

bouh tergiverse : Salut les gens Le 03 janvier, 14h46 via Résumé : Andromaque

bouh déclame : Salut les gens Le 03 janvier, 14h35 via Résumé : Andromaque

bouh griffonne : Salut les gens Le 03 janvier, 14h35 via Résumé : Andromaque

acemi murmure : Je savais pas qu'il fallais faire F5 pour voir mon message désolé Le 02 janvier, 21h04 via Résumé scène par scène - Le...

acemi scribouille : Sa va????? Le 02 janvier, 21h03 via Résumé scène par scène - Le...

acemi écrit : Sa va????? Le 02 janvier, 21h03 via Résumé scène par scène - Le...

acemi gribouille : Sa va????? Le 02 janvier, 21h03 via Résumé scène par scène - Le...

acemi gribouille : Sa va????? Le 02 janvier, 21h01 via Résumé scène par scène - Le...

acemi s'exclame : Coucou Le 02 janvier, 20h19 via Résumé scène par scène - Le...

Le Con ;D dit : Il é supèr le résumer mai du cou c tro facil Le 02 janvier, 18h04 via Résumé scène par scène - Le...

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