Mensajes

hola
he creado un a ventana modal en bootstrap 3  y bueno la ventana se abre cuando le doy a acceso que la debe abrir .....

pero el supuesto div del modal donde va el texto y tal no sale centrado a la ventana con lo que al centrar el texto  tanto imagenes como texto se me pierden por la derecha ...

alguien sabe como centrar este div , yo lo he probado todo....
gracias

Hola buenas tardes ....
aver si9 me pueden ayudar en esto ........

estoy creando una pagina en bootstrap 3 en la pagina de contacto de decidido poner una sección a la izquierda con el nombre de la empresa, telefonos , direccion y email
........... y en la parte derecha .....

un script de la api de google maps con  los datos de la direccion de la empresa.......

el problema viene pq  al meter el script de google map la pagina me crea un scroll horizontal abajo....
alguien sabria decirme como puedo solucionar esto?????
para poder meter este script sin que me haga scroll horizontal....
esta es la linea que comento para que no me haga scroll.....

Código [Seleccionar] Expandir


<div id="google-map" class="map"></div>
               </div>



y este el script...... al que le he quitado las coordenadas

Código [Seleccionar] Expandir


<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
<script>
                   var myCenter=new google.maps.LatLng(00.0000000,-0.0000000000000000);
                   var marker;
                       function initialize()
                           {
                           var mapProp =
                             {
                             center:myCenter,
                             zoom:17,
                             mapTypeId:google.maps.MapTypeId.ROADMAP
                             };
                           var map=new google.maps.Map(document.getElementById("google-map"),mapProp);
                           marker=new google.maps.Marker({ position:myCenter,animation:google.maps.Animation.BOUNCE});
                                                               
                           marker.setMap(map);
                           var infowindow = new google.maps.InfoWindow({content:"Hola Mundo!"});
                                                                           
                           google.maps.event.addListener(marker, 'click', function()
                           {
                             infowindow.open(map,marker);
                             });
                           }
                           google.maps.event.addDomListener(window, 'load', initialize);
               </script>


gracias por tu respuesta lo he leido y probado pero no me sirve , no hace nada.....

en bootstrap que se quede el footer debajo del navegador solo tengo que poner el navbar-fixed y siempre lo tendre fijo debajo del navegador  se movera la pagina pero no el footer......

si pongo el navbar-static el footer estara el la pagina y no se vera  anoser que la pagina sea del mismo height que la pantalla  o que legues al fianl de la pagina en pagina que tienn mucho height.....

por otro lado si quieres que  el foter siempre vaya abajo de todo siempre puedes echar mano de una clase  con clear:both.......

pero mi caso es que se me queda un espacio vacio entre en ultimo elemento y el footer de forma que para que se vea el footer en una pagina que cabe perfectamente en una pantalla .......
pues practicamente es una pantalla estaticahay de desplazar hacia abajo y eso es lo que yo quiero evitar quiero que se vea toda la pagina con footer y todo......

y ya lo he probado todo y nada de nada , incluso desactivando cosas de la css por si fuese algo en la css que me esta dando por saco, el overflowx e y :hidden lo he probado todo y no hay forma de que el footer se quede bien......

y si lo subo , por debajo se me queda un espacio vacio cosa que tampoco quiero mas que nada por estetica....

de todas formas gracias por tu respuesta

Bueno pos como dice el titulo quiero limitar el height de una pagina , que estoy haciendo en bootstrap......

conta de 5 paginas independientes en todas el footer me queda bien , menos en esta ultima que me deja un espacio vacio entre el ultimo elemento de la pagina y el footer y si le subo el footer se me queda el espacio vacio por debajo del footer .... asi que tendre que limitar el height de la pagina.....

aunque creo que bootstrap viene con un height auto, pero no se pq no funciona.......
he probado a poner un height auto en el container  en poner un height por px , he probado de todo..... , pero el resultado es siempre el mismo.......

alguien sabe como puedo limitar el height de esta pagina o en su defecto ponerlo auto en bootstrap 3 ???

aver si alguien  puede ayudarme , ya le he dado mil vueltas al codigo y no encuentro donde esta el error.............

me deja el footer debajo del todo pero con un gran trecho en medio vacio........ i si subo el footer se me queda  espacio vacio del trecho que tenia, abajo del footer.... ya lo he probado todo y no doy con el problema , alguien podria ayudarme a ver si ve algo que a mi se me escapa????

es como si tuviera un height fijo.....

Código [Seleccionar] Expandir


<div class="container">
<h1 class="text-center text-danger">Servicios</h1>
  <hr>
   <div class="row">
    <div class="logot col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/desarrollo_web.png" alt="">
    </div>
       <div class="repar col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/reparacion_de_pc_moviles.png" alt="">
  </div>
           <div class="col-xs-8 col-xs-offset-0">
            <h5 class="text-warning">
            <div class="text4 text-left"><a data-toggle="modal" href="#logosModal" id="logos" target="_blank" title="+info">Logos e Imagenes</a>
                    <div class="modal fade" id="logosModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                                <div class="modal-content">
                        <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Logos e Imagenes</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
                   <div class="text1 text-right"><a data-toggle="modal" href="#reparaModal" id="reparo" target="_blank" title="+info">Reparaci&oacute;n Pc´s y Moviles</a>
                    <div class="modal fade" id="reparaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Reparaci&oacute;n Pc´s y Moviles</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
               </h5>
            <hr class="servicios">
      </div>
   </div>
   <div class="row1">
    <div class="impress col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/3d.png" alt="">
    </div>
       <div class="vent col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/venta_de_pc´s.png" alt="">
  </div>
            <div class="col-xs-8 col-xs-offset-0 pull-left">
            <h5 class="servicios text-warning">
            <div class="text5 text-left"><a data-toggle="modal" href="#impresModal" id="impress_3d" target="_blank" title="+info">Impresiones 3D</a>
                    <div class="modal fade" id="impresModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                                <h4 class="modal-title text-center" id="myModalLabel">Impresiones 3D</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                </div>
                    </div>
                    </div>
                    </div>
                    </div>
            <div class="text2 text-right"><a data-toggle="modal" href="#ventaModal" id="venta_pc" target="_blank" title="+info">Venta Pc´s Personalizados</a>
                    <div class="modal fade" id="ventaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Venta Pc´s Personalizados</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                    </div>
            </h5>
            <hr class="servicios servicios1">
      </div>
   </div>
  <div class="row2">
    <div class="ddw col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/Desarrollo-y-Diseno-Web1.png" alt="">
    </div>
       <div class="wifi col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/antenas_wifi.png" alt="">
  </div>
           <div class="textos col-xs-10 ">
            <h5 class="servicios text-warning">
            <div class="text6 text-left"><a data-toggle="modal" href="#DisenyoModal" id="disenyo" target="_blank" title="+info">Dise&ntilde;o y Desarrollo Web</a>
                    <div class="modal fade" id="DisenyoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar1" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
<h4 class="modal-title text-center" id="myModalLabel">Dise&ntilde;o y Desarrollo Web</h4>
                    <p class="text-muted serv"></p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
                  <div class="text3 text-right"><a data-toggle="modal" href="#wifiModal" id="wifi" target="_blank"  title="+info">Instalaci&oacute;n Antenas Wifi</a>
                    <div class="modal fade" id="wifiModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar1" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
      <h4 class="modal-title text-center" id="myModalLabel">Instalaci&oacute;n Antenas Wifi</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
               </h5>
            <hr class="nulo">
      </div>
  </div>
 <hr class="servicios3">
<?php
include_once('includes/footer.inc.php');
?>
</div>


saludos  estoy intentando crear un menu con bootstrap he probado tanto con dropdown como con treeview , si conseguir la jerarquia que consigo con tree javascript......

alguien puede decirme si se puede conseguir esta jaraquia con bootstrap.... y si se puede decirme como.......

Código [Seleccionar] Expandir


