Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problemas con Alineacion

Estas en el tema de Problemas con Alineacion en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/09/2015, 13:52
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 11 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. <meta charset="utf-8">
  3. <title>Documento sin título</title>
  4. </head>
  5.  
  6.  
  7.  
  8.  
  9.  
  10. CONTACTENOS.!!!
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. </body>
  21. </html>




Saludos a todos !!
fede
  #2 (permalink)  
Antiguo 15/09/2015, 14:39
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años, 3 meses
Puntos: 2534
Respuesta: Problemas con Alineacion

¿Por qué crees que el problema sería de código PHP?
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #3 (permalink)  
Antiguo 15/09/2015, 15:48
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 11 meses
Puntos: 2237
Respuesta: Problemas con Alineacion

Yo me pregunto exactamente lo mismo... mejor movemos el tema a CSS.
__________________
- León, Guanajuato
- GV-Foto
  #4 (permalink)  
Antiguo 15/09/2015, 16:59
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 11 meses
Puntos: 7
Pregunta Respuesta: Problemas con Alineacion

Antes de ser ironicos y no aportar nada perdiendo el tiempo en ironias podrian ayudar,

Igualmente se agradece el hecho de mover mi pregunta a CSS,

Gracias a todos

saludos
fede
  #5 (permalink)  
Antiguo 15/09/2015, 22:56
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 7 meses
Puntos: 91
Respuesta: Problemas con Alineacion

Primero que nada amigo mete tu contenido del contacto en un div ;)
Código HTML:
Ver original
  1. <div class="contac">
  2. CONTACTENOS.!!!
  3. </div>

y luego agregas este css para que funcione como quieres(me imagino que asi seria como lo quieres):
Código CSS:
Ver original
  1. .contac {
  2.   float: left;
  3. }

y borra estos .-.
Código HTML:
Ver original
  1. <meta charset="utf-8">
  2. <title>Documento sin título</title>
Salen cuando abres el div class .maintodo

  #6 (permalink)  
Antiguo 16/09/2015, 13:41
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 11 meses
Puntos: 7
Respuesta: Problemas con Alineacion

Hola.! excelente.!!! muchisimas gracias por tu tiempo.!!!

Muchas Gracias AngelKrak

saludos
fede
pd: de lujo.!

Etiquetas: alineacion, html, php
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 01:09.