CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème CSS

xaiiroz
xaiiroz
Niveau 5
02 décembre 2013 à 13:12:14

Bonjour,

Alors voila, je travaille sur un eBook (livre numérique sur tablette) et je voudrai que mon titre soir présenté de cette façon : [URL=http://www.hostingpics.net/viewer.php?id=1694
24ScreenHunter01Dec021302.jpg][IMG]http://img4.hos
tingpics.net/pics/169424ScreenHunter01Dec021302.jp
g[/IMG][/URL]

Hors, lorsque j'ouvre mon .html pour voir si ça fonctionne bien, j’obtiens ça : [URL=http://www.hostingpics.net/viewer.php?id=9532
94ScreenHunter03Dec021311.jpg][IMG]http://img4.hos
tingpics.net/pics/953294ScreenHunter03Dec021311.jp
g[/IMG][/URL]

Voici mon code CSS pour ce titre :

<h1 class="subtitle-chapter color-01B64F">
<span class="font-UniversLTStd-Bold-F3-26">Contexte réglementaire</span></h1>
<h1 class="title-chapter"><span class="font-UniversLTStd-F1-100"><a id="int_2" href="e9782354431037_toc01.html#ref_int_2" class="label_int"/> <span class="color-01B64F">2</span></span></h1>
<div class="illustype_image"><div class="image"><img src="e9782354431037_i0004.jpg" alt="e9782354431037_i0004.jpg"/></div>
</div>

boiteporte
boiteporte
Niveau 11
02 décembre 2013 à 13:14:57

Il y a une fonction aperçu. Utilise là et reposte les liens.

xaiiroz
xaiiroz
Niveau 5
02 décembre 2013 à 13:14:59

EDIT 1er lien : http://hpics.li/f3d3a7f
EDIT 2eme lien : http://hpics.li/adf61fa

xaiiroz
xaiiroz
Niveau 5
02 décembre 2013 à 13:22:22

:up:

KuroNeko77
KuroNeko77
Niveau 10
02 décembre 2013 à 14:14:17

Tu nous a donné ton code HTML mais pas le code CSS que tu as utilisé pour les différentes classes.

Quoi qu'il en soit, personnellement j'aurai inversé le code (Le label avant le sous-titre) et ajouté les propriétés [position: relative;] et [float: right;] à la classe "titre-chapter".

Ce n'est peut être pas le plus efficace mais ça marche :) .

xaiiroz
xaiiroz
Niveau 5
03 décembre 2013 à 13:08:29

Merci, je vais essayer ça quand je reprendrai l'eBook.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment