Topic-icon [RÉGLÉ] Gantry et positionnement

Plus d'informations
07 Avr 2013 10:53 - 07 Avr 2013 10:54 #4794 par Ludodev
Message
Bonjour à tous,

Je ne comprends pas pourquoi quand j'ajoute un module personnalisé tout mon affichage se "casse la gueule"(il n'y a pas d'autres mots)

Sans /?tp=1 :

awesomescreenshot.com/0db14x5902

Avec /?tp=1 :

awesomescreenshot.com/00114x5e53

Et si je rajoute un module personnalisé, je vous dit pas les dégats :
Module personnalisé qui pour l'instant ne comprends qu'un tableau :

Après ajout du module sans /?tp=1 :

awesomescreenshot.com/0dc14x5n17

Après ajout du module avec /?tp=1 :

awesomescreenshot.com/06714x5r26

Il faut que j'arrive à ce résultat là, voir pièce jointe :

Ce message contient une image en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour la consulter.

Last edit: 07 Avr 2013 10:54 by Ludodev. Raison: Pièce jointe trop lourde

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
07 Avr 2013 11:08 #4795 par Ludodev
Réponse
Le fichier mycustomstyle.css :
/* Add Your Custom CSS Codes Here */
 
body{
  background-image:url(/images/stories/illustration/bg-page.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  margin-top:0px;
  line-height: 50;
}
 
#rt-top-surround{
  background-color:none !important;
  background-image:none !important;
  background: none !important;
  box-shadow: none !important;
  border-bottom: medium none !important;
}
 
#rt-drawer{
  background-color:none !important;
  background-image:none !important;
  background: none !important;
  box-shadow: none !important;
  border-bottom: medium none !important;
    box-shadow: none !important;
}
 
/*#rt-top-surround {
  background: none;
}*/
 
element.style {
    border-top-width: 0;
    margin-bottom: 0;
    margin-left: 104px;
    margin-top: -103px;
    padding-bottom: 0;
}
 
.rt-block {
  padding: 0px;
  margin: 0px;
  position: relative;
}
 
#rt-top {
  margin-left: 300px !important;
}
 
#rt-top rt-container {}
#rt-top rt-container rt-block {}
 
#rt-header {}
#rt-header rt-container {}
#rt-header rt-container rt-block {}
 
#rt-showcase {
  background-color:none !important;
  background-image:none !important;
  background: none !important;
  box-shadow: none !important;
  border-bottom: medium none !important;
  box-shadow: none !important;
}
#rt-showcase rt-container {}
#rt-showcase rt-container rt-block {}
 
#rt-main {}
#rt-main rt-container {}
#rt-main rt-container rt-block {}
 
#rt-sidebar {}
#rt-sidebar rt-container {}
#rt-sidebar rt-container rt-block {}
 
#rt-bottom {}
#rt-bottom rt-container {}
#rt-bottom rt-container rt-block {}
 
#rt-footer {}
#rt-footer rt-container {}
#rt-footer rt-container rt-block {}

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
07 Avr 2013 18:58 - 07 Avr 2013 19:16 #4796 par Ludodev
Réponse
Important que je vous le dise aussi, dans JCE le tableau est nickel. :roll:

Le site est hors ligne donc je passe par l'admin puis je clique sur "Voir le site" et la page qui permet de s'identifier, elle aussi a un mauvais affichage, n'ayant touché que le fichier "mycustomstyle.css" ça doit venir de là mais je n'ai pas trouvé d'où. :-|
awesomescreenshot.com/0d414y3x10
Dans Firebug il y a la taille de la page qui est énorme :

Ce message contient une image en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour la consulter.

Last edit: 07 Avr 2013 19:16 by Ludodev.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
07 Avr 2013 19:23 - 07 Avr 2013 19:24 #4797 par Ludodev
Réponse
Je vous dit au fur et à mesure que je découvre afin d'être le plus précis possible, quitte à ce que ce soit un peu lourd.

M'en veuillez pas.

Si je supprime le fichier "mycustomstyle.css" j'arrive à ça :
awesomescreenshot.com/00a14y5k03
Last edit: 07 Avr 2013 19:24 by Ludodev.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.429 secondes
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb