Tweet
temllate joomla 2.5.6
salut,
j'ai créé un template pour joomla 2.5.6
mais j'ai un petit probleme :
j'ai quatre div noimmé (une-1,une-2,une-3,une-4)je veux qu'il soient positionner de cette facon :
une-1 et une-2 dans la meme ligne pour dans une autre ligne une-3 uine-4
voici le code du fichier index.php:
et voici mon fichier style.css:
s'il vous plait aider mon à regler ce probleme 
Merci d'avance
j'ai créé un template pour joomla 2.5.6
mais j'ai un petit probleme :
j'ai quatre div noimmé (une-1,une-2,une-3,une-4)je veux qu'il soient positionner de cette facon :
une-1 et une-2 dans la meme ligne pour dans une autre ligne une-3 uine-4
voici le code du fichier index.php:
Code PHP:
<?php defined('_JEXEC') or die('Restricted access'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/info.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="actu-image">
<jdoc:include type="modules" name="actu-image" style="xhtml" />
</div>
<div id="rechercher">
<jdoc:include type="modules" name="rechercher" style="xhtml" />
</div>
<div id="suivez-nous">
<jdoc:include type="modules" name="suivez-nous" style="xhtml" />
</div>
<div id="contact">
<jdoc:include type="modules" name="contact" style="xhtml" />
</div>
<div id="logo">
<jdoc:include type="modules" name="logo" style="xhtml" />
</div>
<div id="pos-banner">
<div id="siege">
<jdoc:include type="modules" name="siege" style="xhtml" />
</div>
<div id="date">
<jdoc:include type="modules" name="date" style="xhtml" />
</div>
</div>
<div id="menu">
<jdoc:include type="modules" name="menu" style="xhtml" />
</div>
<div id="position-1">
<jdoc:include type="modules" name="position-1" style="xhtml" />
</div>
<div id="pub">
<jdoc:include type="modules" name="pub" style="xhtml" />
</div>
<div id="une-principale">
<jdoc:include type="modules" name="une-principale" style="xhtml" />
</div>
<div id="lire-aussi">
<jdoc:include type="modules" name="lire-aussi" style="xhtml" />
</div>
<div id="principale-1">
<div id="content">
<jdoc:include type="component" />
</div>
<div id="une-1">
<jdoc:include type="modules" name="une-1" style="xhtml" />
</div>
<div id="une-2">
<jdoc:include type="modules" name="une-2" style="xhtml" />
</div>
<div id="une-3">
<jdoc:include type="modules" name="une-3" style="xhtml" />
</div>
<div id="une-4">
<jdoc:include type="modules" name="une-4" style="xhtml" />
</div>
</div>
<div id="slidebar-1">
<div id="bar-1">
<jdoc:include type="modules" name="bar-1" style="xhtml" />
</div>
<div id="bar-2">
<jdoc:include type="modules" name="bar-2" style="xhtml" />
</div>
</div>
<div id="contribution">
<jdoc:include type="modules" name="contribution" style="xhtml" />
</div>
<div id="actu-videos">
<jdoc:include type="modules" name="actu-videos" style="xhtml" />
</div>
<div id="banniere-1">
<jdoc:include type="modules" name="banniere-1" style="xhtml" />
</div>
<div id="principale-2">
<div id="une-sport">
<jdoc:include type="modules" name="une-sport" style="xhtml" />
</div>
<div id="principale-2-1">
<div id="sport-1">
<jdoc:include type="modules" name="sport-1" style="xhtml" />
</div>
<div id="sport-2">
<jdoc:include type="modules" name="sport-2" style="xhtml" />
</div>
<div id="sport-3">
<jdoc:include type="modules" name="sport-3" style="xhtml" />
</div>
</div>
</div>
<div id="slidebar-2">
<div id="bar-3">
<jdoc:include type="modules" name="bar-3" style="xhtml" />
</div>
<div id="bar-4">
<jdoc:include type="modules" name="bar-4" style="xhtml" />
</div>
</div>
<div id="banniere-2">
<jdoc:include type="modules" name="banniere-2" style="xhtml" />
</div>
<div id="principale-3">
<div id="une-femme">
<div id="femme-1">
<jdoc:include type="modules" name="femme-1" style="xhtml" />
</div>
<div id="femme-2">
<jdoc:include type="modules" name="femme-2" style="xhtml" />
</div>
<div id="femme-3">
<jdoc:include type="modules" name="femme-3" style="xhtml" />
</div>
<div id="femme-4">
<jdoc:include type="modules" name="femme-4" style="xhtml" />
</div>
</div>
<div id="image-femme">
<jdoc:include type="modules" name="image-femme" style="xhtml" />
</div>
</div>
<div id="slidebar-3">
<div id="bar-5">
<jdoc:include type="modules" name="bar-5" style="xhtml" />
</div>
<div id="bar-6">
<jdoc:include type="modules" name="bar-6" style="xhtml" />
</div>
</div>
<div id="banniere-3">
<jdoc:include type="modules" name="banniere-3" style="xhtml" />
</div>
<div id="principale-4">
<div id="culture">
<jdoc:include type="modules" name="culture" style="xhtml" />
</div>
<div id="histoire">
<jdoc:include type="modules" name="histoire" style="xhtml" />
</div>
</div>
<div id="slidebar-4">
<div id="bar-7">
<jdoc:include type="modules" name="bar-7" style="xhtml" />
</div>
<div id="bar-8">
<jdoc:include type="modules" name="bar-8" style="xhtml" />
</div>
</div>
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
<div id="copyright">
<jdoc:include type="modules" name="copyright" style="xhtml" />
</div>
</div>
</body>
</html>
Code:
#container{margin-left:100px; background-color:yellow; }
#rechecher{float:left;}
#suivez-nous{float:left;}
#contact{float:left;}
#logo{float:left;background-color:red;}
#pos-banner{float:left;}
#siege{float:left;}
#date{float:left;}
#menu{float:left;}
#position-1{float:left;}
#pub{float:left;}
#une-principale{float:left;background-color:#ffffff ;}
#lire-aussi{float:left;background-color:#ffffff; }
#principale-1{float:left;background-color:#ffffff;}
#une-1{float:left;margin-left:10px;margin-right:5px;}
#une-2{float:left;margin-left:5px;margin-right:10px;}
#une-3{float:left;margin-left:10px;margin-right:5px;}
#une-4{float:left;margin-left:5px;margin-right:10px;}
#slidebar-1{float:right;}
#bar-1{float:right;background-color:#ffffff;}
#bar-2{float:right;background-color:#ffffff;}
#contribution{float:left;background-color:#ffffff;}
#actu-videos{float:left;background-color:#ffffff;}
#banniere-1{float:left;background-color:#ffffff;}
#principale-2{float:left;background-color:#ffffff;}
#principale-2-1{float:right;background-color:#ffffff;}
#une-sport{float:left;margin-left:10px;}
#sport-1{float:left;margin-right:10px;}
#sport-2{float:left;margin-right:10px;}
#sport-3{float:left;margin-right:10px;}
#slidebar-2{float:right;}
#bar-3{float:right;}
#bar-4{width:right;}
#banniere-2{float:left;background-color:#ffffff;}
#principale-3{float:left;}
#une-femme{float:left;background-color:#ffffff;}
#femme-1{float:left;margin-right:5px;margin-left:10px;}
#femme-2{float:left;margin-right:10px;margin-left:5px;}
#femme-3{float:left;margin-right:5px;margin-left:10px;}
#femme-4{float:left;margin-right:10px;margin-left:5px;}
#image-femme{float:left;}
#slidebar-3{float:right;}
#bar-5{float:right;}
#bar-6{width:right;}
#banniere-3{float:left;background-color:#ffffff;}
#principale-4{float:left;}
#culture{float:left;}
#histoire{float:left;}
#slidebar-4{float:right;}
#bar-7{float:right;}
#bar-8{width:right;}
#footer{float:left;}
#copyright{float:left; }
body{
background-image:url('../images/arriereplan.jpg');
text-align:justify;
}
#lire-aussi h3{margin-right:15px;background-color:#2A0339;color:#fff;margin-top:0px;margin-bottom:0px;width:400px;}
#sport-1 p,#sport-2 p,#sport-3 p,#une-sport p,#femme-1 p,#femme-2 p,#femme-3 p,#femme-4 p{margin-top:0px;margin-bottom:0px}
#femme-3 p,#femme-4 p{margin-top:15px;}
Merci d'avance
Commentaire