Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559

    Livello assoluto , bottom text all'interno - problema

    ho creato un livello assoluto con le dimensioni definite all'interno di classi nel CSS

    codice:
    .centrale {
    	font: bold normal 10px Verdana;
    	color: #FFFFFF;
    	background: #000000;
    	height: 41%;
    	width: 35%;
    	position: absolute;
    	z-index: 15;
    	left: 32%;
    	top: 20%;
    	}
    il problema è che non riesco ad allineare del testo nella parte bassa a destra del livello , ho anche provato con dei livelli statici all'interno del livello con margin-bottom 5px; definito nello style del livello statico ma non ho avuto buoni risultati...

    codice:
    <div id="centrale" class="centrale">
      <div class="verde">sito.com</div>
      <div class="php"> 
        <?php
    $output = `ls`;
    $dir = `pwd`;
    echo "Contenuto cartella '$dir':
    ";
    echo "<pre>$output</pre>"; 
    ?>
      </div>
      <div class="verde_bassa">parte bassa destra</div></div>
    come si fa?
    PyFanatics

  2. #2
    Utente di HTML.it L'avatar di Sgnafurz
    Registrato dal
    Mar 2003
    Messaggi
    2,182
    text-align: right;
    vertical-align: bottom;

    vertical-align però non sempre è supportato quindi è meglio che utilizzi VALIGN di html

  3. #3
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559
    non funziona , ecco il codice del CSS

    codice:
    .centrale {
    	font: bold normal 10px Verdana;
    	color: #FFFFFF;
    	background: #000000;
    	height: 41%;
    	width: 35%;
    	position: absolute;
    	z-index: 15;
    	left: 32%;
    	top: 20%;
    	border-top: 1px dotted #FFFFFF;
    	border-right: 1px dotted #FFFFFF;
    	border-bottom: 1px dotted #FFFFFF;
    	border-left: 1px dotted #FFFFFF;
    	}
    .verde {
    	font: bolder 21px Verdana;
    	color: #00FF00;
    	text-align: center;
    	margin-top: 2px;
    	cursor: crosshair;
    	margin-bottom: 8px;
    	position: relative;
    	top: 3px;
    }
    .verde_bassa {
    	font: bold 10px Verdana;
    	color: #00FF00;
    	position: relative;
    	vertical-align: bottom; 
    	bottom: 5px;
    }
    .php {
    	font: bold 10px Verdana;
    	color: #FFFFFF;
    	margin-left: 40px;
    	position: relative;
    	margin-bottom: 8px;
    }
    e l'HTML:

    codice:
    <div id="centrale" valign="bottom" class="centrale">
      <div class="verde">Sito.com</div>
      <div class="php">Benvenuto  
        <?php
    $output = `ls`;
    $dir = `pwd`;
    echo $_SERVER['REMOTE_ADDR'];
    echo " :o*
    Contenuto cartella '$dir':
    ";
    echo "<pre>$output</pre>"; 
    ?>
      </div>
      <div valign="bottom" class="verde_bassa"><font valign="bottom">Bye</font></div>
    </div>
    come potete vedere ho impostato il valign bottomquasi ovunque , inizio a pensare che non sia possibile su altezze a % o sbaglio?

    se non è possibile una cosa del genere come fa il W3c a dire di usare i livelli al posto delle tabelle? è vero che sono pià comodi i primi , ma mi sembrano limitati nei layout complessi
    PyFanatics

  4. #4
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559
    :adhone: UP :adhone:
    PyFanatics

  5. #5
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559
    PyFanatics

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.