Comunidad de diseño web y desarrollo en internet online

Urgente: Ayuda para Maquetar con GRID960 !!!!

Foros de discusión > CSS y HTML

Citar            
MensajeEscrito el 14 Dic 2009 10:07 pm
Hola Chicos,
La presente es para que me ayuden de suma urgencia respecto a maquetar con GRID 960 ( pero el que tengo es el grid1000).
El problema que tengo es unir 2 partes del cuerpo de la pagina web pero solo en algunos navegadores me hace caso, pero en otras no, seria de la gran ayuda de ustedes para que me echen una mano.
Gracias de antemano , muchísimas gracias.

Web: http://fondoverde.org/page-web/index.html


Por si les es mas cómodo les dejo el Index.html o sino del enlace de arriba directo a la pagina

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>

<title>Páginas Verdes : Perú</title>
<link rel="stylesheet" type="text/css" href="css/grid1000.css" media="all">
<link rel="stylesheet" type="text/css" href="css/reset.css" >
<link rel="stylesheet" type="text/css" href="css/text.css">

<link type="text/css" href="theme/ui.all.css" rel="stylesheet" /> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript" src="js/ui.core.js"></script> 
<script type="text/javascript" src="js/ui.tabs.js"></script> 
<link type="text/css" href="demos.css" rel="stylesheet" /> 
<script type="text/javascript"> 
   $(function() {
      $("#tabs").tabs();
   });
</script> 
<style type="text/css">
body{
margin: 0 auto;

background-color: #ddf4c6;   
}
#cabecera{

}
#fondobtns{
   background: url(images/bsigue.gif) no-repeat;
   margin: 0 0 0 0;/*   padding: 0 0 1px 0;*/
   /*background-color: #A5E124;*/
}
#bannerflash{
   margin: 0 0 0 -5px;
/*   margin-top: -10px;*/
}
#redes_sociales img {
   padding:9px 0 0 0;

}
#txtsiguenos img{
   margin: 5px 0 0 8px;
}
#txtsuscribir img{
   margin: 2px 0 0 10px;
}
#txtsuscribir input{
/*   margin: 0 0 0 5px;*/
   
}
#txttwitter img{
   margin: 0 0 0 -10px;
}
#txtrss img{
   margin: 0 0 0 -10px;
}
#suscrip {
   color: #FFFFFF;
   background-color: #666666;
   border: medium dotted #666666;
}
#Suscripcion {
   padding:9px 0 0 0;
}
#titu-catego img{
   padding:14px 0 4px 13px;
}
#config_zona_botones{
   margin:0;
/*   padding:14px 0 4px 13px;*/
}
#barra_cuerpo{
/*   margin: -1px 0 0 0;*/
   padding:-10px 0 0 -10px;
}
#barra_menues{
   background:url(images/bcat.gif) no-repeat;
   margin: 0 0 0 0;
   padding:0 0 0 0;
}
#barra_contenido{
   background:url(images/bskina.gif) no-repeat;
   overflow: auto;
   margin: 0 0 0 -1px;
   overflow:hidden;
}
#barra_publicidad{
   background:#BDCCB3;
}
#pie-contenido{
   padding:5px 0 0 0;
   background:url(images/pie.gif) no-repeat;
   text-align:center;
   font:  small-caps 0.8em/1.1em verdana;
   margin: 10px 0 0 0;
}

