Reduire la hauteur

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

  • Reduire la hauteur

    Bonjour,
    j'ai une image en position 1
    et je voudrais reduire la hauteur avec l'autre image ci-dessous mais impossible de savoir ou sa se trouve
    Voila le code du position.css

    /**

    * @author ( Angie Radtke )
    * @package Joomla
    * @subpackage Accessible-Template-Beez
    * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
    * @license GNU/GPL, see LICENSE.php
    * Joomla! is free software. This version may have been modified pursuant to the
    * GNU General Public License, and as distributed it includes or is derivative
    * of works licensed under the GNU General Public License or other free or open
    * source software licenses. See COPYRIGHT.php for copyright notices and
    * details.
    */

    /* not ready */

    *
    {
    margin: 0;
    padding: 0;
    padding-top:5px;

    }

    body
    {
    font-size: 100.01%;
    padding: 0px;
    text-align: center;
    position:relative;
    }

    /* ###################### general ###################### */
    #all
    {
    margin: 0 auto;
    max-width:1050px;
    padding: 0px;
    text-align: left;
    }

    #header
    {
    display:block ;
    position:relative;
    padding:0px;
    overflow:hidden;
    }

    #back
    {
    margin: 0;
    padding:0px;
    }

    #contentarea,
    #contentarea2
    {
    position:relative;
    overflow:hidden;
    padding:0px 20px ;
    margin:0;

    }

    #wrapper
    {
    width:55%;
    float:left;
    position:relative;

    }

    #wrapper2
    {
    width:72%;
    float:left;
    position:relative;
    padding-bottom:20px

    }


    #wrapper2 .item-page
    {max-width:660px}
    #main
    {
    padding: 10px 0px 20px 0px;
    position: relative;
    min-height:320px;
    }

    #right{
    float:right;
    width: 200px;
    margin:10px 0px 10px 1%;
    padding:0px 0px 5px 0px;
    position:relative;


    }

    .unseen,
    .hidelabeltxt
    {
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    }

    /* ++++++++++++++ nav after content ++++++++++++++ */
    .left
    {
    padding-top:0px;
    float:right;
    margin:10px 0px 10px 0%;
    width: 220px;
    position:relative;

    }

    /* ++++++++++++++ nav before content ++++++++++++++ */
    .left1{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 1% 10px 0px;
    width:220px;
    position:relative
    }

    .leftbigger{
    width:237px;
    }


    /* ###################### header ###################### */

    .skiplinks,
    .skiplinks li
    {
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
    }

    .skiplinks li a.u2
    {
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
    z-index: 200 !important;
    }

    .skiplinks li a.u2:active,
    .skiplinks li a.u2:focus
    {
    position:absolute;
    width:13em;
    top:100px;
    left:10px;
    z-index:10;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em
    }

    .wrap
    {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
    }

    h1#logo
    {
    font-size:3.5em;
    line-height:1.0em;
    }

    #logo
    {
    }

    #logo img
    {
    display: block;
    }

    #logo span
    {
    padding-left:2px
    }

    #logo span.header1
    {
    font-size:0.4em;
    display:block;
    top:0em;
    line-height:0.8em
    }

    .logoheader
    {
    margin:0;
    padding:0;
    text-align:left;
    font-weight:normal;
    line-height:1.5em;


    }

    #line
    {

    }

    /* ++++++++++++++ button for closing right column ++++++++++++++ */

    #close
    {
    margin-right:0px;
    font-size:0.85em;
    text-transform:uppercase;
    }

    #close span
    {
    position:absolute;
    right: 20px;
    z-index:10000;
    top:5px;
    width:7em;
    font-weight:bold;
    text-align:right;
    line-height:1.5em;
    padding:5px 2px 5px 5px
    }


    /* ###################### main ###################### */

    /* ++++++++++++++ position ++++++++++++++ */

    .blog-featured
    {
    padding: 0;
    }

    .items-leading
    {
    padding:0px 5px 10px 5px;
    overflow:hidden;
    margin-bottom:10px
    }

    .row-separator
    {
    display: block;
    clear: both;
    margin: 0;
    border: 0px;
    height:1px
    }

    .item-separator
    {
    display: none;
    margin: 0px;
    }

    .shownocolumns
    {
    width:98% !important;
    }

    #top
    {
    margin:0 0 20px 0;
    overflow:hidden
    }

    /* ++++++++++++++ blog ++++++++++++++ */

    .cols-1
    {
    display: block;
    float: none !important;
    margin: 0 !important;
    }

    .cols-2 .column-1
    {
    width:46%;
    float:left;
    }

    .cols-2 .column-2
    {
    width:46%;
    float:right;
    margin:0
    }

    .cols-3 .column-1
    {
    float:left;
    width:29%;
    padding:0px 5px;
    margin-right:4%

    }
    .cols-3 .column-2
    {
    float:left;
    width:29%;
    margin-left:0;
    padding:0px 5px
    }
    .cols-3 .column-3
    {
    float:right;
    width:29%;
    padding:0px 5px
    }

    .items-row
    {
    overflow:hidden;
    margin-bottom:10px !important;
    }

    .column-1,
    .column-2,
    .column-3
    {
    padding:10px 5px
    }

    .column-2
    {
    width:55%;
    margin-left:40%;
    }

    .column-3
    {
    width:30%
    }

    .blog-more
    {
    padding:10px 5px
    }

    /* ++++++++++++++ footer ++++++++++++++ */

    #bottom{
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 5px;
    padding-right:0px;
    overflow:hidden
    }

    .box
    {
    width:27%;
    float:left;
    margin-right:10px;
    min-height:100px;
    position:relative
    }

    .box1
    {
    width:35%
    }

    .box2
    {
    width:32%
    }

    .box3
    {
    float:right
    }

    #footer-inner
    {
    max-width:1025px;
    margin:0 auto;
    font-size:0.8em;
    padding:10px 15px 15px 10px;


    }



    Cliquez sur l'image pour l'afficher en taille normale

