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

?

Evie murmure : Https://sovereignwarriors.ning.com/profile/JediahKrajcik Le 19 août, 6h00 via Informations juridiques imp...

Kia murmure : Http://volfernion.ru/ Le 12 août, 1h28 via Informations juridiques imp...

Felix proclame : Http://Hobbycity.Com.co/index.php/foro/user/37791-umihe Le 10 août, 0h44 via Informations juridiques imp...

Bridgett dit : Buy General Health Medications Online
Buy Cheap Advent® Injection Drugs Online
Buy Cheap Himalaya® Gentle Baby Soap Drugs Online
Buy Cheap Cefoprox® DT Drugs Online
Buy Cheap Viagra Oral Jelly Drugs Online
Buy Cheap Zenegra® Lido Spray Drugs Online
Buy Eye Care Medications Online
Buy Cheap Nizoral Drugs Online
Buy Cheap Flonase Drugs Online
Buy Cheap Clincitop® Gel Drugs Online
Buy Cheap NuvaRing® Drugs Online
Buy Cheap Duralast® Drugs Online
Buy Cheap Timolast® Gel Forming Eye Drops Drugs Online
Buy Cheap Rustic Art® Organic Aloe Vera Papaya Gel
Drugs Online
Buy Cheap Toxo-Mox® Drugs Online
Le 09 août, 1h38

Trinidad chuchote : Buy Cheap Quixin Ophthalmic Solution Drugs Online
Buy Cheap Zerofat-A Drugs Online
Buy Cheap Viagra Super Active Drugs Online
Buy Cheap Combigan® Eye Drops Drugs Online
Buy Cheap Nutrolin-B® Syrup Drugs Online
Buy Cheap Flucort® Skin Cream Drugs Online
Buy Cheap Vermox Drugs Online
Buy Cheap Dutagen® Drugs Online
Buy Cheap Janya Drugs Online
Buy Cheap Cipro Drugs Online
Buy Cheap Aquamet® Nasal Spray Drugs Online
Buy Cheap V-Gel Drugs Online
Buy Cheap Ovral L® Drugs Online
Buy Cheap Classic Discount Pack Drugs Online
Buy Cheap Abilify Drugs Online
Le 08 août, 23h56

Jessika gribouille : Buy Cheap Minirin® Nasal Spray Drugs Online
Buy Cheap Rustic Art® Natural Little Laundry Powder Drugs Online
Buy Cheap Aquamet® Nasal Spray Drugs Online
Buy Anticoagulants & Antiplatelets Medications Online
Buy Cheap Clarina® Anti-Acne Face Wash Gel Drugs Online
Buy Cheap Rebetol Drugs Online
Buy Cheap Campicillin® Injection Drugs Online
Buy Cheap Xenical® Drugs Online
Buy Cheap ED Advanced Pack Drugs Online
Buy Cheap Rocephin Injection Drugs Online
Buy Cheap Ayush Herbs® Haldi Immunity Enhancer Drugs Online
Buy Cheap Tenvir-EM® Drugs Online
Buy Cheap Prilosec Drugs Online
Buy Cheap Janya Drugs Online
Buy Cheap Azee® DT Drugs Online
Le 08 août, 13h37

Claribel scribouille : Buy Cheap Tadacip® Drugs Online
Buy Cheap Cymbalta Drugs Online
Buy Cheap Vigora® Drugs Online
Buy Cheap Finalo® Drugs Online
Buy Cheap Levitra Drugs Online
Buy Cheap Avapro Drugs Online
Buy Cheap Hot Shot® Multi Texture Condoms Drugs Online
Buy Cheap Organic India® Tulsi Green Tea Drugs Online
Buy Cheap Kohinoor® Pink Condoms Drugs Online
Buy Cheap Clindac-A® Gel Drugs Online
Buy Cheap Proscar® Drugs Online
Buy Cheap Manforce® Wild Condoms 3 in 1 Strawberry Drugs
Online
Buy Cheap Himalaya® Soothing Body Butter Rose Drugs Online
Buy Cheap Amaryl Drugs Online
Buy Cheap FML® Liquifilm Drugs Online
Le 08 août, 11h58

