déformation non désirée - Page 2 Bouton_activedéformation non désirée - Page 2 Bouton_hoverdéformation non désirée - Page 2 Fb-hoverdéformation non désirée - Page 2 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
déformation non désirée - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
déformation non désirée - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
déformation non désirée - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
déformation non désirée - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
déformation non désirée - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
déformation non désirée - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
déformation non désirée - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
déformation non désirée - Page 2 EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Partagez
 

déformation non désirée

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
http://celestinaterra.forumgratuit.org/
Jonquille
Jonquille
{ Membre }
{ Membre }

Féminin Messages : 100



déformation non désirée - Page 2 Empty
Bonjour !
Le résultat n'est toujours pas celui attendu, comme vous pouvez le voir sur le forum test, il y a une grosse déformation, du moins, ça a engendré d'autre chose. Donc, je redonne le code car je pense qu'il y a un soucis avec la position, absolute, relative, j'avoue être perdue là >_< !

Code:
    <div style="left: 810px ; right: x px; top: 233px;z-index: 999; position:relative;">
                <iframe src="http://daribiridaradu.forumgratuit.org/h4-menu-rond" target="_blank" border="0" frameborder="0" height="210px" width="220px" scrolling="no" position="absolute"></iframe>
        </div>

Le forum: http://daribiridaradu.forumgratuit.org/
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 EmptyJeu 17 Mai 2012, 14:26
Revenir en haut Aller en bas
Illadon
Illadon
{ Membre }
{ Membre }

Masculin Messages : 126



déformation non désirée - Page 2 Empty
C'est normal, ta div se positionne en fonction de body, vu que body est l'élément directement au dessus. Tu dois placer ta div là où je l'ai indiqué dans mon post précédent pour que ta div se positionne en fonction du corps du forum.
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 EmptyJeu 17 Mai 2012, 14:45
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



déformation non désirée - Page 2 Empty
Bonjour,

Je viens clarifier un petit détail qui ne me semble pas clair dans les explications fournies XD

La propriété css position:relative permet de définir l'élément concerné (une div par exemple) comme "point de repère" pour tout élément fils.

La propriété css position:absolute; permet de définir le positionnement de l'élément concerné par rapport soit au body, soit au parent positionné en relatif (ou absolu, par ailleurs).

Dans la pratique :

L'élément rouge est positionné par rapport à l'élément vert '_' L'élément vert est le "parent" de l'élément rouge parce que celui ci est à l'intérieur (le div rouge est dans le div vert)
Code:
<div style="position:relative;width:150px;height:150px;background:green">
<div style="position:absolute;width:100px;height:100px;top:-10px;right:-10px;background:red;"></div>
</div>


Pour éviter d'accumuler les modifications dans le code source, je te conseille de rajouter ceci dans ton CSS :

Code:
.bodylinewidth {
 position:relative;
}

Cela mettra le corps du forum en élément de référence plutôt que le navigateur.

Mais par contre, il te faudra placer ta "bulle" à l'intérieur de la table concernée. Je suggère que tu places ton code dans overall_header juste après cette ligne
Code:
<td class="bodyline">

(Soit dit en passant, l'usage des iframe n'est pas très utile je trouve XD)
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 EmptyDim 20 Mai 2012, 09:40
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



déformation non désirée - Page 2 Empty
Hello Jonquille (:
Le problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, le sujet sera considéré comme résolu !
Merci de ta compréhension déformation non désirée - Page 2 926145
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 EmptyVen 25 Mai 2012, 06:57
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



déformation non désirée - Page 2 Empty
Hello Jonquille !
N'ayant toujours pas obtenu de réponse, je considère le sujet comme résolu !
Si tu as un souci, n'hésite pas à ouvrir un autre sujet (:
Merci de ta compréhension déformation non désirée - Page 2 926145
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 EmptyMar 29 Mai 2012, 08:37
Revenir en haut Aller en bas
Contenu sponsorisé




déformation non désirée - Page 2 Empty
MessageSujet: Re: déformation non désirée   déformation non désirée - Page 2 Empty
Revenir en haut Aller en bas
 

déformation non désirée

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» Deformation de la PA sur IE
» Déformation forum post-it / annonce. {résolu
» déformation sous-forum
» Déformation des catégories sous IE - RÉSOLU -
» Une infobulle capricieuse - position & déformation

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 | Forumactif.com