template 2.5.6

Réduire
X
Réduire
 
  • Page sur 1
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages
Précédent template Suivant
  • #1

    template 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;}
    ce code m'affiche ca:Cliquez sur l'image pour l'afficher en taille normale Nom : Sans titre.jpg  Affichages : 1  Taille : 51,0 Ko  ID : 1815925Cliquez sur l'image pour l'afficher en taille normale Nom : Sans titre.jpg  Affichages : 1  Taille : 51,0 Ko  ID : 1815925Cliquez sur l'image pour l'afficher en taille normale Nom : Sans titre.jpg  Affichages : 1  Taille : 51,0 Ko  ID : 1815925
    le probleme est dans une-3 et une-4
    s'il vous plait aider mon à regler ce probleme

    Merci d'avance
    Dernière édition par appachito à 22/07/2012, 18h30
    Tags: Aucun
  • #2
    Re : template 2.5.6

    Si tu parle du fait que Une 3 apparait à droite au lieu de gauche et Une4 en dessous à gauche cela vient d'un soucis de hauteur de l'élément Une3...

    Je ne peux pas regarder ton CSS, tout est sur une seule ligne, donc même pas la peine SI tu as un lien pour que on regarde ce serait pas mal.

    Sinon soit tu place un clear:both sur un div entre tes 2 lignes de unes, soit tu donne une hauteur min ou max à tes blocs de unes.
    www.weblogin.fr - Création, Référencement et Design de sites Internet.

    Commentaire

    • #3
      Re : template 2.5.6

      Tente ça :
      Code PHP:
      <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 class="clear"></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> 
      et ta classe CSS clear reçoit :
      Code PHP:
      .clear {
                clear:both;
                font-size:0px;
                line-height:0px;
                height: 0px;
                overflow: hidden;
      } 
      www.weblogin.fr - Création, Référencement et Design de sites Internet.

      Commentaire

      • #4
        Re : template 2.5.6

        merci Monsieur

        Commentaire

        Précédent template Suivant

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire
        Hébergeur Web PlanetHoster
        Travaille ...
        X