[SOLUCIONADO] DIV en horizontal

morfeo_10 · #1 (**permalink**) 18/02/2014, 12:55

hola a todos tengo un problema con el siguiente codigo, no se como puedo poner los div resultantes en horizontal.

el codigo hace una petición a una web y el resultado de esa consulta es devuelto en json.
luego es descodificado en php .pasa a un bucle en el cual crea una serie de gauges en java con los datos de json .
todo correcto pero me salen en vertical no se como se pueden tratar los div creados por un bucle en css .
individualmente no tengo problemas para adactarlos en css pero en este caso estoy pezzzz ahhhhh q rabia

RaulCDT · #2 (**permalink**) 18/02/2014, 13:12

No muestras el codigo..

morfeo_10 · #3 (**permalink**) 18/02/2014, 13:32

Código PHP:

Ver original<!doctype html>
 
<html>
 <style>
      body {
        display:inline-block;
      }
      
      
       #contenedor {
       width:100px; height:80px;
       
      }
        
     
     
    </style>
  <head>
  
  <title>Auto-adjust</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="resources/js/raphael.2.1.0.min.js"></script>
    <script src="resources/js/justgage.1.0.1.min.js"></script>
    
    <div id="contenedor">
     
     <?php
    
$jsonData = file_get_contents("https://www.ltcrabbit.com/index.php?page=api&action=getuserworkers&api_key=51336f7fe51761e8229f3ddd73fcf9beaf6d229903bbcad2274db6e6c8d47909&id=8113");
 
   $data = json_decode($jsonData , true);  
   
    foreach ($data["getuserworkers"] as $row) {
    
    $id=  $row["id"] ;
     $hashrate=  $row["hashrate"];
     $username=  $row["username"];
?>
 
                    <div id="<?=$id;?>" class="120x80px">
        
      
                    <script>
                    var id ="<?php echo $id; ?>" ;
                    var hashrate ="<?php echo $hashrate; ?>" ;
                    var username ="<?php echo $username; ?>" ;
                    var g = new JustGage({
                    id: id, 
                    value: hashrate,
                    min: 0,
                    max: 2000,
                    title: username
                    }); 
                    </script>
                    </div>
    <?php   
 }
?>
 
 
 
</div>
 
  </html>

el jar del gauge :http://justgage.com/

C2am · #4 (**permalink**) 18/02/2014, 23:50

En este foro se necesita el css y el html generado por el php.
No nos sirve para ayudarte que nos lies con bucles json, php, ni nada de eso.

Muestra el html y el css que imprimes en el navegador, o sea el producto final y de allí partimos.

Saludos

morfeo_10 · #5 (**permalink**) 19/02/2014, 01:39

hola gracias por contestar, pero te digo una cosa , el codigo es funcional no necesita css ni html como dices
copialo y pegalo en un fichero y lo renombras a php

por ciero no quiero liar a nadie solo quiero que me ayuden en estes pequeño problema si se puede claro

pzin · #6 (**permalink**) 19/02/2014, 02:16

Ese código genera una salida en HTML, a ese código es al que se refiere C2am. No nos sirve de nada tener código PHP en un foro de CSS, sólo el propio CSS y el HTML.

Seguramente tengas que flotar los elementos del bucle con float.

morfeo_10 · #7 (**permalink**) 19/02/2014, 02:29

gracias por contestar pero soy nuevo en esto y no entiendo lo que me dices con el codigo salida.
este codigo q e posteado yo, lo tengo como indice.php y lo puedo visualizar en el navegador .explicame como puedo generar el codigo q me decis. se que los estilos se ponen a parte

morfeo_10 · #8 (**permalink**) 19/02/2014, 02:58

gracias pzin es el float

C2am · #9 (**permalink**) 19/02/2014, 11:23

morfeo_10 para la próxima el código que debes mostrar en este foro de CSS, es el que aparece en el navegador, el cual puedes ver haciendo click derecho sobre tu web -> "codigo fuente", y a eso le agregas el código css.

Saludos