[résolu] Souci avec la fonction " span " Bouton_active[résolu] Souci avec la fonction " span " Bouton_hover[résolu] Souci avec la fonction " span " Fb-hover[résolu] Souci avec la fonction " span " 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
» Système d'onglets simple et personnalisable
[résolu] Souci avec la fonction " span " EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu] Souci avec la fonction " span " EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu] Souci avec la fonction " span " EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu] Souci avec la fonction " span " EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu] Souci avec la fonction " span " EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu] Souci avec la fonction " span " EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu] Souci avec la fonction " span " EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu] Souci avec la fonction " span " EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Pokémon Évolutions Prismatiques : ...
Voir le deal

Partagez
 

[résolu] Souci avec la fonction " span "

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



[résolu] Souci avec la fonction " span " Empty
Bonjour :B

Je tente de coder une fiche, et je veux utiliser une fonction " span " pour limiter le nombre de codes visibles (pour éviter qu'ils soient plagiés, mais aussi pour que compléter la fiche ne soit pas trop difficile!)

voilà mon code :

Code:
[center][img]http://imageup.fr/uploads/1356890707.png[/img][/center]<center>[color=#6495ED]NOM[/color] [color=#8FBC8F] PRÉNOM[/color]<div style="border-top: 3px double #D3D3D3;"></div><span class="soap">blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou blou </span>
</center></div>

voilà le code du span " soap " que je veux appliquer aux " blou blou blou, etc " :

Code:
.soap{
  background-color: #DCDCDC;
  width:490px;
  height: 50px;
  border-left: 5px solid #6495ED;
  border-right: 5px solid #8FBC8F;
  font-size:20px;
}

voilà un aperçu :

Spoiler:

Comme vous pouvez le constater, le code s'applique aux " blou " sans prendre compte de la largeur, et de manière un peu bizarre. J'aimerais que ma fonction " soap " soit une boîte qui contient le texte que je veux! Comment se fait-il que ça arrive, et est-ce que vous pourriez me dire comment réparer ce problème?

Merci d'avance ♥


Dernière édition par Mr Riz le Mar 01 Jan 2013, 15:10, édité 1 fois
MessageSujet: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyDim 30 Déc 2012, 15:26
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



[résolu] Souci avec la fonction " span " Empty
Hop'


Je te conseils d'utiliser les div, car en regardant ton bout de ta feuille de style, c'est plutôt une mise en page que tu veux appliquer et non pour une partie spécifique du texte.

Donc il faut remplace span par div dans ton code HTML.

Au plaisir Razz
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyDim 30 Déc 2012, 15:44
Revenir en haut Aller en bas
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



[résolu] Souci avec la fonction " span " Empty
ça marche effectivement sous div, mais le problème c'est que j'aimerais raccourcir le code, et que j'ai vu sur d'autres forums que la span marche! de plus, j'aimerais utiliser ces boîtes dans d'autres messages importants du forum.
je devrais définitivement y renoncer? :/
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyDim 30 Déc 2012, 15:56
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



[résolu] Souci avec la fonction " span " Empty
Désolé de te dire ça, mais vaut mieux choisir l'efficacité que l’esthétisme de ton code, donc oui.
Bravo !
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyDim 30 Déc 2012, 18:01
Revenir en haut Aller en bas
http://blacks-and-whites.monally.com
Mr Riz
Mr Riz
{ Membre }
{ Membre }

Féminin Messages : 58



[résolu] Souci avec la fonction " span " Empty
d'accord, merci beaucoup, mon problème est résolu!
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyMar 01 Jan 2013, 15:10
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[résolu] Souci avec la fonction " span " Empty
Hello !
Puisque c'est résolu, je classe !
Merci de l'avoir signalé [résolu] Souci avec la fonction " span " 926145
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " EmptyMar 01 Jan 2013, 16:08
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu] Souci avec la fonction " span " Empty
MessageSujet: Re: [résolu] Souci avec la fonction " span "   [résolu] Souci avec la fonction " span " Empty
Revenir en haut Aller en bas
 

[résolu] Souci avec la fonction " span "

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

 Sujets similaires

-
» [résolu]Souci avec un slideshow
» Petit souci avec afficher/cacher le profil [RESOLU]
» Souci de tableau (RESOLU)
» Souci overflow. [Résolu]
» Souci avec mon qeel

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