Wendy scribouille : Https://TammieBad.blogspot.com Le 01 août, 3h53 via Informations juridiques imp...

Walker écrit : Casino online
kasino
casino slots
casinos online
casinos online
Le 25 juillet, 13h34

lilix dit : Qskfdertuku'"éazsdftyuik,ngfd Le 20 juillet, 18h33 via Accueil

lilix s'exclame : Qskfdertuku'"éazsdftyuik,ngfd Le 20 juillet, 18h33 via Accueil

lilix chuchote : Qskfdertuku'"éazsdftyuik,ngfd Le 20 juillet, 18h33 via Accueil

Reagan gribouille : Http://makepenisbigger.info Le 17 juillet, 9h42 via Informations juridiques imp...

petitchat gribouille : Facile Le 20 juin, 13h06 via Unités SI, conversion des m...

College Charles Péguy dit : J'etudie cette piece de théatre avec mess 6eme de beauvoir Le 11 juin, 21h45 via Résumé - Les Fourberies De ...

cc déclare : Cc Le 04 juin, 17h59 via Résumé scène par scène - Le...

Marius Okoko déclame : J'aime L'histoire. Le 31 mai, 16h23 via Utiliser le module Math de ...

kk écrit : 0. Le 30 mai, 16h15 via Résumé du livre : Le Cid de...

JUIELJD E griffonne : KDOEKNCZF£2 Le 30 mai, 14h56 via Résumé scène par scène - Le...

Tamagochi chuchote : -.../---/-./.---/---/..-/.-. Le 29 mai, 14h45 via Apprendre le Morse

lea83 écrit : Jihohio bafouille t'as deux ans d'age mentale ou quoi mdrr Le 27 mai, 15h36 via Résumé du livre : Le Cid de...

lea83 déclame : Cc Le 27 mai, 15h35 via Résumé du livre : Le Cid de...

Jacky chuchote : WSH SAHRTEK LES BABEKS Le 25 mai, 10h16 via Résumé scène par scène - Le...

Jacky gribouille : Ongles, manucure Le 25 mai, 10h16 via Résumé scène par scène - Le...

mimilechat dit : 4+3=7 Le 23 mai, 13h01 via Résumé - Les Fourberies De ...

céline murmure : 3+4=7 Le 20 mai, 15h08 via Résumé - Les Fourberies De ...

expert des bouquins murmure : Jene Le 17 mai, 11h34 via Résumé scène par scène - Le...

le Mathématicien de l'extreme déclare : A Le 17 mai, 11h33 via Résumé scène par scène - Le...

le Mathématicien de l'extreme bafouille : A Le 17 mai, 11h33 via Résumé scène par scène - Le...

le Mathématicien de l'extreme déclame : A Le 17 mai, 11h33 via Résumé scène par scène - Le...

le Mathématicien de l'extreme chuchote : A
a
a
a
a
a
Le 17 mai, 11h33 via Résumé scène par scène - Le...

le Mathématicien de l'extreme scribouille : Je pense que la question etait d'une facilité extreme Le 17 mai, 11h32 via Résumé scène par scène - Le...

totor écrit : Bonjour. Le 15 mai, 21h17 via Résumé scène par scène - Le...

Bnmaster gribouille : @Geek Salut. Merci pour tes remarques. N'hésite pas à préciser si tu vois des manques dans les résumés. Je peux les modifier bn_wink Le 14 mai, 9h06 via Résumé du livre : Le Cid de...

la chevre normande murmure : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande proclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande proclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande s'exclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande s'exclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande proclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande s'exclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande s'exclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande proclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande dit : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande s'exclame : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande griffonne : D Le 13 mai, 15h43 via Résumé scène par scène - Le...

la chevre normande déclame : D Le 13 mai, 15h42 via Résumé scène par scène - Le...

la chevre normande déclare : D Le 13 mai, 15h42 via Résumé scène par scène - Le...

la chevre normande dit : D Le 13 mai, 15h42 via Résumé scène par scène - Le...

la chevre normande griffonne : H Le 13 mai, 15h42 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