Foros del Web » Diseño web » Sistemas de gestión de contenidos » Joomla »

html personalizado con imagen mueve los modulo superiores

Estas en el tema de html personalizado con imagen mueve los modulo superiores en el foro de Joomla en Foros del Web. hola comunidad, estoy muy confuso , se que al crear un modulo HTML personalizado para insertar un imagen y ponerlo en una poscion posterior, y ...
  #1 (permalink)  
Antiguo 23/11/2011, 16:19
 
Fecha de Ingreso: septiembre-2008
Mensajes: 192
Antigüedad: 6 años, 3 meses
Puntos: 1
html personalizado con imagen mueve los modulo superiores

hola comunidad,

estoy muy confuso , se que al crear un modulo HTML personalizado para insertar un imagen y ponerlo en una poscion posterior, y no entiendo por que lo desplaza a la capa de superior, existe alguna posibilidad de poner este HTML personalizado, sin que mueva la capa superior, ya que esta solo aparecerá en el home.
Ya que si le inserto la imagen en un articulo me pone margenes, lo que deseo es que no me de bordes y no quiero cambiar los estilos ya que me dañaria todo... me pueden dar alguna sugerencias??? este es el código de capa que uso.

quiero insertar una imagen sin margenes que solo este la imagen como se lo hace en un HTML personalizado.

HE LOGRADO MUCHOS AVANCES SOY NUEVO EN ESTA HERRAMIENTA Y NO CONSIGO REALIZAR LO QUE DESEO.

esta plantilla lo gre crearla para adaptarla al joomla 1.5

Llevo varios dias no se que hacer mas por eso estoy aca acudiendo a una comunidad con mayor conocimiento, ya que el ser humano nunk deja de aprender.


Código HTML:
Ver original
  1.  
  2.     <div id="body">
  3.        
  4.         <div id="headerSidebar">
  5.             <jdoc:include type="modules" name="headerSidebar"  style="xhtml" />
  6.         </div>
  7.      
  8.         <div id="head_contenedor">
  9.             <div id="header">
  10.                 <jdoc:include type="modules" name="head_contenedor" style="xhtml" />
  11.             </div>  
  12.                  
  13.             <div id="headerSearch">
  14.                  <jdoc:include type="modules" name="headerSearch" style="xhtml" />
  15.             </div>
  16.         </div>
  17.            
  18.         <div id ="menu"> <jdoc:include type="modules" name="menu" /> </div>            
  19.              
  20.             <div id = "contenedor">                        
  21.                     <jdoc:include type="modules" name="contenedor"  style="xhtml" />
  22.        
  23.          
  24.                      <div id="sidebar">                
  25.                          <jdoc:include type="modules" name="sidebar"  style="xhtml" />
  26.                     </div>
  27.                      
  28.                     <div id = "contenedor">
  29.                         <jdoc:include type="component" />
  30.                     </div>
  31.                          
  32.                         <div id ="contentop">
  33.                                 <jdoc:include type="modules" name="contentop"  style="xhtml" />
  34.                         </div>
  35.                      
  36.                      <div id="contenttop_sidebar">                 
  37.                     <jdoc:include type="modules" name="contenttop"  style="xhtml" />
  38.               </div>
  39.  
  40.             </div>
  41.  
  42.             <div id="footer">odos los derechos reservados
  43.                  <jdoc:include type="modules" name="footer"  style="xhtml" />
  44.             </div>
  45.    
  46.     </div>
  47.  
  48.  
  49. </body>

estilos

Código CSS:
Ver original
  1. #body {
  2.     width:1259px;      
  3.     margin: 10px auto; 
  4.     border: 2px solid #6d6f71;
  5.    
  6. }
  7. #head_contenedor{
  8.     width:998px;
  9.     height:266px;
  10.     }
  11.  
  12. #header {
  13.     width:832px;
  14.     height:264px;
  15.     float:left;
  16.     background-image:url(../images/header.jpg);
  17.     background-repeat: no-repeat;
  18.    
  19. }
  20.  
  21. #headerSearch{ 
  22.     width:164px;
  23.     float:right;
  24.     height:265px;
  25.     position: static;
  26.     text-align:center; 
  27. }
  28.  
  29. #headerSidebar{
  30.     height: 300px;
  31.     width: 261px;  
  32.     float:right;
  33.     background-image: url(../images/sidebar.jpg);
  34.  
  35.     background-repeat: no-repeat;
  36.     }
  37.  
  38. #menu{
  39.     max-width:998PX;
  40.     min-width:998px;
  41.     height:34px;
  42.     background-color: #6d6f71;
  43.     text-align:center;
  44.     margin-top: auto;
  45.    
  46.     }
  47.  
  48. #contenedor{
  49.     width:1259px;
  50.     min-height:550px;
  51.     overflow:auto;
  52.     float:right;
  53.     overflow-x: hidden;
  54.     background-repeat: no-repeat;  
  55.     }
  56.  
  57. #contenedor{
  58.     width:980px;
  59.     min-height:410px;
  60.     float:left;
  61.     overflow-y: hidden;
  62.     padding-top:1.5em;
  63.     margin-left: 0.5em;
  64.     margin-right:0.5em;
  65. }
  66.  
  67. #contentop{
  68.     width:998px;
  69.     height:125px;
  70.     float:left;
  71.     background-image: url(../images/contenttop.jpg);
  72.     background-repeat: no-repeat;
  73.    
  74. }
  75.  
  76. #sidebar{
  77.     width:260px;
  78.     min-height:435px;
  79.     float:right;
  80.     margin-left:auto;
  81.     margin-right:auto;
  82. }
  83. #contenttop_sidebar{
  84.     width:260px;
  85.     min-height:125px;
  86.     float: right;
  87.     margin-left:auto;
  88.     margin-right:auto;
  89. }
  90.  
  91. #footer{
  92.     width:1259px;
  93.     height:18px;
  94.     background-repeat: no-repeat;
  95.     background-color: #6d6f71;
  96.     text-align:center;
  97.     clear:both;
  98. }

Etiquetas: html, modulo, mueve, personalizado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:54.
SEO by vBSEO 3.3.2