Foros del Web - Ver Mensaje Individual

juanpablojacob · #1 (**permalink**) 30/01/2013, 06:16

Hola a todos, últimamente tengo un problema, que no lo he podido solucionar por el momento. No entiendo donde puede estar el error. El hecho es que implementé un código en js, donde posee un formulario dinámico con las imagenes para que se vayan cambiando y demás. Pero arriba de todo quiero agregar otro formulario, que sea un combo-box con un botón. Hago el menu y el botón y se ve todo bien tal como quiero, pero cuando los encierro con las etiquetas <form> se me desarma todo. Acá les dejo el código, no es mucho, pero para que me ayuden!!

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Todo Jard&iacute;n</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<script lang="javascript" type="text/javascript">
 
 
</script>
</head>
<body>
 
<div id="menu">
    <ul>
        <li class="active"><a href="#" accesskey="1" title="">Nuevas</a></li>
        <li><a href="#" accesskey="2" title="">Consejos</a></li>
        <li><a href="#" accesskey="3" title="">Enlaces</a></li>
        <li><a href="#" accesskey="4" title="">Subir obra</a></li>
        <li><a href="#" accesskey="5" title="">Contacto</a></li>
    </ul>
</div>
<!-- fin #menu -->
<div id="header">
    <h1>Todo Jard&iacute;n</h1>
    <h2></h2>
</div>
<!-- fin #header -->
 
<div id="wrapper">
    <div id="content">
        <div id="posts">
                <div class="post">
                    <div class="story">
                    <!-- Esta es la etiqueta de form que me trae problemas! si la elimino el diseño queda -->
                       <form action="">
                        <label>Elija el tipo de Jardines que desee: </label>
                        <select name="menu">
                            <option value="0" selected=""> </option>
                            <option value="1" > Urbanos</option>
                            <option value="2" > Sub Urbanos</option>
                            <option value="3" > Mediterráneo</option>
                            <option value="4" > Zen</option>
                        </select>
                        <button type="submit"> <b>Listo</b></button>
                       </form>
                    </div>
                </div>
           
          <div class="post">
                       
            <h2 class="title">Nombre de la obra: Primer Obra</h2>
                <div class="story">
                    <p><strong></strong>Esta es la primer Obra </p>
                    <h3>Imagenes de la Obra: </h3>
                </div>
                <!--
                     <form id="1" name="formulario">
     
                     <table cellspacing="1" cellpadding="2" bgcolor="#468259">
                     
                     <tr>
                     <td align="center" bgcolor="#468259" width="280" height="350">
                     <a id="enlace" href="#"><img src="CMS/CMSObra/imagenes/2.gif" name="visor" width="280" height="350"/></a>
                     </td>
                     </tr>
                     
                     <select id="imagen" name="imagen" style="visibility:hidden">
                     <option value="CMS/CMSObra/imagenes/2.gif" selected> Imagen de la obra Primer Obra</option>
                     <option value="CMS/CMSObra/imagenes/1.gif"> Imagen de la obra Primer Obra</option>
                     </select>
                    
                     <tr>  
                     <td align="center" bgcolor="#468259">  
                     <input type="button" onClick="ir_inicio(this.form);" value="|<<" title="Inicio"/>  
                     <input type="button" onClick="anterior(this.form);" value="<<" title="Anterior"/>  
                     <input type="button" onClick=" siguiente(this.form);" value=">>" title="Siguiente"/>  
                     <input type="button" onClick="ultimo(this.form);" value=">>|" title="Ultimo"/>
                     </td>  
                     </tr>  
                     </table>  
                     </form> 
                                 
                 
                -->
                <script lang='JavaScript' type='text/javascript'>
                        agrega_array('CMS/CMSObra/imagenes/2.gif','Imagen de la obra Primer Obra' ,'Después de la segunda obra','#');
                        
                    </script><script lang='JavaScript' type='text/javascript'>
                        agrega_array('CMS/CMSObra/imagenes/1.gif','Imagen de la obra Primer Obra' ,'antes de la primer obra','#');
                    </script><script lang='JavaScript' type='text/javascript'>
                    PintaVisor('1');
                </script>
                            
                
           
           </div>
             
            <div class="post">
                <p class="file"> P&aacute;ginas siguientes: 
                 0 -                        <a href="/pagina/index.php?pagina=1&comienzo=3"> 1 -</a>
                                    </p>
            </div>  
           
        </div>
        <!-- fin #posts -->
        <div id="links">
            <ul>
                
                <li>
                    <h2>Dise&ntilde;os de jardines</h2>
                    <ul>
                                            <li><a href="#">Urbanos</a> <i>(0)</i></li>
                                            <li><a href="#">Sub Urbanos</a> <i>(0)</i></li>
                                            <li><a href="#">Mediterráneo</a> <i>(0)</i></li>
                                            <li><a href="#">Zen</a> <i>(0)</i></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- end #links -->
        <div style="clear: both;">&nbsp;</div>
    </div>
</div>
<!-- end #content -->
 
<div id="footer">
    <p id="legal">Copyright &copy; Todo Jard&iacute;n</p>
    <p id="brand">Todo Jard&iacute;n</p>
</div>
<!-- end #footer -->
 
 
</body>
</html>