Nom : ScreenHunter_16 Apr. 17 12.57.jpg 
Affichages : 1 
Taille : 109,5 Ko 
ID : 1815400
    merci
    L'imagination est plus importante que le savoir.

  • #2
    Re : Reduire la hauteur

    ligne 93 du fichier personal.css a vu de nez... un padding de 8em a supprimer ou réduire

    Commentaire


    • #3
      Re : Reduire la hauteur

      merci pour la reponse
      se serait au niveau de ??
      #right{
      float:right;
      width: 200px;
      margin:10px 0px 10px 1%;
      padding:0px 0px 5px 0px;
      position:relative;
      L'imagination est plus importante que le savoir.

      Commentaire


      • #4
        Re : Reduire la hauteur

        j'ai beau supprimer des padding ou 8em rien ne fonctionne juste pour des espaces c'est rageant c'est entre mon image et le fichier qui ce nom nav.jpg qui est orange
        L'imagination est plus importante que le savoir.

        Commentaire


        • #5
          Re : Reduire la hauteur

          un lien vers le site?

          a tu regardé avec firebug ou equivalent?
          Webmaster autodidacte en herbe
          Réalisation: Sarl Microtek, Repar'Portable
          En informatique on peut tout faire, il suffit de savoir chercher, de comprendre ce que l'on trouve et des fois d'y mettre le prix

          Commentaire


          • #6
            Re : Reduire la hauteur

            désolé il est pas en ligne je travail en local, il n'y a pas de bug
            mais je n'arrive pas a trouvé ou est ce foutu espace pour reduire avec mon menu
            c'est le template jm-creative

            En meme temps comment je peux décaler tout un peu a gauche au niveau menu?

            merci
            L'imagination est plus importante que le savoir.

            Commentaire


            • #7
              Re : Reduire la hauteur

              Bon toujours impossible de trouver cette espace important je me suis dit que cela pouvait etre dans un autre fichier le layout.css
              l'espace ce trouve entre mon image qui se nomme bg.jpg et l'autre image qui se nomme na.jpg. merci de votre aide
              h3
              {
              font-size:1.1em;
              font-weight:bold;
              margin-bottom:10px;
              margin-left:0;
              margin-right:0;
              }

              h4
              {
              font-size:1em;
              }

              fieldset
              {
              margin:10px 0 ;
              padding:15px 0px;
              border:solid 1px
              }

              p
              {
              line-height:1.7em;
              margin:8px 0;
              }

              em
              {
              font-weight:bold;
              }

              /* ########################## general ########################### */
              #all
              {
              font-size: 0.8em;
              }

              /* ########################## header content ########################### */

              #header form{
              float: right;
              }

              .search{float: right;}

              #contentarea form .button
              {
              font-weight:bold;
              margin: 0;
              cursorointer;
              text-align:center;
              text-transform:uppercase
              }

              #contentarea form .inputbox
              {
              margin:1px 11px 1px 1px;
              font-size:1em;
              width:13em;
              padding:3px;
              }

              #header ul
              {
              display:block;
              margin:0px 0px 1px 0px;
              text-align:right;
              list-style-type:none;
              padding:10px 0px 10px 0px;
              position:absolute;
              top:0;
              right:0px;
              width:100%
              }

              #header ul li a:link,
              #header ul li a:visited
              {
              text-transform:uppercase;
              padding-bottom:10px;
              padding-top:10px;
              display:inline
              }

              #header ul.menu li
              {
              display:inline ;
              padding:0 ;
              margin:0;

              }

              #header ul.menu li a:link,
              #header ul.menu li a:visited
              {
              font-weight:bold;
              text-decoration:none;
              padding:0px;
              margin:0 ;
              }

              #header ul li a:hover,
              #header ul li a:active,
              #header ul li a:focus
              {
              font-weight:bold;
              }

              #header ul li.active a:link,
              #header ul li.active a:visited
              {
              text-transform:uppercase;
              padding:10px 10px;
              }




              /* ########################## fontsize ########################### */

              #fontsize
              {
              padding:0;
              margin-left:1px;
              margin-right:20px;
              margin-top:8px;
              text-align:left;
              float:left;
              width:300px;
              }

              #fontsize h3
              {
              padding-right:0;
              font-weight:normal;
              display:inline;
              font-size:1em;
              }

              #fontsize p
              {
              margin:0 0 0 2px;
              display:inline;
              font-size:1em;
              padding-right:5px;
              }

              #fontsize p a
              {
              margin:0 2px;
              display:inline;
              padding:2px 5px;
              }


              /* ########################## breadcrumbs ########################### */

              #breadcrumbs
              {
              padding-bottom:4px;
              padding-top:4px;
              text-align:left;
              margin:15px 20px 15px 0px;
              font-size:11px;
              padding-left:5px;
              }

              #breadcrumbs p
              {
              padding:5px 5px 5px 0;
              display:inline;
              }

              #breadcrumbs span
              {
              padding:0px;
              }

              #breadcrumbs span a:link,
              #breadcrumbs span a:visited
              {
              text-transform:none;
              font-weight:normal;

              }

              #breadcrumbs span a:hover,
              #breadcrumbs span a:active,
              #breadcrumbs span a:focus
              {
              text-decoration:none;
              }


              /* ########################## navigation column ########################### */

              #nav ul
              {
              list-style-type:none;
              margin:0px 0;
              background:url(../images/menu-bg.jpg);
              padding-right: 0;
              }

              .module_content
              {
              margin:0px 0 0px 0;
              padding:0px 0px 10px 5px
              }
              #nav .moduletable
              {
              padding:5px 15px 0 0;
              }

              .moduletable
              {
              margin:0px 0 40px 0;
              padding:0px 0;
              }

              .moduletable_menu
              {
              margin:0px 0 10px 0;
              padding:0px;
              width:231px;
              }

              .passwret{
              padding:8px 0 0 0 ;
              }

              .moduletable_js
              {
              margin-bottom:5px;
              }

              #nav h3.js_heading,
              #right h3.js_heading
              {
              position:relative;
              display:block;
              padding:5px 0px 0 0px ;
              margin:0px ;
              font-size:1.40em;
              }

              h3.js_heading span.backh
              {
              padding:4px 0px 0px 10px;
              display:block;
              }

              h3.js_heading span.backh1
              {
              padding:0px 20px 8px 0px;
              display:block;
              }

              h3.js_heading a
              {
              display:block;
              position:absolute ;
              right:0px ;
              top:0px;
              padding:5px 5px 0 0;
              text-decoration:none;
              }

              .no
              {
              font-size:1px;
              }

              #nav h3
              {
              font-size:1.4em;
              margin-bottom:0;
              margin-left:0;
              margin-right:0;
              margin-top:5px;
              font-weight:normal;
              line-height:0em;
              }


              #nav h3 span.backh3{
              background:url(../images/title-icons.png) no-repeat 3px 10px ;
              padding-bottom:5px;
              padding-left:34px;
              height:14px;
              display:block;
              color:#FFFFFF;
              text-shadow:0 0 2px #000000;
              background-color:#309FD4;
              line-height:25%;
              padding-top:19px;
              }


              /* ++++++++++++++ first level ++++++++++++++ */

              #nav .moduletable-example ul.menu
              {
              margin:0;
              padding:0
              }

              ul.menu
              {
              list-style-type:none ;
              margin:0 0 0px 0px ;
              padding-bottom:20px;

              }

              .module_content ul.menu
              {
              margin-left:-5px;
              padding:10px 0 0 0 ;
              }

              ul.menu li
              {
              margin:0;
              }

              ul.menu li a:link,
              ul.menu li a:visited
              {
              display:block;
              padding:7px 0px 7px 0px;
              text-decoration:none;
              }

              ul.menu li.active a:link,
              ul.menu li.active a:visited
              {
              font-weight:bold;
              }

              ul.menu li a:hover,
              ul.menu li a:active,
              ul li a:focus
              {

              }



              /* ++++++++++++++ second level ++++++++++++++ */
              ul.menu li ul
              {
              margin:0 ;
              padding:0 ;
              }
              ul.menu li ul li
              {
              margin:0;
              padding:0
              }

              ul.menu li.active ul li a:link,
              ul.menu li.active ul li a:visited
              {
              padding-bottom:5px;
              padding-left:40px;
              padding-right:10px;
              padding-top:5px;
              font-weight:normal;
              }


              ul.menu li.active ul li a.active:link,
              ul.menu li.active ul li a.active:visited
              {
              padding:7px 10px 7px 20px ;
              }

              ul li.active ul li.active a:link,
              ul li.active ul li.active a:visited
              {
              font-weight:bold ;
              }

              /* ++++++++++++++ third level ++++++++++++++ */

              ul.menu li ul li ul
              {
              padding:5px 0 5px 0px;
              }

              ul.menu li ul li ul li
              {

              }

              ul.menu li.active ul li.active ul li a:link,
              ul.menu li.active ul li.active ul li a:visited
              {
              padding:5px 4px 5px 30px;
              font-weight:normal;
              }

              ul.menu li.active ul li.active ul li.active a:link,
              ul.menu li.active ul li.active ul li.active a:visited
              {
              font-weight:bold;
              }



              /* ########################## main ########################### */

              /* ++++++++++++++ main general ++++++++++++++ */

              #main h1
              {

              padding: 5px;
              font-size:1.4em;
              line-height:1.19em;
              font-weight:normal;
              margin:0 -5px 10px -5px

              }

              #main h2
              {
              font-size:1.6em;
              font-weight:normal;
              margin-bottom:10px;
              padding:3px 0px;
              }

              #main h2 a
              {
              text-decoration:none;
              }

              #main h3
              {
              margin:20px 0 10px;
              }

              .item
              {
              padding:0px 5px 10px 5px;
              display:block
              }

              .item h2
              {
              margin:0 0px 10px 0px
              }

              .item-page
              {
              padding:0 5px;
              display:block;
              overflow:hidden
              }


              /* h1 on frontpage and blog view */

              #main .blog-featured h1,
              #main .blog h1
              {

              margin:0 0px 10px 0px
              }


              .blog .category-desc
              {
              padding:0 5px;
              margin:10px 0 25px
              }

              .blog .cat-children .category-desc
              {
              padding:0 0px;
              margin:10px 0 25px
              }

              #main .items-row h2
              {
              font-weight:normal;
              padding:5px 2px 5px 2px;
              font-size:1.4em
              }
              #main ul.subcategories
              {
              margin:20px 20px 20px 10px
              }
              #main .subcategories-link
              {
              font-weight:bold
              }

              #main ul
              {
              list-style-positionutside;
              list-style-type:square;
              padding:0 0 0 15px;
              margin:10px 0 10px 0px;
              }

              #main ol
              {
              padding:0 0 0 20px;
              margin:10px 0 10px 0px;
              list-style-positionutside
              }

              #main ul li,
              #main ol li
              {
              padding:0;
              line-height:2.9em;
              margin: 0;
              }

              #main .category-list
              {
              padding:0 5px;
              display:block;
              }

              #main .category-list h1
              {
              margin-left:-5px;
              margin-right:-5px;
              }

              .categories-list
              {
              padding:0 5px
              }

              #main .categories-list ul
              {
              margin:0px 0 0 20px;
              padding:0
              }

              #main .categories-list ul li
              {
              padding: 5px;
              }

              #main .categories-list ul ul
              {
              margin-left:15px
              }

              .category-desc
              {
              line-height:1.7em;
              margin:10px 0;
              padding-left:0px
              }

              .small
              {
              font-size:0.85em;
              margin:0 0 20px;
              }

              .image-left
              {
              float:left;
              margin:0 15px 5px 0;


              }

              .image-right
              {
              float:right;
              margin:0 0 5px 15px
              }

              .archive
              {
              padding:0 5px
              }

              .archive form
              {
              padding:0 5px
              }

              ul#archive-items
              {
              margin:20px 0 20px 0px;
              list-style-type:none;
              padding:0
              }

              ul#archive-items li.row0,
              ul#archive-items li.row1
              {
              padding:10px 0;
              margin:10px 0;
              }

              /* ++++++++++++++ columns ++++++++++++++ */

              .cols-4 .column-1
              {
              width:23%;
              float:left
              }

              .cols-4 .column-2
              {
              width:23%;
              margin-left:1%;
              float:left;
              }

              .cols-4 .column-3
              {
              width:23%;
              margin-left:1%;
              float:left
              }

              .cols-4 .column-4
              {
              width:23%;
              margin-left:0;
              float:right
              }

              /* ++++++++++++++ top ++++++++++++++ */

              #top h2
              {
              font-size:1.4em;
              font-weight:normal
              }

              /* ++++++++++++++ leading ++++++++++++++ */

              #main .items-leading h2
              {
              font-size:1.4em;
              font-weight:normal;
              padding:5px 0px
              }
              L'imagination est plus importante que le savoir.

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X