Mensajes

gracias por vuestras respuestas ......

os entiendo mi duda es que creo la media query  del dispositivo  le meto un min-width de 960px por ejemplo una medida para tablet  y me crea un scroll horizonal con lo cual debo de  bajar el width  en el media query de dicho dispositivo........
por otro lado bootstrap viene con muchos margenes predefinidos como los que llevan
col-xs-push
col-xs-pull
col-xs-offset
y lo mismo con las mismas clases de las variantes sm, md y lg.......

debo adaptar  dichos margenes al diseño que yo estoy creando o bootstrap deberia por si mismo escalarlo automaticamente, simplemente cambiando  por ejemplo : col-xs-11 por col-sm-10,col-md-9,col-lg-8 ???
tambien tengo otro problema  y es que cree el header  con menu responsive  para que cuando reduzca de resolucion me salga el boton collapse  para desplegar el menu de la pagina.....

lo hice, lo probe , funcionaba luego lo pase , lo hice en php y lo guarde como header. inc.php de forma que solo tengo un mismo menu para todas las paginas, simplemente insertando en cada pagina un ....

Código [Seleccionar] Expandir


<?php
include_once('includes/header.inc.php');
?>


lo probe en xampp, funcionaba y funciona.....

el problema es que subi la pagina a un server gratuito para probarla(hostinger)  y el boton que despliega el menu del header no  funciona no despliega el menu, lo he revisado todo y no le veo ningun problema...... pero no me abre....

en cambio ese mismo menu lo descargo desde hostinger y lo pruebo en el xampp en server local y si que va.....
si que se abre y despliega

se os ocurre por donde pueda venir el error???

muchas gracias

hola aver si alguien me puede aclarar esta duda que tengo.....

estoy creando una pagina web  responsive con bootstrap 3  ya la tengo armada y como de normal la he creado  con la rejilla col-lg  para pantallas grandes .......
pues la pantalla de mi pc es de 22 pulgadas y una resolucion de 1360 x 768px....

con lo cual la media query que entra en trabajo con esta pantalla es la de min-width 1200px
pues bien ahora que la tengo montada empiezo a adaptarla para otros dispositivos.....
y adapto de la siguiente forma.......

media query min-width 768px ---> col-sm
esta la adapto para smartphones en horizontal y tablets en vertical
nota: adaptando el col-sm para estos dispositivos se me queda la pagina configurada para smartphones y tablets en vertical y horizontal.
tambien se me queda configurada para smartphones pequeños, se podria ajustar mas, pero me vale como se ve, si decidiera ajustarla mas, bastaria con ajustar con el col-xs.....

media query  min-width 992px ---> col-md
en teoria esta seria para tablets en horizontal y dispositivos medianos ,pantallas de 10 o 15 pulgadas.

el problema viene en que al adaptarla a una resolucion inferior si le  ajusto el col-sm , consigo que se vea bien en las pantallas de smartphones y tablets , pero  se desajusta el col-lg que es para pantallas grandes...
alguien puede decirme si es que estoy haciendo algo mal???

alguien me puede decir si es que tengo que poner los ajustes de la css dentro de cada media query???
por ejemplo : si quiero que el footer tenga un formato, en smartphones y otro en desktops , tengo que poner el ajuste css de cada uno dentro de su respectivo media query???
otra cosa que me he dado cuenta es que la pagina deja algo de scroll horizontal tanto si la veo en smartphone como si la veo en tablet ,tanto en vertical como en horizontal es poco seran unos 20 px pero me gustaria quitarselo.

Gracias y saludos

Y eso lo puedo hacer, copiando el media queri 1200 px y cambiándole el 1200 por 1800 y cambiando los porcentajes de los col-md*,col-lg* ,col-sm* y de sus respectivos offsets???

Por cierto he visto que también estas en el foro de php a ver si me pudes orientar en una duda que tengo en php .... puse un hilo me contesto una persona ,pero lo que esa persona me dijo no hace lo que yo quiero.... intente modificar la solución que me dieron según mi criterio de como debería de ser pero obtuve el mismo resultado.....
A ver si me puedes orientar un poco sobre que es lo que está fallando o estoy haciendo mal....el post se llama ayuda con php.

https://foro.elhacker.net/php/ayuda_con_php-t456568.0.html

Gracias nuevamente y saludos

Hola saludos
Perdona pero te lo estan diciendo solo tienes que concatenar las comlllas dobles.....
mira a ver si lo ves mas claro asi.......

Código [Seleccionar] Expandir