#texts-menu li{
   list-style-type: none;
   margin:0 30px; 
   list-style-image:url(images/check_off.png);
   border-bottom: 1px dashed #C6EC77;
}
#demo{
   float:right;
}
</style>
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<div id="proy-web" class="container_50">
    <div id="cabecera" class="container_50"> 
        <div id="bn_flash">
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','267','src','swf/head','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','swf/head' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="267">
            <param name="movie" value="swf/head.swf" />
            <param name="quality" value="high" />
            <embed src="swf/head.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="267"></embed>
          </object>
        </noscript></div>
      <div class="clear"></div>
    </div>
   <div id="zona_botones" class="container_50">
    <div id="config_zona_botones">
        <div id="fondobtns" class="grid_17">
           <div id="redes_sociales" class="grid_17">
                <div id="txtsiguenos" class="grid_6 alpha">
                    <img src="images/siguenosen.gif" alt="Siguenos en:" />
                </div>             
                <div id="txttwitter" class="grid_1 ">
                    <img src="images/twiterbutton.gif" alt="Twitter" />
                </div>
                <div id="txtfacebook" class="grid_2 ">
                    <img src="images/facebookbutton.gif" alt="Facebook" />
                </div>
                <div id="txtrss" class="grid_2 omega suffix_6">
                    <img src="images/rssbutton.gif" alt="RSS" />
                </div>
            <div class="clear"></div>
            </div><br /><br />
            <div id="Suscripcion" class="grid_17">
                <div id="txtsuscribir" class="grid_3 alpha">
                    <img src="images/mail.gif" alt="Newsletter" />
                </div>
                <div id="txtsiguenos" class="grid_13  omega suffix_1">
                  <form id="form1" name="form1" method="post" action="">
                          <input type="text" name="txtsuscrip" id="txtsuscrip" />
                          <input type="submit" name="suscrip" id="suscrip" value="Suscribir" class="btnsuscrip" />
                  </form>
                </div>
                <div class="clear"></div>
         </div>
         <div id="titu-catego" class="grid_14 prefix_2 suffix_1"><img class="" src="images/titucat.gif" alt="Categorías" /></div></div>
      </div>
      <div id="bannerflash" class="grid_33"><img src="images/flash.gif" alt="Banner flash" /></div>
      <div class="clear"></div>
   </div>
</div>
   <div id="barra_cuerpo" class="container_50">    
       <div id="barra_menues" class="grid_13">
          <ul id="texts-menu">
            <li>Agricultura y jardinería</li>
                <li>Agua</li>
                <li>Alimentos y bebidas</li>
                <li>Arquitectura y construcción</li>
                <li>Animales</li>
                <li>Artesania</li>
                <li>Consultoría y servicios para el ambiente</li>
                <li>Educación y formación</li>
                <li>Embalaje y envases</li>
                <li>Energía</li>
                <li>Finanzas</li>
                <li>Hogar</li>
                <li>Limpieza</li>
                <li>Madera</li>
                <li>Medios de comunicación, publicidad</li>
                <li>Moda, textiles</li>
                <li>Papelería, oficina e imprenta</li>
                <li>Organizaciones e instituciones</li>
                <li>Reciclaje de residuos</li>
                <li>Restaurantes</li>
                <li>Salud y belleza</li>
                <li>Transporte</li>
                <li>Turismo y viajes</li>            
          </ul>
        </div>
    <div id="barra_contenido" class="grid_30">

   </div>        
    <div id="barra_publicidad" class="grid_7">
      <p> publi</p>
        <p>dfgfd</p>
        <p>g</p>
        <p>dfg</p>
        <p>&nbsp;</p>
        <p>dfg</p>
        <p>dfgdfg</p>
        <p>fdg</p>
        <p>fd</p>
        <p>g</p>
        <p>dfg</p>
        <p>fdgdg</p>
    </div>        
      <div class="clear"></div>        
  </div>
   <div id="pie" class="container_50">    
       <div id="pie-contenido" class="grid_50">
        <p><a href="#">PRESENTACI&Oacute;N</a> | <a href="#">AN&Uacute;NCIATE</a> | <a href="#">CONT&Aacute;CTANOS</a><br /> <a href="#">Pol&iacute;tica de Privacidad</a><br />COPYRIGHT (c) 2010 Todos los Derechos Reservados <a  href="http://www.fondoverde.org">Fondo Verde</a> 2009</p>
        </div>
        <div class="clear"></div>
   </div>    
</div><!--FIN DE PROYECTO/-->
</body>
</html>

Por jemano

10 de clabLevel



 

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 18 Dic 2009 03:05 am
En la línea 68 del index.html cambia por esto y cuentas...

#titu-catego img {
padding:30px 0 0;
}

Ordena tu código, usa un archivo separado para el css, tienes problema con las tildes, en general lee mucho de xhtml y css u_u

Saludos,

Por hCanté

212 de clabLevel


1 articulo

Genero:Masculino  

Envíale un mensaje privado     Web

Guatemala

chrome
Foros de discusión > CSS y HTML

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.