Transformation de code  Bouton_activeTransformation de code  Bouton_hoverTransformation de code  Fb-hoverTransformation de code  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Transformation de code  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Transformation de code  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Transformation de code  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Transformation de code  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Transformation de code  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Transformation de code  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Transformation de code  EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Transformation de code  EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -14%
Apple MacBook Air (2020) 13,3″ Puce Apple M1 ...
Voir le deal
799 €

Partagez
 

Transformation de code

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://oo-supernatural-oo.forumactif.org/
Rubidium68
Rubidium68
{ Membre }
{ Membre }

Masculin Messages : 10



Transformation de code  Empty
Exemple a écrit:
Crystal Ambre Mattews
feat. Sophia Bush


Transformation de code  Sb Transformation de code  02 Transformation de code  Breathe

Voila mon problème avec cet exemple.
J’essaie d'obtenir le même effet de superposition des textes en pur html/css pour un site web, mais rien à faire...

Code:
<center><span style="font-size: 40px; font-family: Time New Roman; color: #5E5952; text-transform: uppercase; ">Crystal Ambre Mattews</span>
<span style="font-size: 20px;  font-family: courrier new;  color: #C7C7C6 ;  margin-left: 150px;"><b>feat. Sophia Bush</b></span></div></center>

Ce code, sur une page web html, renvoient deux textes l'un à a suite de l'autre, sans superposition.
Une idée ? Soit je suis une grosse quiche, soit je serai rassuré de savoir que ce n'était pas si simple...

Merci à ceux qui se pencheront sur le problème.


Dernière édition par Rubidium68 le Mer 23 Fév 2011, 17:55, édité 1 fois (Raison : Résolu)
MessageSujet: Transformation de code    Transformation de code  EmptyMer 23 Fév 2011, 15:50
Revenir en haut Aller en bas
Invité
Invité




Transformation de code  Empty
Hop'

Beh logiquement ça devrai marcher avec ce code!
Je ne vois pas d'autre code pour la superposition d'un texte! Oo
MessageSujet: Re: Transformation de code    Transformation de code  EmptyMer 23 Fév 2011, 16:54
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Transformation de code  Empty
En remplaçant les span par des div c'est plus évident (pour travailler sur des blocs, donc sur des positions).

Après, donc, tout est possible. Soit on peux positionner de manière assez absolue les blocs, mais ce ne serait pas judicieux ici car je pense que c'est pour utiliser à la volée sur un forum.

Je te suggère donc d'utiliser simplement un margin-top négatif ici. Voici un code qui fonctionne donc :

Code:
<center><div style="font-size: 40px; font-family: Time New Roman; color: #5E5952; text-transform: uppercase;">Crystal Ambre Mattews</div>

<div style="font-size: 20px;  font-family: courrier new;  color: #C7C7C6 ; margin-left: 150px; margin-top: -40px;"><b>feat. Sophia Bush</b></div></center>
MessageSujet: Re: Transformation de code    Transformation de code  EmptyMer 23 Fév 2011, 17:24
Revenir en haut Aller en bas
http://oo-supernatural-oo.forumactif.org/
Rubidium68
Rubidium68
{ Membre }
{ Membre }

Masculin Messages : 10



Transformation de code  Empty
Espeon, ton code fonctionne parfaitement avec ce que je voulais obtenir. Je te remercie.
Je dormirai encore moins bête ce soir et travaillerai plutôt avec des div que des span pour les blocs ^^

Merci Wink
MessageSujet: Re: Transformation de code    Transformation de code  EmptyMer 23 Fév 2011, 17:55
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Transformation de code  Empty
    L'icône "résolu" est cochée, par conséquent je classe Wink
MessageSujet: Re: Transformation de code    Transformation de code  EmptyMer 23 Fév 2011, 18:00
Revenir en haut Aller en bas
Contenu sponsorisé




Transformation de code  Empty
MessageSujet: Re: Transformation de code    Transformation de code  Empty
Revenir en haut Aller en bas
 

Transformation de code

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Code justification contenu de catégorie + code insertion icon
» Problème avec le [code][/code], besoin d'aide !!
» Problème avec le code...du code justement!
» Code au niveau de la balise [*code*]
» Code Css

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Informatique et Internet | Internet