<ul>
        <li><span><i class="fa fa-bars fa-2x"></i></span> <a href=""><!--Padre--></a>
            <ul>
                <li><span><i class="fa fa-angle-left pull-right inicio"></i>Inicio</span> <a href=""></a>
                <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--Nieto-->
                    </ul>
                </li><!--Hijo-->
                <li><span><i class="fa fa-angle-left pull-right moda"></i> Colecciones Moda</span> <a href=""><!--Hijo--></a>
                    <ul>
                        <li><span><i class="fa fa-angle-left pull-right nacido"></i> Recien Nacido</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right colect"></i> Colecciones</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right sin_nombre"></i> Sin nombre</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right patuc"></i> Patucos</span> <a href=""></a>
                            <ul>
                                <li><span><i class="fa fa-angle-left pull-right bebe"></i> Beb&eacute; Ni&ntilde;a 3-24 Meses</span> <a href=""></a>
                            <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                                <li><span><i class="fa fa-angle-left pull-right bebe"></i> Beb&eacute; Ni&ntilde;o 3-24 Meses</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--Bisnieto-->
                                <li><span><i class="fa fa-angle-left pull-right nene"></i> Ni&ntilde;as 2-10 a&ntilde;as</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                                <li><span><i class="fa fa-angle-left pull-right nene"></i> Ni&ntilde;as 2-10 a&ntilde;os</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                            </ul>
                        </li><!--Nieto-->
            </ul><!-- fin lista nietos-->
        </li>
    </ul><!-- fin lista padre-->
</div>


gracias eso es lo que yo buscaba muchas gracias

Hola pues sólo quiero saber si alguien sabe como se llama el paquete javascript que es como un lightbox pero para poner texto o formularios....   Ósea que se abra una ventana A modo lightbox transparente o semitransparente algo oscura y que en vez de fotos muestre texto o formularios.....
Gracias y saludos

 aver no entiendo con mis propias reglas css 3 o vale copiar  ese valor a mi css y variarle el valor????

si tengo en cuenta eso de las pantallas inferiores por eso tengo dos media query mas para pantallas inferiores ........ adaptado a pantallas inferiores es mas curro y quiza este mas mal hecho pero funciona.....
pongo lo de landscape mas que nada para diferenciar la configuracion horizontal de la vertical(portrait), pq desde luego ambas tienen containers diferentes.......
podria poner un comentario , pero he preferido hacerlo asi.... aunque dudo que queden pantallas inferiores a 5 o 5,5 pulgadas en todo caso inferiores....
en teoria esta media query tambien deberia funcionar en pantallas inferiores, de echo lo hace  y si me crea algo de scroll horizontal pero solo en horizontal en vertical no.... tendre que ajusta algo mas.. donde no debe funcionar es es mayores de 640px......

aunque creo que no me has entendido......

Código [Seleccionar] Expandir


   @media (max-device-width:640px) and (orientation:landscape){
        .container{
    width:538px; <--- si aqui le pongo como valor 640px ya me crea scroll abajo horizontal
                              a 538px  lo tengo en el limite.... si le subo 1px osea, si el valor fuese 539px
                              ya me empieza a crear scroll horizontal abajo......

        }
   }

en cuanto a lo del header php no se si abras visto algun error , pero yo lo he revisado y lo veo bien

te recuerdo que funciona bien con el xampp  cuando no funciona es cuando lo subo a server de hostinger...

por cierto sabes de algun javascript con el que hacer un tipo lightbox , pero que en vez de fotos
salga texto..... formularios y cosas asi????

saludos nuevamente  y gracias por tu rapida respuesta

gracias por tu respuesta.......

ya se que un elemento puede tener varias clases col.....

cada clase col da un width difrente y hay 12 col  de cada clase.....
te los describo aqui......
12 col-xs (cada unos con un width difererente)
12 col-sm (cada unos con un width difererente)
12 col-md (cada unos con un width difererente)
12 col-lg (cada unos con un width difererente)
pero estas clases solo dan tamaño al contenedor con el width, no posicionan....

