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

mastermix64

Nuovo Utente
14 Gen 2015
3
0
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
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
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.
 

mastermix64

Nuovo Utente
14 Gen 2015
3
0
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:

Astrit

Nuovo Utente
5 Mar 2017
6
1
3
Bologna
synapsismedia.it
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).
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
E perche' non ci riesci?
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>
 

Astrit

Nuovo Utente
5 Mar 2017
6
1
3
Bologna
synapsismedia.it
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
Vedi l'allegato 3841
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>

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 ;)
 
  • Like
Reactions: mastermix64
Discussioni simili
Autore Titolo Forum Risposte Data
A inserire variabile php colore in div html PHP 2
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
napuleone [HTML] type="file" inserire path di partenza HTML e CSS 4
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
M [PHP] Come inserire codice html in un ciclo while PHP 2
Shyson [HTML] Inserire nuovo font con @font-face HTML e CSS 5
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
A [HTML] Come inserire google review stars nelle pagine del mio sito HTML e CSS 0
andreas88 [HTML] come inserire 3 riquadri in un unico rigo (vedere img allegata) HTML e CSS 11
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
nab23 Inserire 'share bottons' in un sito html/css HTML e CSS 7
T [HTML] Inserire barra di ricerca che ricerca solo le pagine del proprio sito HTML e CSS 6
Bubà [HTML] Widget per inserire instagram a lato del blog HTML e CSS 1
E [PHP] inserire HTML in una stringa PHP 16
L inserire una pagina html al di fuori del CMS HTML e CSS 3
L Inserire Script Jquery in immagine html con zone cliccabili jQuery 2
B Inserire codice html per visualizzazione in altro sito web HTML e CSS 3
L [PHP/HTML] Inserire metodo di pagamento PHP 4
Devil-94 Javascript: script che permetta di inserire immagini in un certo elemento html. Javascript 2
E come inserire un codice html su facebook HTML e CSS 4
T [risolto]Inserire in una variabile del codice HTML e poi cercare in quella variabile con getelements Javascript 8
D Inserire una pagina html nel proprio sito tramite il cms di prestashop CMS (Content Management System) 0
C Inserire Valori Da Un File Js In Una Tabella Html Javascript 19
voldemort Inserire commenti in HTML HTML e CSS 5
M inserire un calendario settimanale su una pagina html, aggiornabile dall'esterno. HTML e CSS 11
J Inserire codice javascript in html Javascript 3
A Inserire codice html gooole maps in una variabile php PHP 1
B Inserire codice html di un banner su pagina web HTML e CSS 1
M Inserire in text Html valore variabile asp Classic ASP 3
asevenx inserire tag html con un file esterno HTML e CSS 2
B Inserire video in un'immagine in una pagine HTML HTML e CSS 3
A inserire xml in html HTML e CSS 0
A inserire xml in html? XML 5
J inserire oggetto flash in pagina html, cambiamenti? Flash 0
U Come inserire un video mpeg in una pagina html valida?? HTML e CSS 1
D inserire sfondo con l'html HTML e CSS 1
F Inserire HTML del document in una variabile Javascript 4
C inserire ora e data in file html generato da javascript Javascript 5
G Inserire il contenuto di un'altro sito all'interno di una tua pagina html HTML e CSS 1
C html: inserire codice banner HTML e CSS 0
X inserire file.class in html HTML e CSS 2
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 4
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0

Discussioni simili