temllate joomla 2.5.6

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • 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:
    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>
    et voici mon fichier style.css:
    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;}
    s'il vous plait aider mon à regler ce probleme

    Merci d'avance

  • #2
    Re : temllate joomla 2.5.6

    message déplacé : joomla! 2.5 / questions générales ---> gestion des templates, design, css
    sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
    http://virtuemart.fr

    Commentaire


    • #3
      Re : temllate joomla 2.5.6

      bonsoir,

      vous devez encadrer par une <div> les <div> que vous voulez voir associées.
      faites attention aux dimensions pour les largeurs et la largeur de votre template

      pour des configs plus avancées, voyez ceci :


      et je vous conseille ceci
      sommaire thématique des astuces du forum e-commerce ici http://www.webtimarket.com/fr/telechargements
      http://virtuemart.fr

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X