y lo mismo pasa con las clases
col-xs-push a  col-lg-push (esta da un left que viene preestablecido)
col-xs-pull a  col-lg-pull (esta da un right  que viene preestablecido)
col-xs-offset a  col-lg-offset (esta clase da un margin-left  que viene preestablecido)
y todas con valores a %
estas clases si que pueden posicionar.....
mezclando por ejemplo, col-lg-5 col-lg-push-2....

se que puedo meter varias clases  de todas las que detallo arriba en un elemento
mi duda es col-xs-push-2  
viene con el valor preestablecido a left:16.66666667%
pq  si el col-xs-push-1 se me queda corto y el col-xs-push-3 demasiado largo...
lo logico es poner un col-xs-push-2 que esta entre los dos valores, pero si aun asi
el elemento no acaba de quedarse donde yo quiero, tendre que modificar ese valor, no???
eso es lo que preguntaba si habia que modificar esos valores????
o si habia que ir jugando  con los valores preestablecidos.......

en cuanto a los media query bootstrap ya los lleva preestablecidos tambien.....
de normal yo me he creado mi media query para smartphones de 5 o 5,5 pulgadas tanto en vertical como en horizontal.......

Código [Seleccionar] Expandir


@media (max-device-width:640px) and (orientation:landscape){
aqui css horizontal
}
@media (max-device-width:360px) and (orientation:portrait){
aqui css vertical
}

pero tanto en una como en la otra he tenido que bajar dentro de ellas el tamaño del container, pues si no lo hacia me creaba un escroll horizontal abajo.....

Código [Seleccionar] Expandir


@media (max-device-width:640px) and (orientation:landscape){
    .container{
width:538px;
    }
}
@media (max-device-width:360px) and (orientation:portrait){
    .container{
width:293px;
    }
}


entonces, no se si es normal que me cree un scroll horizontal abajo ,si le pongo el width de container correctamente, osea la width real del dispositivo......
si conoces alguna otra forma de hacer los media query que funcione mejor estoy abierto a sugerencias......

en cuanto a lo del boton del header te subo el codigo , seguramente  lo veras bien , pues he revisado el codigo 1000 veces y no veo el error, pero puede  que tenga un error y no haya dado con el........

Código [Seleccionar] Expandir


$ruta ="/pruebasphp/Pagina final/";
echo'<div class="container navbar navbar-default navbar-static-top" role="navigation">';
    echo'<div class="navbar-header">';
       echo'<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">';
            echo'<span class="sr-only">Menu</span>';
            echo'<span class="icon-bar"></span>';
               echo'<span class="icon-bar"></span>';
               echo'<span class="icon-bar"></span>';
           echo'</button>';
        echo'<a class="navbar-brand" href="index.php">';
               echo'<span class="logotipo"><img class="img-responsive" src="img/logotipo.png" alt="logotipo"</span>';
               echo'</a>';
       echo'</div>';
      echo'<div class="collapse navbar-collapse">';
        echo'<ul class="nav navbar-nav navbar-right">';
switch($_SERVER['PHP_SELF'])
{
case $ruta."index.php";
echo '<li class="text-center "><a href="servicios.php">Servicios</a></li>';
    echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
    echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
    echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."blog.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
    echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
    echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
    echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."proyectos.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
    echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
    echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
    echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."contacto.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
    echo '<li class="text-center"><a href="servicios.php">Servicios</a></li>';
    echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
    echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
break;
case $ruta."servicios.php";
echo '<li class="text-center"><a href="index.php">Identidad</a></li>';
    echo '<li class="text-center"><a href="blog.php">Blog</a></li>';
    echo '<li class="text-center"><a href="proyectos.php">Proyectos</a></li>';
    echo '<li class="text-center"><a href="contacto.php">Contacto</a></li>';
break;
case $ruta."formulario_contacto.php";
break;
}
        echo'</ul>';
      echo'</div><!--/.nav-collapse -->';
echo'</div><!--/container -->';


gracias por tu respuesta y saludos