Problema con Menu left y contenido

Diseño y Posicionamiento Web con Joomla › Foros › Joomla 1.5 › Modulos › Problema con Menu left y contenido

  • Este debate tiene 2 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 15 años, 4 meses por Anónimo.
Mostrando 2 respuestas a los debates
  • Autor
    Entradas
    • 22/10/2009 a las 00:13 #85556
      Anónimo
      Invitado

      Hola mi problema surge que cuando el modulo del menu left que tengo despliega los submenus que contiene ( estos tienen vinculos a articulos) tanto el titulo del articulo como su contenido se mueven hacia bajo el espacio que se mueve la botonera de menus para mostrar sus submenus.

      No se si me estoy explicando bien ; se me mueve el contenido y el titulo en funcion de que se despliegan los submenus de la botonera left :unsure:

      Es seguro que es un problema de CSS no lo puedo soluocionar por favor ayuda!!!

      la regla .moduletable_menu li -> en el padding es claro la clave del problema

      dejo el codigo CSS

      body {

      /*background:url(../images/bg.png) repeat-x #B6B1AD;*/
      background-color:#B6B1AD;
      /*background-image:url(../images/Page-BgTexture.jpg);*/
      background-position:top;
      background-repeat:no-repeat;

      font-size:12px;

      font-family:Verdana, Arial, Helvetica, sans-serif;

      color:#585858;

      margin-bottom:0;

      margin-left:0;

      margin-right:0;

      margin-top:0;

      }
      /*.art-Sheet-izq
      {
      top: 0px;
      bottom: 0px;
      margin-left: 300px;

      background-image:url(../images/sombra_izq.png);
      background-repeat:repeat-y;
      left:74px;

      clip: rect(auto, 21px, auto, auto)
      position:relative;
      z-index:-1;
      }

      .art-Sheet-der
      {
      top: 0px;
      bottom: 0px;
      width: 42px;
      height:120%;
      background-image:url(../images/sombra_der.png);
      background-repeat:repeat-y;
      right:40px;

      clip: rect(auto, 21px, auto, auto);
      position:absolute;
      z-index:-1;
      }*/

      a:link, a:visited {

      text-decoration:none;

      font-weight:normal;

      color:#A63D35;

      }

      a:hover {

      text-decoration:none;

      font-weight:normal;

      color:#000;

      }

      a img {

      border:none;

      }

      .clr {

      clear:both;

      }

      /*****************************************/

      /*** Template specific layout elements ***/

      /*****************************************/

      .container {

      margin: 0 auto;

      width:844px;

      background:#F8F8F7;

      }

      .head {

      background:url(../images/head_bg.png) repeat-x;

      height:45px;

      padding:10px 0 0 25px;

      }

      .logo {

      width:103%;

      height:50px;
      margin-top:-10px;
      margin-left:-26px;

      background:url(../images/logo.jpg) no-repeat;

      font-size:24px;

      font-weight:bold;

      color:#716A66;

      display:inline-block;

      }

      .head_l {

      width:380px;

      display:inline-block;

      text-align:right;

      }

      .house1 {height:236px;background:url(../images/header1.jpg) no-repeat;}
      .house2 {height:236px;background:url(../images/header2.jpg) no-repeat;}
      .house3 {height:236px;background:url(../images/header3.jpg) no-repeat;}
      .house4 {height:236px;background:url(../images/header4.jpg) no-repeat;}
      .house5 {height:236px;background:url(../images/header5.jpg) no-repeat;}

      .line1 {

      height:7px;

      background:url(../images/line1.png) repeat-x;

      }

      .topnav {

      height:39px;

      width:844px;

      background:url(../images/menue_bg.png);

      float:left;

      }

      /*
      .langs {

      height:39px;

      width:85px;

      padding-right:15px;

      background:url(../images/menue_bg.png);

      margin-left:744px;

      }*/

      .line2 {

      height:7px;

      background:url(../images/line2.png) repeat-x;

      }

      .cont_container {
      background:#000;
      width:844px;

      }

      /************************************************************************************************************************/
      .mods_left {
      float:left;

      width:150px;
      background:#EEECEA;
      padding:5px;
      z-index:-1;

      }
      .mods_right {
      float:right;

      width:206px;

      border:1px solid #D6D6D6;

      background:#EEECEA;

      padding:5px;

      }

      .line3 {

      height:7px;

      background:url(../images/line3.png) repeat-x;

      }

      .foot_cp {

      float:left;

      height:40px;

      width:211px;

      background:url(../images/foot_cp.png) repeat-x;

      padding-left:15px;

      padding-top:4px;

      }

      .foot_r {

      width:603px;

      height:40px;

      background:url(../images/foot_r.png) repeat-x;

      padding-left:15px;

      line-height:40px;

      display:inline-block;

      }

      /* horizontal menu */

      #pillmenu {

      text-align:left;

      margin: 0;

      }

      #pillmenu ul {

      margin: 0;

      padding: 0;

      list-style: none;

      line-height:250%;

      }

      #pillmenu li {

      float: left;

      margin-bottom:0;

      margin-right:0;

      height:38px;

      width:115px;

      background-image:url(../images/btn_top.png);

      background-repeat:no-repeat;

      text-align:center;

      }

      #pillmenu li a {

      font-family:Arial, Helvetica, sans-serif;

      color:#666;

      font-size: 11px;

      font-weight: bold;

      text-align:center;

      display: block;

      line-height:370%;

      text-decoration: none;

      text-transform:uppercase;

      }

      #pillmenu li a:hover {

      color:#A63D35;

      background-image:url(../images/btn_top_mo.png);

      background-repeat:no-repeat;

      }

      /*****************************************/

      /*** Joomla! specific content elements ***/

      /*****************************************/

      h1,.componentheading {

      font-size:15px;

      font-weight:bold;

      color:#FFF;

      }

      h2,.contentheading {

      font-size:15px;

      color:#FFF;

      font-weight:bold;

      }

      h3 {

      font-size:1.3em;

      }

      h4 {

      font-size:1.2em;

      }

      h5 {

      font-size:1.1em;

      }

      h6 {

      font-size:1em;

      font-weight:700;

      }

      #footer,.small,.createdate,.modifydate,.mosimage_caption {

      font:0.8em Arial,Helvetica,sans-serif;

      color:#999;

      }

      table.moduletable th {

      color: #135cae;

      }

      /* Heading of Modules */

      .moduletable h3, .moduletable_menu h3 {

      margin-top:0;

      text-align:left;

      padding:0.5em 0.6em;

      color:#666;

      font-size:12px;

      background:url(../images/menu_bg.jpg) repeat-x #ccc;

      text-transform:uppercase;
      }

      .moduletable_menu li {

      margin-top:-1px;

      margin-left:-40px;

      list-style-type:none;

      text-align:left;

      padding:0.5em 0.6em;

      color:#666;

      font-size:12px;

      background:#F8F8F7;

      border-top:1px solid #ccc;

      border-bottom:1px solid #ccc;
      z-index:0;

      }

      .moduletable_menu li li {

      background:#fff;

      border:none;

      }

      .moduletable_menu li:hover{

      background:#fff;

      }

      .moduletable li {
      list-style-type:none;
      }

      /* META

      --------------------------------------------------------- */

      .article-tools {

      border-top: 1px solid #DDDDDD;

      width: 100%;

      float: left;

      clear: both;

      margin-bottom: 15px;

      display: block;

      background: #ECECEC;

      }

      .article-meta {

      padding: 5px;

      width: 290px;

      float: left;

      }

      .modifydate {

      width: 200px;

      float: left;

      }

      div.buttonheading {

      float: right;

      width: 60px;

      }

      .buttonheading img {

      margin: 7px 5px 0 0;

      border: 0;

      float: right;

      }

      /* Small text */

      small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {

      color: #999;

      font-size: 88%;

      }

      /* spacers */
      span.article_separator {
      display: block;
      height: 20px;
      }

      .article_column {
      padding-right: 5px;
      }

      .column_separator {
      border-left: 1px dashed #e0e0e0;
      padding-left: 10px;
      }

      td.buttonheading {

      }

      td.buttonheading img {
      border:none;
      }

      td.greyline {
      width: 20px;
      background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
      }

      div#maindivider {
      border-top: 1px solid #ddd;
      margin-bottom: 10px;
      overflow: hidden;
      height: 1px;
      }

      table.blog span.article_separator {
      display: block;
      height: 20px;
      }

      /* forms */

      table.adminform textarea {

      width: 540px;

      height: 400px;

      font-size: 1em;

      color: #000099;

      }

      form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

      form#form-login ul { padding-left: 20px; }

      form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

      form#com-form-login ul { padding-left: 20px; }

      .button {

      border:1px solid #CCC;

      background:#F8F8F7;

      height:22px;

      color:#666;

      font-size:12px;

      }

      .button:hover {

      border:1px solid #CCC;

      background:#FFF;

      height:22px;

      color:#666;

      font-size:12px;

      }

      .inputbox {

      border:1px solid #CCC;

      background-color:#F8F8F7;

      padding:1px;

      }
      .searchbuscar{float:right; margin-top:9px; padding-right:40px;}

      .inputbox:hover, .inputbox:focus {

      border:1px solid #CCC;

      background-color:#FFF;

      padding:1px;

      }

      /* System Standard Messages */

      #system-message { margin-bottom: 20px; }

      #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

      /* System Error Messages */

      #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

      /* System Notice Messages */

      #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

      #syndicate{

      float:left;

      padding-left: 25px;

      }

      /* System Messages */

      /* see system general.css */

      .pagination span { padding: 2px; }

      .pagination a { padding: 2px; }

      /* Polls */

      .pollstableborder td {

      text-align: left;

      }

      /* WebLinks */

      span.description {

      display:block;

      padding-left: 30px;

      }

      /* Frontend Editing*/

      fieldset {

      border: 1px solid #ccc;

      margin-top: 15px;

      padding: 15px;

      }

      legend {

      margin: 0;

      padding: 0 10px;

      }

      td.key {

      border-bottom:1px solid #eee;

      color: #666;

      }

      /* content tables */

      td.sectiontableheader {

      background: #efefef;

      color: #333;

      font-weight: bold;

      padding: 4px;

      border-right: 1px solid #fff;

      }

      tr.sectiontableentry0 td,

      tr.sectiontableentry1 td,

      tr.sectiontableentry2 td {

      padding: 4px;

      }

      td.sectiontableentry0,

      td.sectiontableentry1,

      td.sectiontableentry2 {

      padding: 3px;

      }

      .logo_leyenda{ border:#000000 solid 1px; float:right;}

      #form-login .input{ margin-left:-5px; text-align:center; padding-bottom:39px; }

      .main_cont {

      margin-left:170px;
      margin-right:226px;
      float:left;
      margin-top:-340px;
      }
      .contentpaneopen{margin-top:-6px; width:100%;}

      .blog{width:101%;/* border:#00CC33 solid 1px;*/}
      .main_cont .blog {clear:both;}
      .main_cont{ width:448px;}
      .contentheading{margin-top:-6px;}

    • 23/10/2009 a las 19:58 #85630
      daggetkim
      Participante

      Tienes la web online? seria mejor verlo e inspeccionar los elementos con firebug que arriesgarse a decirte que modifiques margenes o paddings sin saber exactamente como es el modulo left.

    • 24/10/2009 a las 15:19 #85650
      Anónimo
      Invitado

      Lo he solucionado dagget ;

      tenia mal la regla margin-top, :laugh:

      .main_cont {

      margin-left:170px;
      margin-right:226px;
      float:left;
      margin-top:-340px;
      }

      ni bien se decida el cliente lo llevo del servidor local a la web (bueno es un cliente complicado ya va tres veces cambiando completamente todo)
      pero bueno uno tiene que servir al cliente y luego esperar a cobrar 😆

      Saludos

  • Autor
    Entradas
Mostrando 2 respuestas a los debates
  • El foro ‘Modulos’ está cerrado y no se permiten nuevos debates ni respuestas.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad