[HTML] Inserire un div tra altri div già esistenti

Discussione in 'HTML e CSS' iniziata da mastermix64, 4 Aprile 2017.

  1. mastermix64

    mastermix64 Nuovo Utente

    Registrato:
    14 Gennaio 2015
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Salve a tutti.
    Sto iniziando ora a creare qualcosa con dreamweaver e css.
    Una volta creato un contenitore div, ho inserito altri div (header, footer, navigazione etc) ora vorrei inserire un nuovo div sotto al div navigazione...
    Non ci riesco
    Grazie in anticipo
     
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.542
    Mi Piace Ricevuti:
    265
    Punteggio:
    83
    Sesso:
    Maschio
    Scusa ma tu pemsi che sia sufficiente dirci che non ci riesci per dare una risposta alla tua domanda che poi non è neanche formulata.
    Per soddisfare la tua richiesta devi darci informazioni tipo perchè non ci riesci, se vuoi un aiuto per il codice o come usare DW, farci vedere il codice che hai fatto fono ad ora, ecc.
     
  3. mastermix64

    mastermix64 Nuovo Utente

    Registrato:
    14 Gennaio 2015
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    ok, sono riuscito a fare questo:
    Codice:
    <body>
    <div id="contenitore">
      <div id="header"><img src="Immagini/background/Banner.fw.png" width="800" height="100" alt="diemme" /></div>
      <div id="navigazione">
        <p><a href="chi.html" title="chi siamo la nostra azienda">Chi Siamo</a></p>
        <p><a href="cosa.html" title="cosa facciamo">Cosa Facciamo</a></p>
        <p><a href="prodotti.html" title="i nostri prodotti">Prodotti e Servizi</a></p>
        <p><a href="dove.html" title="Raggiungici se sei capace">Dove Siamo</a></p>
        <p><a href="contattaci.php" title="Contattaci e parliamone...">Come Contattattarci</a>  </p>
              <p>&nbsp;</p>
      </div>
      <p>&nbsp;</p>
      <div id="contenuto">
        <h1><img src="Immagini/Senza-titolo-1.jpg" width="143" height="125" alt="Fare i Soldi" />Benvenuti</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et nibh in nisl rutrum lobortis in sed nunc. Vivamus a justo dolor. Pellentesque suscipit orci vel mattis tempus. Duis rutrum nunc vitae ex consectetur, id dapibus quam cursus. Duis lorem massa, elementum id bibendum at, efficitur et ante. Mauris ac enim justo. Donec laoreet accumsan finibus. Integer sodales at nunc quis rhoncus. Curabitur volutpat quis diam a scelerisque.</p>
        <p>Etiam varius, nunc at volutpat malesuada, elit nulla auctor felis, ac eleifend elit risus id augue. Mauris blandit enim ut tellus tempus, quis pulvinar sapien interdum. Praesent suscipit, dolor ut tristique finibus, lacus mi posuere orci, eget semper nunc dui id arcu. Quisque turpis dui, bibendum a nisi sit amet, rutrum tempus metus. Cras sit amet vehicula justo. Integer vitae ultrices nibh. Donec aliquam massa ac tincidunt tempor. Aliquam sed tellus pulvinar, laoreet libero vitae, facilisis mauris. Nullam malesuada dolor nec est pellentesque porta. Donec eget laoreet libero.</p>
        <p>Aenean tincidunt urna sit amet accumsan interdum. Suspendisse tellus tortor, convallis ac semper sit amet, dapibus vel dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis viverra, sapien eget dignissim tristique, metus felis bibendum enim, et ultricies metus elit nec velit. Quisque nisi massa, suscipit a imperdiet nec, sagittis vitae elit. Suspendisse elementum, nisi sit amet fringilla hendrerit, ante quam pretium nisi, eu commodo sapien nunc sed leo. Mauris pharetra leo nibh.</p>
        <p>Duis in est vel mauris suscipit tempor sed pulvinar nisi. Cras auctor dignissim ex ac placerat. Morbi vel varius ex. Praesent condimentum pellentesque ligula consectetur viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        <p>&nbsp;</p>
      </div>
      <div id="footer">inserire il testo</div>
    </div>
    </body>
    Vorrei inserire un div sotto al div id navigazione, di fianco all'div id contenuto.
    Mi sono incastrato.
    come si inserisce un id div in una pagina dove sono già presenti altri id div?
    grazie
     
    Ultima modifica di un moderatore: 5 Aprile 2017
  4. Astrit

    Astrit Nuovo Utente

    Registrato:
    5 Marzo 2017
    Messaggi:
    6
    Mi Piace Ricevuti:
    1
    Punteggio:
    3
    Sesso:
    Maschio
    Località:
    Bologna
    Home Page:
    E perche' non ci riesci? Poi evita di usare &nbsp; o paragraphi vuoti per creare spazi, controlla la spaziatura con CSS piutosto (interno con padding o esterno con margin).
     
  5. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.542
    Mi Piace Ricevuti:
    265
    Punteggio:
    83
    Sesso:
    Maschio
    Che domanda? Perché non lo sa fare semplice!

    @mastermix64
    Per prima cosa devi leggere il regolamento del forum, mi raccomando e quando posti il codice usare i tag [ code ]...[ /code] oppure l'opzione dalla barra degli strumenti! Per questa volta te lo correggo io
    box inserisci 2.png.JPG
    Questo è il codice di base che dovresti utilizzare e modificare per le tue esigenze
    Codice:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Documento senza titolo</title>
    <style type="text/css">
    #contenuto1 {
        margin: 0px;
        padding: 20px;
        float: left;
        height: 600px;
        width: 50%;
    }
    contenuto2 {
        margin: 0px;
        padding: 20px;
        float: left;
        height: 600px;
        width: 50%;
    }
    #clear {
        clear: both;
    }
    </style>
    </head>
    
    <body>
    <div id="contenitore">
    <div id="header"><img src="Immagini/background/Banner.fw.png" width="800" height="100" alt="diemme" /></div>
    <div id="navigazione">
    <ul id="menu">
    <li><a href="chi.html" title="chi siamo la nostra azienda">Chi Siamo</a></li>
    <li><a href="cosa.html" title="cosa facciamo">Cosa Facciamo</a></li>
    <li><a href="prodotti.html" title="i nostri prodotti">Prodotti e Servizi</a></li>
    <li><a href="dove.html" title="Raggiungici se sei capace">Dove Siamo</a></li>
    <li><a href="contattaci.php" title="Contattaci e parliamone...">Come Contattattarci</a> </li>
    </ul>
    </div>
    <div id="contenuto1">
    
    Fare i SoldiBenvenuti
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et nibh in nisl rutrum lobortis in sed nunc. Vivamus a justo dolor. Pellentesque suscipit orci vel mattis tempus. Duis rutrum nunc vitae ex consectetur, id dapibus quam cursus. Duis lorem massa, elementum id bibendum at, efficitur et ante. Mauris ac enim justo. Donec laoreet accumsan finibus. Integer sodales at nunc quis rhoncus. Curabitur volutpat quis diam a scelerisque.
    
    Etiam varius, nunc at volutpat malesuada, elit nulla auctor felis, ac eleifend elit risus id augue. Mauris blandit enim ut tellus tempus, quis pulvinar sapien interdum. Praesent suscipit, dolor ut tristique finibus, lacus mi posuere orci, eget semper nunc dui id arcu. Quisque turpis dui, bibendum a nisi sit amet, rutrum tempus metus. Cras sit amet vehicula justo. Integer vitae ultrices nibh. Donec aliquam massa ac tincidunt tempor. Aliquam sed tellus pulvinar, laoreet libero vitae, facilisis mauris. Nullam malesuada dolor nec est pellentesque porta. Donec eget laoreet libero.
    
    Aenean tincidunt urna sit amet accumsan interdum. Suspendisse tellus tortor, convallis ac semper sit amet, dapibus vel dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis viverra, sapien eget dignissim tristique, metus felis bibendum enim, et ultricies metus elit nec velit. Quisque nisi massa, suscipit a imperdiet nec, sagittis vitae elit. Suspendisse elementum, nisi sit amet fringilla hendrerit, ante quam pretium nisi, eu commodo sapien nunc sed leo. Mauris pharetra leo nibh.
    
    Duis in est vel mauris suscipit tempor sed pulvinar nisi. Cras auctor dignissim ex ac placerat. Morbi vel varius ex. Praesent condimentum pellentesque ligula consectetur viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
    
    </div>
    <div id="contenuto2">
    <h1><img src="Immagini/Senza-titolo-1.jpg" width="143" height="125" alt="Fare i Soldi" />Benvenuti</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et nibh in nisl rutrum lobortis in sed nunc. Vivamus a justo dolor. Pellentesque suscipit orci vel mattis tempus. Duis rutrum nunc vitae ex consectetur, id dapibus quam cursus. Duis lorem massa, elementum id bibendum at, efficitur et ante. Mauris ac enim justo. Donec laoreet accumsan finibus. Integer sodales at nunc quis rhoncus. Curabitur volutpat quis diam a scelerisque.</p>
    <p>Etiam varius, nunc at volutpat malesuada, elit nulla auctor felis, ac eleifend elit risus id augue. Mauris blandit enim ut tellus tempus, quis pulvinar sapien interdum. Praesent suscipit, dolor ut tristique finibus, lacus mi posuere orci, eget semper nunc dui id arcu. Quisque turpis dui, bibendum a nisi sit amet, rutrum tempus metus. Cras sit amet vehicula justo. Integer vitae ultrices nibh. Donec aliquam massa ac tincidunt tempor. Aliquam sed tellus pulvinar, laoreet libero vitae, facilisis mauris. Nullam malesuada dolor nec est pellentesque porta. Donec eget laoreet libero.</p>
    <p>Aenean tincidunt urna sit amet accumsan interdum. Suspendisse tellus tortor, convallis ac semper sit amet, dapibus vel dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis viverra, sapien eget dignissim tristique, metus felis bibendum enim, et ultricies metus elit nec velit. Quisque nisi massa, suscipit a imperdiet nec, sagittis vitae elit. Suspendisse elementum, nisi sit amet fringilla hendrerit, ante quam pretium nisi, eu commodo sapien nunc sed leo. Mauris pharetra leo nibh.</p>
    <p>Duis in est vel mauris suscipit tempor sed pulvinar nisi. Cras auctor dignissim ex ac placerat. Morbi vel varius ex. Praesent condimentum pellentesque ligula consectetur viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
    </div>
    <div id="clear">&nbsp;</div>
    <div id="footer"><h1>inserire il testo per il footer</h1></div>
    </div>
    </body>
    </html>
    
     
  6. mastermix64

    mastermix64 Nuovo Utente

    Registrato:
    14 Gennaio 2015
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Grazie, ora proverò...
     
  7. Astrit

    Astrit Nuovo Utente

    Registrato:
    5 Marzo 2017
    Messaggi:
    6
    Mi Piace Ricevuti:
    1
    Punteggio:
    3
    Sesso:
    Maschio
    Località:
    Bologna
    Home Page:
    E una domanda ben strutturata, se gli do la risposta semplicemente la copia ed evita di capire la strutturazione semantica del codice, cosi che, domani sara' capace di poter costruire da solo il layout invece che cercare qualcun'altro che gli da il codice pronto.

    Dia un uomo un pesce e lo sfami per un giorn, insegna all'uomo di pescare e lo sfami per la vita.. pero vabbe, fai te ;)
     
    A mastermix64 piace questo elemento.
  8. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.542
    Mi Piace Ricevuti:
    265
    Punteggio:
    83
    Sesso:
    Maschio
    @mastermix64
    Cerca di evitare polimiche e certe risposte per favore! Grazie
     
    A Astrit piace questo elemento.
Sto caricando...

Condividi questa Pagina