Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    porre sulla stessa orizzontale due div senza che vadano a capo

    Vi pongo il mio problema:
    ho questo codice html:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    @import url(ciccio.css);
    a#viewcss{color: #00f}
    </style>
    <title>Documento senza titolo</title>
    </head>

    <body>
    <div class="informazioni">
    <div class="data">
    <h1>DATA EVENTO</h1><h2>20 marzo 2005</h2>
    </div>
    <div class="locale">
    <h1>LOCALE</h1><h2>La saponeria</h2>
    </div>
    </div>
    </body>
    </html>

    e ho questo codice css quello cioe che ho scritto io:

    div.informazioni {
    width:700px;
    margin:0px;
    padding:0px;
    }

    div.data {
    background-color:#0033CC;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:350px;
    padding:0px;
    }

    div.locale {
    float:right;
    background-color:#FFFF00;
    margin-top:0px;
    margin-bottom:0px;
    width:350px;
    padding:0px;
    }

    Il mio problema:Non riesco a porre le due tabelle create con i div sulla stessa asse,sulla stessa orizzontale:una mi viene sopra e una sotto:Qualcuno sa darmi una soluzione al problema al fine di poter porre due o piu div sulla stessa orizzontale senza che gli stessi tornino a capo?
    Vi ringrazio di cuore in anticipo.
    (Una ulteriore gentilezza se mi potete riscrivere sia il codice css cosi da avere piu chiara la soluzione grazie)

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: porre sulla stessa orizzontale due div senza che vadano a capo

    <body>
    <div class="informazioni">
    <div class="data">
    <h1>DATA EVENTO</h1><h2>20 marzo 2005</h2>
    </div>

    <div class="locale">
    <h1>LOCALE</h1><h2>La saponeria</h2>
    </div>
    </div>

    </body>
    </html>

    e ho questo codice css quello cioe che ho scritto io:

    div.informazioni {
    width:700px;
    margin:0px;
    padding:0px;
    }

    div.data {
    background-color:#03c;
    margin:0;
    margin-right:350px; /* eliminare; non serve. */
    padding:0px;
    float:left;
    }

    div.locale {
    float:right;
    background-color:#FFFF00;
    margin-top:0px;
    margin-bottom:0px;
    width:350px;
    padding:0px;
    }

    prova a scrivere così; posta ancora se hai problemi.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

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.