Question [réglé] Modifier la grille du template tx_gravity

Plus d'informations
21 Fév 2011 15:44 - 21 Mar 2011 10:07 #1 par vpainchaud
Bonjour,

Je suis en train de créer un site avec le template tx_gravity et j'aurais besoin d'aide pour changer le css de la grille ou (grid.css). En ce moment, toute la grille est alignée à gauche et je désire avoir la partie du haut (roof) alignée à droite afin d'y insérer un menu aligné à droite. Pour le moment, si je change un détail, toute la grille est affectée et j'ignore comment je devrais modifier le code afin d'influencer que le roof. Enfin, j'imagine que le changement doit être fait dans la grid.css mais j'ai peut-être tout faux. Ce template est assez complexe.

Vous pouvez voir mon site à www.creationsv.com/sites
Voici le code du grid.css

Merci

/* Containers
*/
.tx-container {
margin-left: auto;
margin-right: auto;
width: 942px;
position: relative;
}

/* Grid >> Global
*/
.tx-grid-1, .tx-grid-2{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;

}


.tx-grid-3{
display: inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;

}


.tx-grid-4, .tx-grid-5, .tx-grid-6, .tx-grid-7, .tx-grid-8,.tx-grid-9, .tx-grid-10, .tx-grid-11, .tx-grid-12
{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;

}



/* Grid
*/
.tx-container .tx-grid-1 {width:60px;}
.tx-container .tx-grid-2 {width:140px;}
.tx-container .tx-grid-3 {width:280px;}
.tx-container .tx-grid-3 tx-alpha {width:280px;
height:80px;}
.tx-container .tx-grid-4 {width:300px;}
.tx-container .tx-grid-5 {width:380px;}
.tx-container .tx-grid-6 {width:380px;
}
.tx-container .tx-grid-7 {width:540px;}
.tx-container .tx-grid-8 {width:620px;}
.tx-container .tx-grid-9 {width:655px;}
.tx-container .tx-grid-10 {width:780px;}
.tx-container .tx-grid-11 {width:860px;}
.tx-container .tx-grid-12 {width:940px;}

/* Grid Prefix for extra left spacing
*/
.tx-container .tx-prefix-1 {padding-left:80px;}
.tx-container .tx-prefix-2 {padding-left:160px;}
.tx-container .tx-prefix-3 {padding-left:240px;}
.tx-container .tx-prefix-4 {padding-left:320px;}
.tx-container .tx-prefix-5 {padding-left:400px;}
.tx-container .tx-prefix-6 {padding-left:480px;}
.tx-container .tx-prefix-7 {padding-left:560px;}
.tx-container .tx-prefix-8 {padding-left:640px;}
.tx-container .tx-prefix-9 {padding-left:720px;}
.tx-container .tx-prefix-10 {padding-left:800px;}
.tx-container .tx-prefix-11 {padding-left:880px;}

/* Grid Push Space
*/
.tx-container .tx-push-1 {left:80px;}
.tx-container .tx-push-2 {left:160px;}
.tx-container .tx-push-3 {left:240px;}
.tx-container .tx-push-4 {left:320px;}
.tx-container .tx-push-5 {left:400px;}
.tx-container .tx-push-6 {left:480px;}
.tx-container .tx-push-7 {left:560px;}
.tx-container .tx-push-8 {left:640px;}
.tx-container .tx-push-9 {left:720px;}
.tx-container .tx-push-10 {left:800px;}
.tx-container .tx-push-11 {left:880px;}

/* Grid Pull Space
*/
.tx-container .tx-pull-1 {left:-80px;}
.tx-container .tx-pull-2 {left:-160px;}
.tx-container .tx-pull-3 {left:-240px;}
.tx-container .tx-pull-4 {left:-320px;}
.tx-container .tx-pull-5 {left:-400px;}
.tx-container .tx-pull-6 {left:-480px;}
.tx-container .tx-pull-7 {left:-560px;}
.tx-container .tx-pull-8 {left:-640px;}
.tx-container .tx-pull-9 {left:-720px;}
.tx-container .tx-pull-10 {left:-800px;}
.tx-container .tx-pull-11 {left:-880px;}
Dernière édition: 21 Mar 2011 10:07 par lavsteph. Raison: sujet réglé

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
23 Fév 2011 10:54 #2 par tramber91
Réponse de tramber91 sur le sujet Re: Modifier la grille du template tx_gravity
Bonjour

Pb résolu ??
Car je vois ton menu haut aligner à droite (avec un petit pb de CSS)

sinon curieux, ton site est illisible avec firebug ??

@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Mar 2011 15:25 #3 par vpainchaud
Réponse de vpainchaud sur le sujet Re: Modifier la grille du template tx_gravity
Finalement, j'ai réussis. Pour ceux que ça intéresse, je l'ai eu en utilisant les suffix de class et en ajoutant un css avec float:right; .

Merci d'avoir fait un suivi quand même.

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91Scottuxserge
Temps de génération de la page : 1.586 secondes