contour de la PA

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

Résolu contour de la PA

Message par mlle le Lun 23 Juin 2014 - 15:45

bonjour I love you
pour ma PA, j'ai une image que j'essaie de coder et j'ai remarquer que le contour était blanc. J'ai modifié toutes les couleurs pour qu'il soit de la couleur du fond du forum, mais ça reste blanc. Est-ce que vous sauriez comment faire pour changer cette couleur s'il vous plait ?

Code:
<div style="position:relative; height:500px; width:800px;">
   
   <div style="position:absolute;z-index:1">
       <img src="http://i.imgur.com/ojDagL8.png" alt="" />
   </div>
   
   <div style="position:absolute;top:XXpx;left:XXpx; z-index:2;">
       TEXTE TEXTE TEXTE
   </div>
</div>

Spoiler:

merci d'avance I love you


Dernière édition par mlle le Lun 23 Juin 2014 - 18:22, édité 1 fois

mlle
***

Messages : 106
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: contour de la PA

Message par MasDan le Lun 23 Juin 2014 - 16:49

Bonjour,

Aucune bordure blanche avec le code fournit.



Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type"    content="text/html; charset=UFT-8">
<meta http-equiv="Content-Language" content="fr">
<title>Bordure blanche</title>
<style type="text/css">
body {
  background-color : #000010
}
</style>
</head>
<body>
  <div style="position:relative; height:500px; width:800px;">
    <div style="position:absolute;z-index:1">
      <img src="http://i.imgur.com/ojDagL8.png" alt="" />
    </div>
    <div style="position:absolute; top:2px; left:2px; z-index:2;">
      TEXTE TEXTE TEXTE
    </div>
  </div>
</body>
</html>

Le problème pourrait provenir de votre code CSS.

Un lien (accessible aux invités) serait utile.

MasDan
*****

Masculin
Messages : 853
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: contour de la PA

Message par mlle le Lun 23 Juin 2014 - 16:54

bonjour,
http://unknow-addict.forumgratuit.ch/ voilà I love you
je comprends pas trop, je dois faire quoi ?

mlle
***

Messages : 106
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: contour de la PA

Message par stefou le Lun 23 Juin 2014 - 17:06

Bonjour,
Cela vient d'une image de fond qui est placé soit dans votre css soit dans le panneau admin.
Voilà le code en question
Code:
td.row1, td.row3.over:hover {
    background: url('http://i25.servimg.com/u/f25/16/35/72/13/fondwe10.png') repeat scroll 0% 0% transparent;
Suprimer ou remplacer par
Code:
td.row3.over:hover {
    background: url('http://i25.servimg.com/u/f25/16/35/72/13/fondwe10.png') repeat scroll 0% 0% transparent;

Si vous ne trouvez pas, vous pouvez le supprimer l'effet avec ce code
Feuille de style css
Code:
td.row1{
    background:none!important;}

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: contour de la PA

Message par MasDan le Lun 23 Juin 2014 - 17:17

Bonjour,

C'est le padding qui cause le problème.

Figure 1:


Figure 2:


Voyez le différence entre les deux images. Le padding a été enlevé pour la deuxième image.

Il faudrait enlever le padding pour «.forumline .row1» mais comme le démontre la deuxième image, il y a des répercussions à d'autres endroits (voir les deux flèches vertes).

Si vous acceptez le résultat de la deuxième image, ajouter à votre CSS
Code:
.forumline .row1 {
  padding: 0 !important;
}

MasDan
*****

Masculin
Messages : 853
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: contour de la PA

Message par mlle le Lun 23 Juin 2014 - 18:22

merci beaucoup, ça marche I love youI love you
merci vraiment I love you

mlle
***

Messages : 106
Inscrit(e) le : 07/10/2012

http://concordia-u.forumgratuit.ch/
mlle 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