Tema: Problemas con Alineacion
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/09/2015, 13:52
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 4 meses
Puntos: 7
Pregunta Problemas con Alineacion
Hola a todos, estoy haciendo una web y el problema que tiene es que cuando preciono contactenos sale en el margen superior derecho, si el cuadrado rojo, lo estiro mas, contactenos si sale abajo donde deveria estar... cual es el error?, y si alguien me puede dar una mano .

Muchas gracias de antemano, dejo web

http://www.unimevonline.com/_UNIVEM2016/index/index.php

(si copian el link y lo pegan, anda si no no... )

index.php

Código PHP: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>UNIMEV ONLINE</title>
  6. <link href='https://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
  7. <link href="../estilos/gale.css"rel="stylesheet" type="text/css" />
  8. <link href="../estilos/main.css"rel="stylesheet" type="text/css" />
  9. </head>
  10.  
  11. <body>
  12. <div class="maintodo" > <?php  //inicio de toda la web ?>
  13.  
  14.  
  15. <a href="index.php"  title="fefe"><div class="unimevlogo"></div></a> 
  16. <div class="cuadrado">dentro</div> <?php // CUADRO CONTENEDOR DE NOTICIAS ?>
  17.  
  18.  
  19.  
  20. <ul class="ula">
  21. <li class="lia"><a class="aa" href="index.php?page=1C">Contactenos</a></li>
  22. <li class="lia"><a class="aa" href="#">Link two</a></li>
  23. <li class="lia"><a class="aa" href="#">Link three</a></li>
  24. <li class="lia"><a class="aa" href="#">Link four</a></li>
  25. <li class="lia"><a class="aa" href="index.php">Inicio</a></li>
  26. </ul class="ula">
  27.  
  28. <?php
  29. if (empty($_GET)) { 
  30.  
  31. include_once('../index/galeria.php');
  32.  
  33.  
  34. //    header("Location:../index.php?page=1&dsdsd=3000");
  35. }else{
  36. //<li class="idli hajajaja"><a href="index.php?page=1" style="text-decoration:none;visibility:Ingresar</a></li>//
  37. switch($_GET['page']){
  38. case "1A":
  39. include_once('../we_reg_usuario/form_inicio_usuario.php');
  40. break;
  41. case "1B":
  42. include_once('../we_reg_usuario/form_usuario.php');//inicio 
  43. break;
  44. case "1C":
  45. include_once("../contacto/formContacto.php");
  46.  
  47. break;
  48.  
  49.  
  50. }
  51. }
  52.  
  53. ?>
  54.  
  55.  
  56. </div> <!-- fin de toda la web -->
  57. </body>
  58. </html>


CSS:

Código CSS: 
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body{ background: url(../wimgeb/fondo1.jpg) repeat-x #80A863}
  5.  
  6. .maintodo{ border:#000000 solid 1px;
  7.     width:1124px;
  8.     height:700px;
  9.     margin-right:auto;
  10.     margin-left:auto;
  11.     margin-top:0px;
  12.     padding:0px;
  13. }
  14.  
  15.  
  16. .unimevlogo{ float:left;
  17.     background-image: url(../wimgeb/LOGOUNIMEV.png);
  18.     background-repeat: no-repeat;
  19.     width: 156px;
  20.     height: 107px;
  21.     top: 16px;
  22.     left: 267px
  23. }
  24. .cuadrado{float:left; width:750px; height:107px;border:#EC0B0F solid 2px; margin-top:5px; margin-left:9px; margin-right:5px}
  25. /*.info{float:left; width:170px; height:107px; border:#EDEC08 solid 2px; margin-top:5px; margin-left:2px; margin-right:1px}
  26. /*.cuadradodegradado{float:left; width:1124px; height:25px;border:#E4E910 solid 1px; background-color:#000000}
  27. /* M E N U H O R I Z O N T A L */
  28.  
  29.  
  30.  
  31. .ula {float: left; background-color:#000000;
  32.     width:1124px;
  33.     padding: 0;
  34.     margin-top:5px;
  35.     list-style-type: none;text-align:center;
  36. }
  37.  
  38. .aa { 
  39.     float:right;
  40.     width:100px;
  41.     text-decoration: none;
  42.     color: white;
  43.     background-color:#000000;
  44.     padding: 5px 5px;
  45.     border-right: 1px solid white;
  46. }
  47.  
  48. .aa:hover {
  49.     background-color: fuchsia;
  50. }
  51.  
  52. .lia {
  53.     display: inline;
  54. }
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63. /* FIN MENU */ 
  64. /*font-family: 'Dosis', sans-serif;*/
  65. /*font-family: 'Open Sans', sans-serif;
  66. /*text-transform: uppercase;*/
  67.  
  68.  
  69. #boton li a:hover {color:#F4F0F0}
  70. /*background-image: url(../img/estilo/bg_menu_hover.png);*/
  71.  
  72. .form1{ float:left;text-align:center; margin-top:5px; display:table; width:1124px; font-family: 'Open Sans', sans-serif;font-size:16px;}
  73.  
  74.  
  75.  
  76. .algo1{
  77.     
  78.     
  79.     font-family: 'Open Sans', sans-serif;
  80. }


contactenos.php
Código HTML: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Documento sin título</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10.  
  11.  
  12.  
  13. CONTACTENOS.!!!
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. </body>
  24. </html>




Saludos a todos !!
fede