IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS position relative


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2011
    Messages : 6
    Par défaut CSS position relative
    Bonjour tout le monde,

    J'ai un petit soucis, j'ai une DIV en position relative pour la remonter.

    J'arrive bien a la placer où je veux mais par contre à l'ancien endroit de la DIV il y a un espace vide de la dimension de celle déplacée. Comment puis je faire pour supprimer cette espace vide ?

    Pour résumer :

    DIV RELATIVE (nouvelle position)
    TEXTE
    DIV RELATIVE (VIDE) C'est cette ligne que je ne veux plus voir
    TEXTE

    Merci d'avance

    CSS de la DIV
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    DIV{
    	box-shadow:1px 1px 1px 1px rgba(4, 4, 4, 0.35);
    	position:relative;
    	display:block;
    	width:240px;
    	border-radius:0.2em;
    	text-align:center;	
    	bottom: 200px;
    	right: 100px;
    	background-image: linear-gradient(bottom, #ffffff 50%, #ff2626 50%);
    	background-image: -o-linear-gradient(bottom, #ffffff 50%, #ff2626 50%);
    	background-image: -moz-linear-gradient(bottom, #ffffff 50%, #ff2626 50%);
    	background-image: -webkit-linear-gradient(bottom, #ffffff 50%, #ff2626 50%);
    	background-image: -ms-linear-gradient(bottom, #ffffff 50%, #ff2626 50%);
    }
    Merci d'avance....

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour et bienvenue,

    pouvez-vous poster votre code HTML (ou une page en ligne) car il n'est pas évident de situer le problème avec ce que vous présentez.

    [edit] salut Torgar

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Donne ta structure HTML aussi.

    Met avis que cela vient de la déclaration CSS.

    [edit] Salut rodolphebrd
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2011
    Messages : 6
    Par défaut
    Voici un extrait du code :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
          <tr>
              <td>
                 <div class="arrondi_compteur">
                       <span class="compteur_title">Offre spéciale limitée</span><br>
                       <span align="right" id= "countdown" type="text" disabled="disabled" class="boldText" size="28"></span><br>
                       <span align="right" class="note" id= "note"></span><br>
                </div>
              </td>
          </tr>
     
          <tr>
            <td class="main"><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); 
            .......
            .......
        
           </td>
        </tr>

  5. #5
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Heu je comprends pas là

    C'est la <div> dans la <table> que tu souhaites mettre en relative pour la faire sortir de la <table> ?

    Si oui, pourquoi la mettre dans la <table>
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  6. #6
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2011
    Messages : 6
    Par défaut
    Et bien en fait c'est la DIV que je souhaite positionner ailleurs sans qu'elle occupe une place vide sur son ancienne position..

    Voir pièces jointes.

    Merci pour l'aide
    Images attachées Images attachées   

  7. #7
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Alors position absolue.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Mise en page CSS avec position relative
    Par hugo7 dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 13/08/2009, 12h54
  2. CSS position relative / conteneur
    Par Invité dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/09/2006, 22h47
  3. [CSS] Position absolute et relative
    Par GyZmoO dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/07/2006, 18h04
  4. position() relative au noeud courant
    Par luta dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 09/09/2004, 17h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo