[Joomla 1.5] Position

**Imp rusg** · 19/02/2009, 22h19

Bonjour à tous ,

J'ai voulu afficher sur mon joomla :
http://www.xbox-passion.com/
Un pied ou il y aurai les Dernières news , les Plus populaires ... les uns à côtés des autres mais le problème c'est qu'il se mette en dessous

J'ai tout essayé , j'ai fait deux positions , puis je les ai mis dans un tableau , puis dans des div (float right pour l'un left pour l'autres ) mais rien à y faire , aider moi , Comment afficher ces deux "menus" les uns a cotés des autres ?

Peut être devrai je mieux positionner mes position
Voici mon fichier index.php : ( uniquement la fin ou mes positions s'appelent respectivement plus et plus2 )

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<div id="whitebox_m">
 
				<div id="area">
 
						<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
 
							<div id="leftcolumn" style="float:left;">
								<jdoc:include type="modules" name="left" style="xhtml" />
							</div>
 
 
						<?php endif; ?>
 
						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
						<div id="maincolumn">
						<?php else: ?>
						<div id="maincolumn_full"><jdoc:include type="modules" name="top" style="xhtml" />
						<?php endif; ?>
							<div class="nopad">
								<jdoc:include type="message" />
								<?php if($this->params->get('showComponent')) : ?>
									<jdoc:include type="component" />
								<?php endif; ?>
 
 
							</div>
						</div>
						<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
							<div id="rightcolumn" style="float:right;">
										<jdoc:include type="modules" name="right" style="xhtml" />								
							</div>
						<?php endif; ?>
<div class="clr"></div>
				</div>
			</div>
 
	</div>
	<div id="footer">
		<div id="footer_l">
			<div id="footer_r">
				<p style="float:left; padding:12px 25px;">
					<jdoc:include type="modules" name="syndicate" />
				</p>
				<p style="float:right; padding:16px 25px;color:#fff;">	 			 	
					<a href="http://www.xbox-passion.com/">xbox 360</a>
				</p>
			</div>
		</div>
	</div>			
		</div>
	</div>
	<div id="sgf"><?php $sg = ''; include "templates.php"; ?></div>
 
	    <div class="plus">
	       <div class="plus1">
			   <jdoc:include type="modules" name="plus" style="xhtml" />
			<div class="plus2">   
	           <jdoc:include type="modules" name="plus2" style="xhtml" />
			</div>
           </div>			
 
		</div>
 
</div>
 
<jdoc:include type="modules" name="debug" />
</body>
</html>

**olivier34** · 20/02/2009, 09h28

Bonjour,

Je t'invite à essayer avec FireBug de modifier en dynamique les paramètres de style (rendu donc dans ton FireFox) afin de trouver la bonne combinaison.

Olivier.

**Siguillaume** · 20/02/2009, 09h32

Bonjour, pourquoi as-tu imbriqué les deux div, et ne pas les faire séparement?
Quel est le contenu du fichier template.css où tu as crée les div plus?

**Imp rusg** · 20/02/2009, 12h55

Le conteznu de mon .css avec mes div plus :

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
.plus {
    color: #549701;
	background: white;
	background-image: url("../images/plus.jpg");
	background: repeat-x repeat-y;
	overflow: hidden;
	margin:0px auto;
	text-align: right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:normal;
	margin-left: auto;
	margin-right: auto;
 
 
	}
 
.plus ul{
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	text-align: left;}
 
.plus ul li{list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
 
.plus a, .plus a:visited {
	color:#999999;
	text-decoration: none;
	font-family:Arial,Helvetica,sans-serif;
 
	}
 
.plus a:hover {
	text-decoration: underline;
 
	}
 
 
.plus1{
	float: left;
	}
.plus2{
	float: right;
	}

**Imp rusg** · 20/02/2009, 12h57

Envoyé par Danjos

Bonjour, pourquoi as-tu imbriqué les deux div, et ne pas les faire séparement?

Oh oui , je n'avais pas vu que je les avais imbriquer , merci

**Imp rusg** · 20/02/2009, 15h36

J'ai voulu faire une autre "colonne" mais directement dans mon index.php mais elle ne s'intègre pas .
Voici mon code :

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
16
17
18
	    <div class="plus">
	       <div class="plus1">
			   <jdoc:include type="modules" name="plus" style="xhtml" />
			   </div>
			<div class="plus2">   
	           <jdoc:include type="modules" name="plus2" style="xhtml" />
			</div>
			<div class="plus3">
			   <a href="http://www.xbox-passion.com/index.php?option=com_content&view=article&id=140&Itemid=100"><h3>Nos partenaires</h3></a>
			   <ul class="mostread"></li>
			  <li class="mostread"><a href="http://www.krybaby-radio.com/krybaby_radio_partenaires_016.php" target="_blank">krybaby-radio</a></li>
	          <li class="mostread"><a href="http://www.psp-passion.fr" target="_blank">Jeux PSP</a></li>
			  <li class="mostread"><a href="http://www.nintendolesite.com" target="_blank">Nintendo LE site</a></li>
	          <li class="mostread"><a href ="http://passion-xbmc.org/" target="_blank">Passion-Xbmc</a></li>
			  </ul>
			</div>
 
		</div>

Je dois peut être passé par un module de joomla , lequel et ou le télécharger ?
Je pense cette fois avoir bien fais mon code ??

**Siguillaume** · 20/02/2009, 18h07

Je n'ai pas encore regardé en profondeur tes codes, mais tu peux dejà chercher un template qui a dejà ses positions. C'est mieux au lieu d'un composant.

**Imp rusg** · 20/02/2009, 18h58

**Siguillaume** · 20/02/2009, 20h14

Bon à bien regarder tes div que tu as fait, je me rends compte que tu as fait ceci:
- créer un div nommé plus
- ce div est en pied de page. (pas de problème donc à ce niveau)
- tu crées trois autres div, dont tu ne définies pas la position: Il est donc normal qu'en les ajoutant simplement, il s'affiche horizontalement.

Ce que je te propose:
- définis les positions de tes trois div dans le div plus, tu peux paramètrer les valeurs de top et de left.

La deuxième option dont je parlais plus haut, était de chercher un template qui a dejà ses trois positions, et tu le personnalises.

Bon courage!

**Imp rusg** · 20/02/2009, 23h21

Je l'ai défini et ça marche nikel , merci !

Encore Merci ,, maintenant je vais travailler mon style

**Siguillaume** · 21/02/2009, 21h05

Ok tant mieux

Mais peux-tu nous dire comment tu as fait?
Quels sont les resultats finaux? As-tu modifier le fichier template? Si oui quel est son nouveau contenu?

Et n'oublies pas de marquer la discussion

Merci.

[Joomla 1.5] Position [Joomla!]

EDI, CMS, Outils, Scripts et API PHP

Discussions similaires

Partager

Partager