.PHP_EOL.   'var texto1= /'  " . <--- este punto concatena con la variable nombre($nombre)
$nombre <---variable nombre........
. <---- este punto contatena las comillas que te faltan
" <---- comillas que te faltan
.PHP_EOL.<---- resto de tu codigo......

y una vez todo junto queda asi .......
no se si ves la diferencia.......
te he puesto las primeras comillas simples para que puedas ver la diferencia.....

Código [Seleccionar] Expandir


[code].PHP_EOL.   'var texto1= /'  " . $nombre . " .PHP_EOL.
[/code]

 con lo ultimo me refiero a que estoy tratando de ajustar la pagina tanto a un monitor 16:9 hdmi como a un monitor 16:9 vga......

por norma un monitor 16:9 conectado por hdmi tiene una resolucion de
1920 x 1080 pixels
mientras  que un monitor  16:9 conectado por vga tiene 1366 x 768 pixels......

el problema viene en que en la css mi trae una media queri.......

Código [Seleccionar] Expandir


@media (min-width:1200px)

con lo cual todo monitor que vaya por arriba de esa resolucion en pixels en horizontal
va ha entrar en esa categoria........

el problema es que si lo configuro para que se vea bien en la pantalla hdmi de 1920 x 1080 pixels , se ve mal en la pantalla vga de 1366 x 768px.......

y si lo configuro bien en la vga de 1366 x 768px ....... se ve mal en la pantalla hdmi de 1920 x 1080 px.....

que hago creo un media queri para resoluciones superiores a  1800px?????

Código [Seleccionar] Expandir


@media (min-width:1800px)

esa era mi duda principal.....

gracias de nuevo y saludos

Gracias por tu rapida respuesta
solo una cosa mas...
he leido por la web que aconsejan poner el script respond.js .......
sabes algo al respecto,  es necesario o no??

y otra cosa para hacer un responsive en pantallas hdmi , me lo hace en la media queri  de 1200px , que es la misma que pòr vga  como puedo independizar la media queri hdmi de la vga....??
saludos

Hola estoy creando una pagina web responsive , con bootstrap V2.0.4....
ya se que la ultima version es la 3.3.7, pero me he acogido a esta version pq  de la version 2.0.4  si
habian ejemplos sobre como crear los contenedores y todo eso , pero para la 3.3.7 no he encontrado ningun ejemplo sobre como crear los contenedores......la cuestion es que una vez creada la pagina, la tengo respònsive y la puedo ver en casi todos los navegadores , y con distintas resoluciones , el problema viene a que no se me acaban de adaptar todo lo bien que me gustaria a las distintas resoluciones........

he estado leyendo por la web que apartir de la version 3 de bootstrap  se adapta mejor a las distintas resoluciones.....

y mi duda es que no encuentro o no se que scripts he de meter en la pagina para hacerla funcionar en bootstrap 3, ni que etiquetas de la version 2 he de cambiar a las de la version 3......

o en su defecto como hacer para  que la version 2 se   adapte bien a todas las resoluciones...

aver en mi pagina con la version 2 tengo estos scripts intergrados:

Código [Seleccionar] Expandir


<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>

el nuevo paquete de bootstrap 3.3.7 contiene todo esto:
bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   ├── bootstrap.min.js
│   └── npm.js
└── fonts/
   ├── glyphicons-halflings-regular.eot
   ├── glyphicons-halflings-regular.svg
   ├── glyphicons-halflings-regular.ttf
   ├── glyphicons-halflings-regular.woff
   └── glyphicons-halflings-regular.woff2
tambien lleva un archivo npm.js  que no se si he de incluirlo o incluir los scripts a los que apunta:

Código [Seleccionar] Expandir


//contenido npm.js
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')

entonces me lio y ahora mismo no se que scripts son los que he de poner en la pagina....

Por otro lado la pagina creada con la version 2.0.4
esta toda creada apartir de containers con clase row
y dentro de los container de clase row, div´s con span1,2,3,4....... y cada span con unas medidas ya predeterminadas para bootstrap que yo he ido eligiendo cada span segun la medida que tenia asignada y que me convenia o necesitaba..... para la visualizacion de mi pagina.
ejemplo:

Código [Seleccionar] Expandir


<div class="row">
    <div class="span6">
    <h3 class="presentacion">bwekejkjrejkreth</h3>
      <p>jfsdljhgfdjghñfdklhj</p>
    </div>
  </div>

ejemplo de otra pagina:

Código [Seleccionar] Expandir


<div class="row">
   <div class="span4">
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
   <div class="span4">
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
   <div class="span4">(segun documentacion bootstrap 3 deberia cambia estas clases a alguna de estas Rejillas ....
Rejilla diminuta (<768 px)-.col-xs-*
Rejilla pequeña (>768 px)-.col-sm-*
Rejilla mediana (>992 px).col-md-*
Rejilla grande (>1200 px).col-lg-*)
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
 </div>

si no estoy equivovado.....
y luego hay unas de esas rejillas que estan preparadas para dispositivos pequeños, otras  para dispositivos grandes ,  y otras para dispositivos grandes y pequeños , supongo que esta es la que deberia elegir para mi pagina...

Alguien me podria aclarar estas dudas lo agradeceria mucho....

yperdon por el ladrillo pero sin exponer dudo que alguien me entienda.....
Saludos....

has probado con carga el script una sola vez......

Código [Seleccionar] Expandir


<?php
include_once("http://www.misitio.com/nn/script_1.php");
?>


Gracias por tu rapida respuesta......
entiendo lo que me dices necesito un contador y una variable que almacene dicho contador....
para que cuando el contador llegue a 3 se resetee y empiece de cero.....

pero como mis nociones de php son muy limitadas.....
con las modificaciones que le y he hecho al codigo que me has pasado al igual que con el que tu me has pasado me carga  1 span4 en cada row....  tambien se me suma este problema ahora y es que me incluye tambien un row que tengo en footer.... si quiero impedir que me introduzca el row que tengo en el footer lo puedo impedir con un break al final del codigo; o lo meto en diferentes contenedores?? como podria impedir que me meta el row del footer.....????

te subo el codigo otra vez:

Código [Seleccionar] Expandir


echo'<div class="row">';
$n=0;//almacena las veces que se carga la etiqueta span dentro de la etiqueta row
while ($trabajo = $trabajos_categoria->fetch_array())
{
if($n == 3)//contador
{
echo'</div>';
echo'<div class="row">';
}
else
{
if($n < 3)
 {
echo'<div class="span4">';
  if (empty ($trabajo['url_imagen']))
{
      echo '<iframe width="240" height="156" src="' . $trabajo['url_video'] .'"frameborder="0" allowfullscreen">
</iframe>';
      echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
    echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
}
     else
  {
  echo '<a href="img/'.$trabajo['url_imagen'].'" rel="lightbox[roadtrip]"><img src="img/'.
$trabajo['url_imagen'].'" alt="" class="borderImage slickHoverPlus" width="260px" height="156px" onmouseover()="slickHoverPlus"></img></a>';
             echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
    echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
  }
  echo'</div>';
}
 }
}
unset($n);//resetea n
$conexion->close();

[[MOD] Eliminado el otro hilo, tema duplicado, según Reglas.]

Hola espero que alguien pueda ayudarme pues andoun poco perdido en lo que ha php se refiere...
aver si alguien me puede ayudar u orientar hacia que es lo que estoy haciendo mal.......

me estoy creando una pagina y y necesito que me cargue las url de las imagenes desde la base de datos
eso ya lo he conseguido ....
la cuestion es que no consigo que por medio de php salgan las imagenes con el formato que yo quiero...
quiero que php me cree este formato, html......

Código [Seleccionar] Expandir


<div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>
 <div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>
 <div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>


yo he creado este otro.....

Código [Seleccionar] Expandir


<?php
echo'<div class="row">';
while ($trabajo = $trabajos_categoria->fetch_array())
 {
    echo'<div class="span4">';
   if (empty ($trabajo['url_imagen']))
     {
      echo '<iframe width="240" height="156" src="' . $trabajo['url_video'] .'"frameborder="0" allowfullscreen"></iframe>';
      echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
      echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
     }
     else
     {
      echo '<a href="img/'.$trabajo['url_imagen'].'" rel="lightbox[roadtrip]"><img src="img/'.$trabajo['url_imagen'].'" alt="" 
      class="borderImage slickHoverPlus" width="260px" height="156px" onmouseover()="slickHoverPlus"></img></a>';
      echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
      echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
     }
     echo'</div>';
}
$conexion->close();
?>


pero con este codigo solo consigo  que me cree un solo div class="row" con muchos div class="span4" dentro....
y eso no es lo que yo quiero.....
lo que yo quiero es  que cuando en un div class="row" hayan 3 div class="span4" se cree un nuevo  div class="row" en el cual meta un nuevo div class"span4" hasta un maximo de 3 , no se si me explico o no ...... lamentablemente  mis nociones de php son limitadas , pero estoy seguro de que se puede hacer, que hay una forma de hacerlo. Por eso pido ayuda a aver si alguien puede echarme una mano o decirme como puedo crear ese codigo o como hacerlo... y orientarme un poco....

gracias y saludos


[MOD] Eliminado el otro hilo, tema duplicado, según Reglas.