Problème image "en ligne" et "hors ligne" [Résolu] Bouton_activeProblème image "en ligne" et "hors ligne" [Résolu] Bouton_hoverProblème image "en ligne" et "hors ligne" [Résolu] Fb-hoverProblème image "en ligne" et "hors ligne" [Résolu] 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
Problème image "en ligne" et "hors ligne" [Résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème image "en ligne" et "hors ligne" [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème image "en ligne" et "hors ligne" [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème image "en ligne" et "hors ligne" [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème image "en ligne" et "hors ligne" [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème image "en ligne" et "hors ligne" [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème image "en ligne" et "hors ligne" [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème image "en ligne" et "hors ligne" [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Problème image "en ligne" et "hors ligne" [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://calmness-waves.forumc.biz/
Gareki
Gareki
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 766



Problème image "en ligne" et "hors ligne" [Résolu] Empty
Bonjour Very Happy

Comme une image vaut mieux que milles mots :

Spoiler:

J'aimerai que le "hors ligne" soit au-dessus de l'avatar et pas en dessous :/

Pour vous aider :

Mon template : viewtopic_body



Mon css concernant l'image "hors ligne" :


donc je ne comprends pas :s

Et la partie de l'entourage du profil :



Merci d'avance à celui ou celle qui prendra le temps de m'aider Very Happy


Dernière édition par Gareki le Mer 29 Mai 2013, 09:43, édité 2 fois
MessageSujet: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] EmptyLun 27 Mai 2013, 17:58
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème image "en ligne" et "hors ligne" [Résolu] Empty
Bonsoir Gareki,

Le problème vient simplement d'un z-index trop bas. Il s'agit d'arranger ça.

Au passage je suis perplexe quant à l'utilisation d'un identifiant, d'autant que l'élément apparaît plusieurs fois sur la page.

Pour aller plus vite, puis-je avoir le lien de ton forum pour constater le problème de visu ? Smile
Merci à toi !
MessageSujet: Re: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] EmptyMer 29 Mai 2013, 01:34
Revenir en haut Aller en bas
http://calmness-waves.forumc.biz/
Gareki
Gareki
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 766



Problème image "en ligne" et "hors ligne" [Résolu] Empty
Bonjour et merci de m'avoir répondu Very Happy
J'ai déjà essayé de modifier le z-index et je l'ai positionné en 2 associé à la position absolute car les cadres du profil sont en 1 mais ça ne change rien ;/
Sinon pour le soucis dont tu parles, de quel identifiant s'agit-il ? Surprised

Voici le lien :
MessageSujet: Re: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] EmptyMer 29 Mai 2013, 08:27
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème image "en ligne" et "hors ligne" [Résolu] Empty
Je poste pour avoir accès au template et aux liens.

Je suppose que Espeon fait référence au fait que tu utilises pour le bouton hors ligne :
Code:
#post_onlin{
background:url('http://imageshack.us/a/img196/951/offlineyt.png') no-repeat;
position: absolute;
z-index: 2;
float: left;
width: 19px;
height: 97px;
margin-left: -13px;
margin-top: 35px;
padding: 0;
border: 0;
}

C'est donc l'id #post_onlin, or il peut donc arriver qu'il y ait plusieurs fois dans ta page ce bouton, nan ? Normalement on utilises les id pour quelque chose d'unique dans la page Wink. S'il s'agit de quelque chose plusieurs fois présent, une class est plus adaptée !

Edit : via Firebug, en augmentant le width ton image apparait non coupée Wink. En effet l'image a pour dimension 40px par 92px il me semble ^^
MessageSujet: Re: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] EmptyMer 29 Mai 2013, 08:58
Revenir en haut Aller en bas
http://calmness-waves.forumc.biz/
Gareki
Gareki
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 766



Problème image "en ligne" et "hors ligne" [Résolu] Empty
Ah ah, je me sens stupide :p
J'avais oublié de modifier la taille et la largeur pour qu'elles correspondent à celle de mon image ._.
Merci pour vos réponses et désolé d'avoir été stupide x)
Résolu ~ Encore merci ♥
MessageSujet: Re: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] EmptyMer 29 Mai 2013, 09:30
Revenir en haut Aller en bas
Contenu sponsorisé




Problème image "en ligne" et "hors ligne" [Résolu] Empty
MessageSujet: Re: Problème image "en ligne" et "hors ligne" [Résolu]   Problème image "en ligne" et "hors ligne" [Résolu] Empty
Revenir en haut Aller en bas
 

Problème image "en ligne" et "hors ligne" [Résolu]

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

 Sujets similaires

-
» Problème de mise à la ligne [résolu]
» Problème avec l'image au dessus des derniers messages [résolu]
» Rotation d'une image à 90° [problème résolu]
» Background image qui ne s'affiche pas... [Problème résolu ^^]
» [Finito :) ]Icone en ligne/ hors ligne qui ne s'affiche pas

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 | Cookies | Forum gratuit