Problème d'encadrement

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'encadrement

Message par Bz le Jeu 2 Jan 2014 - 20:03

Bonsoir, je vous expose mon problème, j'ai fait un encadrement voici le css :
Code:
p
{
    border: 3px blue double;
}
p
{
    border-radius: 10px;
}
p
{
    border-radius: 20px / 10px;
}

Voici mon codage de chatbox :
Le code HTML:

Code:
<iframe src="http://onepiece-revo.bb-fr.com//chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 900px; height: 800px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe>
Le code Javascript:

Code:
jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; left: 0px; z-index:1000;"><iframe src="http://onepiece-revo.bb-fr.com///chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 700px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img15.hostingpics.net/pics/174490ouvrir2.png" id="chatboxopen"/><img src="http://img15.hostingpics.net/pics/807052fermer2.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );
Et voici mon problème en fait, je voulais faire un encadrement sur chacun des éléments de ma page d'accueil mais voilà, ce code m'encadre aussi tout les messages de la page d'accueil...


Merci de m'aider, Cordialement.


Dernière édition par Bz le Lun 6 Jan 2014 - 18:36, édité 1 fois

Bz
*

Messages : 32
Inscrit(e) le : 19/08/2012

http://op-forum.bbgraph.com/
Bz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encadrement

Message par medamine14 le Sam 4 Jan 2014 - 2:14

il faut différencier les class Smile
pour une meilleure aide merci d'indiquer le lien de ton forum Wink

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encadrement

Message par Bz le Sam 4 Jan 2014 - 19:41

Bah j'ai cherché de partout où il y avait la chatbox (y compris la templates) mais rien...
http://onepiece-revo.bb-fr.com/

Bz
*

Messages : 32
Inscrit(e) le : 19/08/2012

http://op-forum.bbgraph.com/
Bz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encadrement

Message par Bz le Lun 6 Jan 2014 - 17:53

J'up le sujet

Bz
*

Messages : 32
Inscrit(e) le : 19/08/2012

http://op-forum.bbgraph.com/
Bz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encadrement

Message par [Nihil] le Lun 6 Jan 2014 - 18:03

@Bz a écrit:Et voici mon problème en fait, je voulais faire un encadrement sur chacun des éléments de ma page d'accueil mais voilà, ce code m'encadre aussi tout les messages de la page d'accueil...

Bonjour,

Si je comprends bien cet encadrement doit se faire seulement sur votre page d'accueil ? Dans ce cas là, reprendre le code de votre page d’accueil, et l'entourer d'une div avec une class. Ensuite vous utiliserez cette class dans le sélecteur.

En effet, utilisez "p" comme sélecteur css va affecter tous les paragraphes de la page ! Wink

Exemple :
Code:
<div class="panneau_accueil">
 <!-- ici il y a tout votre code -->
</div>

Et dans le CSS :
Code:
.panneau_accueil p {
 /* votre code CSS ici */
}

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'encadrement

Message par Bz le Lun 6 Jan 2014 - 18:36

Merci beaucoup de votre aide Nihil. Le problème est résolu, je n'avais pas penser à ça U_u ^^.

Bonne soirée, cordialement

Bz
*

Messages : 32
Inscrit(e) le : 19/08/2012

http://op-forum.bbgraph.com/
Bz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum