Visualizzazione dei risultati da 1 a 3 su 3

Discussione: problema di spazio

  1. #1

    problema di spazio

    Ho creato una pagina web con un programma trovato in rete.
    Il mio problema come si può vedere dall'immagine che tra i quatto misuratori piccoli in alto e i due in basso c'è troppo spazio.

    temp.jpg

    visto che non sono molto pratico è possibile eliminare quello spazio?

    ecco il codice

    codice:
    <!DOCTYPE html>
    <html>
    <head>
      <!-- Site made with Mobirise Website Builder v2.5.2, http://mobirise.com -->
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="generator" content="Mobirise v2.5.2, mobirise.com">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
      <meta name="description" content="">
    
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:700,400&amp;subset=cyrillic,latin,greek,vietnamese">
      <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/mobirise/css/style.css">
      <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
    
    
    </head>
    <body>
    <section class="engine"><a rel="nofollow" href="http://mobirise.com">Mobirise free website creator</a></section>
    <section class="mbr-navbar mbr-navbar--freeze mbr-navbar--absolute mbr-navbar--auto-collapse" id="ext_menu-7">
        <div class="mbr-navbar__section mbr-section">
            <div class="mbr-section__container container">
                <div class="mbr-navbar__container">
    
                    <div class="mbr-navbar__hamburger mbr-hamburger text-white"><span class="mbr-hamburger__line"></span></div>
                    <div class="mbr-navbar__column mbr-navbar__menu">
                        <nav class="mbr-navbar__menu-box mbr-navbar__menu-box--inline-right">
                            <div class="mbr-navbar__column"><ul class="mbr-navbar__items mbr-navbar__items--right mbr-buttons mbr-buttons--freeze mbr-buttons--right btn-decorator mbr-buttons--active mbr-buttons--only-links"><li class="mbr-navbar__item"><a class="mbr-buttons__link btn text-white" href="http://mobirise.com">HOME</a></li><li class="mbr-navbar__item"><a class="mbr-buttons__link btn text-white" href="webcam.php">WEBCAM</a></li> <li class="mbr-navbar__item"><a class="mbr-buttons__link btn text-white" href="webcam2.php">WEBCAM 2</a></li><li class="mbr-navbar__item"><a class="mbr-buttons__link btn text-white" href="domotica.php">DOMOTICA</a></li> <li class="mbr-navbar__item"><a class="mbr-buttons__link btn text-white" href="dati.php">DATI<br><br></a></li></ul></div>
    
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="content-2 col-4" id="features1-5" style="background-color: rgb(255, 255, 255);">
    
        <div class="container">
            <div class="row">
                <div>
                    <div class="thumbnail"><br><br>
                        <h3><iframe src="/sensore_temp_esterno/sensore.php" widht="200" height="200" frameBorder="0" scrolling="no"></iframe></h3>
                        <div class="caption">
                            <div>
                                <h3>TEMPERATURA ESTERNA</h3>
                                <h3><p>contenuto.</p></h3>
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="thumbnail"><br><br>
                        <h3><iframe src="/sensore_umi_esterno/sensore.php" widht="200" height="200" frameBorder="0" scrolling="no"></iframe></h3>
                        <div class="caption">
                            <div>
                                <h3>UMIDITA' ESTERNA</h3>
                                <h3><p>contenuto.</p></h3>
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="thumbnail"><br><br>
                       <h3> <iframe src="/sensore_temp_interno/sensore.php" widht="200" height="200" frameBorder="0" scrolling="no"></iframe></h3>
    
                        <div class="caption">
                            <div>
                                <h3>TEMPERATURA SISTEMA</h3>
                                <h3><iframe src="/sensore_temp_interno/minima_giornaliera.php" widht="200" height="30" frameBorder="0" scrolling="no"></iframe></h3>
    
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="thumbnail"><br><br>
                        <h3><iframe src="/cpu/sensore.php" widht="200" height="200" frameBorder="0" scrolling="no"></iframe></h3>
                        <div class="caption">
                            <div>
                                <h3>TEMPERATURA CPU</h3>
                                <h3><p>contenuto.</p></h3>
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
            </div>
    
        </div>
    </section>
    
    <section class="content-2 col-2" id="features1-6" style="background-color: rgb(255, 255, 255);">
    
        <div class="container">
            <div class="row">
                <div>
                    <div class="thumbnail"><br><br>
                        <iframe src="/sensore_vento/vento.php" widht="300" height="300" frameBorder="0" scrolling="no"></iframe>
                        <div class="caption">
                            <div>
                                <h3>DIREZIONE DEL VENTO</h3>
                                <p>contenuto.</p>
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="thumbnail"><br><br>
                        <iframe src="/sensore_vel_vento/vel_vento.php" widht="300" height="300" frameBorder="0" scrolling="no"></iframe>
                        <div class="caption">
                            <div>
                                <h3>VELOCITA' DEL VENTO</h3>
                                <p>contenuto.</p>
                            </div>
                            <p class="group"><a href="http://mobirise.com" class="btn btn-default">GRAFICI E DATI</a></p>
                        </div>
                    </div>
                </div>
    
    
            </div>
        </div>
    </section>
    
    
      <script src="assets/jquery/jquery.min.js"></script>
      <script src="assets/bootstrap/js/bootstrap.min.js"></script>
      <script src="assets/smooth-scroll/SmoothScroll.js"></script>
      <script src="assets/mobirise/js/script.js"></script>
    
    
    </body>
    </html>


  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    In linea di massima dovresti intervenire presumibilmente sul css, in particolare sui margini o padding o eventuali proprietà del posizionamento riferite a quegli elementi o ai loro elementi contenitori.

    Si potrebbe pensare di agire direttamente sullo style dei tag section o dei vari tag contenitori per provare ad impostare tali proprietà ma si rischia di andare a tirare a caso.
    Difficile darti una soluzione mirata se non si vede la pagina in azione o quantomeno il relativo codice css applicato a questa e agli elementi in questione.

    Puoi postare un link alla pagina pubblica?




    PS: Ad ogni modo credo sia un argomento relativo ai CSS, più che HTML5, segnalo di spostare la discussione.

  3. #3
    ti ho mandato un messaggio privato.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.