Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Informazioni sui DIV ?

  1. #1
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329

    Informazioni sui DIV ?

    Il tag <DIV> è un elemento di blocco?

    X' io volevo visualizzare 2 DIV diversi uno di fianco all'altro,invece il secondo mi va a capo.

    Qualcuno saprebbe spiegarmi?

    Grazie a tutti in anticipo.


  2. #2
    si!

    se vuoi trasformarlo in inline:
    display:inline;
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  3. #3
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    Scusa la mia ignoranza,ma dove devo inserirlo?

  4. #4
    <div style="display:inline;">contenuto</div>

    o in un foglio di stile interno o esterno.
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  5. #5
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    Io l'ho inserito nella seconda DIV,ma non funziona!

    Va inserita in tutte e due?

  6. #6
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    UP

  7. #7
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    Nessuno sa proprio darmi una mano?

  8. #8
    Prova così:
    codice:
    <div style="float:left; display: inline;">ciao ciao</div>
    <div style="float: right;">bau bau</div>
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  9. #9
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    Ti metto il mio codice:

    |code|
    /* CSS Document */
    body {
    background-color: #f5f5f5;
    color: #00000;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    #header {
    margin: 1em auto;
    border: 1px solid #0F89FF;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    width: 90%;
    background-color: #ffffff;
    }

    #button {width: 110px; font-family: 'verdana';}
    #button ul {list-style: none; margin: 0; padding: 0; border: none;}
    #button li {border-bottom: 0px solid #ffffff; color: white; background-color: #BBCCDD; font-size: 12px; width: 100%;}
    #button li a {display: block; padding: 2px 1px 2px 5px; border-left: 10px solid #CEDDEE; background-color: #DCE8F5; color: #6688AC; text-decoration: none; font-size: 12px; width: 100%;}
    html>body #button li a {width: auto;}
    #button li a:hover {border-left: 10px solid #7CBAFF;}

    #menu {
    margin: 1em auto;
    border: 1px solid #0F89FF;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    width: 10%;
    background-color: #DCE8F5;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    style= display:inline;
    }
    #corpo {
    margin: 1em auto;
    border: 1px solid #0F89FF;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    width: 30%;
    background-color: #ffffff;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    style= display:inline;
    }
    #corpo p {
    margin: 0.5em 1em 0.5em 1em;
    }
    #corpo p:first-letter {
    text-transform: capitalize;
    font-weight: bold;
    }
    #footer {
    margin: 1em auto;
    border: 1px solid #0F89FF;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    width: 90%;
    background-color: #ffffff;
    }

    |\code|

    Il problema,è che mi mette in linea i DIV,ma agli estremi della pagina,ma così non deve essere,come vedrai dal foglio CSS

  10. #10
    Utente di HTML.it L'avatar di Denix79
    Registrato dal
    Apr 2004
    Messaggi
    329
    Come faccio a mostrare il codice tra la dicitura
    code:
    __________________________________________________ ____
    __________________________________________________ ____

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.