Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536

    Non riesco a centrare verticalmente contenuto div!

    Ciao

    Non riesco proprio a centrare verticalmente il contenuto di questo div:

    codice:
    ...
    <div id ="alto">
    
    	<input type="button" onclick="location.href='fornitori.php?task=nuovascheda';" value="Nuova Scheda">
        <input type="button" onclick="location.href='fornitori.php?task=lista';" value="Visualizza Elenco">	
    			Fornitori
    </div>
    ...
    nel foglio css c'è questo:

    codice:
    #alto {
    position: relative;
     top: 5px;
     width: 85%;
     height: 30px;
     margin: 0px auto;
     border:1px solid #ccc;
     padding: 3	px;
     padding-bottom: 4px;
    }

  2. #2
    prova ad aggiungere line-height: 30px

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    Originariamente inviato da mucu
    prova ad aggiungere line-height: 30px

    O-T-T-I-M-O!!!

    Grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    aspè già che ci siamo ci sarebbe un altro problemino:

    questo è un codice simile:

    codice:
    .............
    <div id ="alto">
    
    	<input type="button" onclick="location.href='nota.php?task=nuovanota';" value="Nuova Nota">
        <input type="button" onclick="location.href='nota.php?task=lista';" value="Visualizza lista">	
    			Prima nota
    	 
    	    <form name="ricercanote" id="ric" action="ricercanote.php" method="post">
            <input type="hidden" name="task" value="ricerca">
           
    	Data dal
    		<input type="text" name="inizio" id="inputdata" size=8 autocomplete="off">
    		Data al
    		<input type="text" name="fine" id="inputdata2" size=8 autocomplete="off">
    	<input type="submit" value="Ricerca" name="B1">
    
            </form>
    
    </div>
    
    .........


    il css:


    codice:
    ............
    
    #alto {
    position: relative;
     top: 5px;
     width: 85%;
     margin: 0px auto;
     border:1px solid #ccc;
     padding: 3	px;
     line-height: 30px
    }
    
    .........
    
    #ric{
    	 background: #FFFFFF;
        padding: 0px;    
        border: 0px solid #000000;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
    	 height: 28px;
    	 width: 300px;
    }
    dopo "prima nota" il form mi va a capo nonostante ci sia spazio.

    Come mai?

    Grazie

  5. #5
    dando per scontato che il codice che abbiamo corretto prima facesse già parte di un form
    non ne puoi annidare un altro all'interno

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    Originariamente inviato da mucu
    dando per scontato che il codice che abbiamo corretto prima facesse già parte di un form
    non ne puoi annidare un altro all'interno

    Cosa vuoi dire?

    Devo inserire il form prima in un div che sarà contenuto nel div "alto"?

    Grazie

  7. #7
    lascia stare, pensavo che stavi usndo un form
    invece usavi gli input come bottoni
    tornando al problema, usa
    codice:
    form {
     	display: inline; 
    }

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    536
    Originariamente inviato da mucu
    lascia stare, pensavo che stavi usndo un form
    invece usavi gli input come bottoni
    tornando al problema, usa
    codice:
    form {
     	display: inline; 
    }

    accidenti! Sei proprio bravo! Funziona. Tante grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.