Tema: No crece la pagina en relación a la información que se agrega.
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 30/12/2010, 20:04
Avatar de ras_chalo
ras_chalo
 
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: No crece la pagina en relación a la información que se agrega.
Cita:
Iniciado por kseso? Ver Mensaje
Y faltando el html, ¿llamamos al adivino?
Los estilos no tienen razón de ser sin el documento html al que se aplican.
Y no se por qué razón, me da que la imagen es una tabla, o al menos tiene toda la apariencia,
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>Titulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="description" content="Place your description here" />
  7. <meta name="keywords" content="put, your, keyword, here" />
  8. <meta name="author" content="Templates.com - website templates provider" />
  9. <link href="style.css" rel="stylesheet" type="text/css" />
  10. <script src="js/cufon-yui.js" type="text/javascript"></script>
  11. <script src="js/cufon-replace.js" type="text/javascript"></script>
  12. <script src="js/Myriad_Pro_300.font.js" type="text/javascript"></script>
  13. <script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
  14. <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
  15. <script type="text/javascript">
  16. hs.graphicsDir = 'highslide/graphics/';
  17. hs.align = 'center';
  18. hs.transitions = ['expand', 'crossfade'];
  19. hs.outlineType = 'glossy-dark';
  20. hs.wrapperClassName = 'dark';
  21. hs.fadeInOut = true;
  22. //hs.dimmingOpacity = 0.75;
  23.  
  24. // Add the controlbar
  25. if (hs.addSlideshow) hs.addSlideshow({
  26.     //slideshowGroup: 'group1',
  27.     interval: 5000,
  28.     repeat: false,
  29.     useControls: true,
  30.     fixedControls: 'fit',
  31.     overlayOptions: {
  32.         opacity: .6,
  33.         position: 'bottom center',
  34.         hideOnMouseOut: true
  35.     }
  36. });
  37.  
  38. </script>
  39.  
  40. <!--[if lt IE 7]>
  41.     <script type="text/javascript" src="js/ie_png.js"></script>
  42.     <script type="text/javascript">
  43.          ie_png.fix('.png, #header .row-2 ul li a, #content, .list li');
  44.     </script>
  45. <![endif]-->
  46.   <SCRIPT LANGUAGE="JavaScript">
  47.                 function valida_envia(f){ 
  48.     
  49.     if (document.fvalida.nombre.value.length==0){ 
  50.          alert("Debe escribir su nombre") 
  51.          document.fvalida.nombre.focus() 
  52.          return false; 
  53.     } 
  54.     
  55.     if (document.fvalida.apellidos.value.length==0){ 
  56.          alert("Debe escribir sus apellidos") 
  57.          document.fvalida.apellidos.focus() 
  58.          return false; 
  59.     } 
  60.     
  61.     if (document.fvalida.telefono.value.length==0){ 
  62.          alert("Debe escribir su telefono") 
  63.          document.fvalida.telefono.focus() 
  64.          return false; 
  65.     } 
  66.     
  67.     
  68.      
  69.     if (document.fvalida.acomentario.value.length==0){ 
  70.          alert("Debe escribir un comentario") 
  71.          document.fvalida.acomentario.focus() 
  72.          return false; 
  73.     } 
  74.  
  75.     
  76.  
  77.      
  78.     
  79.     
  80.         //el formulario se envia
  81.     alert("Muchas gracias por enviar el formulario");
  82.     f.fvalida.submit();
  83.     
  84. } 
  85. </SCRIPT>
  86. </head>
  87. <body id="page1">
  88. <div class="tail-top">
  89.     <div class="tail-bottom">
  90.         <div class="body-bg">
  91.             <!-- HEADER -->
  92.             <div id="header">
  93.                 <div class="extra"> <!-- aqui podria ir una foto --></div>
  94.                 <div class="row-1">
  95.                     
  96.                     
  97.                 </div>
  98.                 <div class="row-2">
  99.                     <ul>
  100.                         <li class="m1"><a href="index.html" class="active">Inicio</a></li>
  101.                         <li class="m2"><a href="conozcanos.html">Con&oacute;zcanos</a></li>
  102.                         <li class="m3"><a href="servicios.html">Servicios</a></li>
  103.                         <li class="m4"><a href="contacto.html">Contacto</a></li>
  104.         
  105.                     
  106.                   
  107.                     
  108.                     </ul>
  109.                 </div>
  110.                 <div class="row-3">
  111.                   <h5>PREMIER CRASH CARS</h5>
  112.                   <h6>Restauraciones desabolladura y </h6>
  113.                   <h6>pintura al horno.</h6>
  114.                   
  115.                     
  116.                 </div>
  117.             </div>
  118.             <!-- CONTENT -->
  119.             <div id="content"><div class="inner_copy"><a href="http://www.site2you.com/">Website Builder</a> <a href="http://www.freetemplatesonline.com/">fto</a> <a href="http://www.websitetemplates.org/">websitetemplates.org</a> <a href="http://www.webdesign.org/website-design">Website Design</a></div><div class="inner_copy">More <a href="http://www.templates.com/">Website Templates</a> @ Templates.com!</div>
  120.                 <div class="tail-right">
  121.                     <div class="wrapper">
  122.                         <div class="col-1">
  123.                           <div class="indent">
  124.                                 
  125.                                 <h4>Servicios</h4>
  126.                                     
  127.                                     
  128.                                     <ul class="list"><br />
  129.                                      <li>   
  130.                                      <h8>Autom&oacute;vil 1</h8> <br />                 
  131.                                      <div class="box">
  132.                                      
  133.                                      <!-- inicio/ imagenes-->                                     
  134.                                      
  135.                                         <a href="images/car_1.jpg" class="highslide" onclick="return hs.expand(this)">
  136.                                         <img src="images/car_1_t.jpg" alt="Highslide JS" width="120" height="100"
  137.                                         title="Clic para agrandar" /></a>
  138.                                         <div class="highslide-caption">
  139.                                         Estado 1. Llegada.
  140.                                         </div>
  141.                                         
  142.                                          <a href="images/car_2.jpg" class="highslide" onclick="return hs.expand(this)">
  143.                                         <img src="images/car_2_t.jpg" alt="Highslide JS" width="120" height="100"
  144.                                         title="Clic para agrandar" /></a>
  145.                                         <div class="highslide-caption">
  146.                                         Estado 1. Llegada.
  147.                                         </div>
  148.                                         
  149.                                         
  150.  
  151.  
  152.  
  153.                                     
  154.                                     <!--Termino /  imagenes-->
  155.                                      </div>
  156.                                     </li>
  157.                                      
  158.                                     
  159.                                     
  160.                                 </ul>
  161.                             </div>
  162.                         </div>
  163.                         <div class="col-2">
  164.                             <img src="images/img2.jpg" width="290" height="382" />
  165.                             </ul>
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.             <!-- FOOTER -->
  171.             <div id="footer">
  172.                 <div class="indent">
  173.                     
  174.                     <div class="fright">&copy; Copyright <a href="#" target="_blank"></font></a>.   Todos los derechos reservados.</div>
  175.                 </div>
  176.             </div>
  177.         </div>
  178.     </div>
  179. </div>
  180. <script type="text/javascript"> Cufon.now(); </script>
  181. </body>
  182. </html>
Última edición por ras_chalo; 31/12/2010 a las 04:13