1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Formatação e disposição blocos CSS

Discussão em 'Web Development' iniciada por ThinkBrunus, 17 de Junho de 2009. (Respostas: 2; Visualizações: 1149)

  1. ThinkBrunus

    ThinkBrunus Power Member

    Viva!
    Estou a desenvolver um painel de administração de raiz, e neste faço a verificação das permissões do utilizador logado. Conforme o ou os níveis de permissão, é apresentado um bloco ou módulo correspondente à autenticação. Para tal estou a utilizar o seguinte código:

    Código:
    for($i = 0; $i < $total_acessos; $i++){
            switch ($acessos[$i]):
                case 1:
                    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/transportes/index.php");    
                    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/noticias/index.php");                    
                    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/alardo/index.php");                    
                    break;
                    case 2:
                    echo "<div id='pBlock'>"; 
                    include($_SERVER['DOCUMENT_ROOT'] . '/admin/transportes/index.php');
                    echo "</div>";                
                    break;
                case 3:
                    echo "<div id='pBlock'>";                 
                    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/noticias/index.php");
                    echo "</div>";                    
                    break;                    
                case 4:
                    echo "<div id='pBlock'>";                 
                    include_once($_SERVER['DOCUMENT_ROOT'] . "/admin/alardo/index.php");
                    echo "</div>";                    
                    break;                    
                default:
                        echo "<b>Utilizador</b>";
                    break;                    
            endswitch;
          }
    Desta forma, pretendo que, por exemplo um utilizador que tenha 4 tipos de permissões sejam apresentados os blocos correspondentes dois a dois, ou seja:

    _________________________
    | bloco 1 | bloco 2 |
    |----------------|--------------- |
    | bloco 3 | bloco 4 |
    |____________|___________|

    Uma coisa assim, estou a tentar dispor os elementos de forma automatizada com o código css seguinte:

    Código:
    #pBlockUser{
        width:100%;
        height:100%;
        font-size:0.9em;
        font-stretch:normal;
        font-family:Tahoma;
        background:#99CCFF;
    }
    #pMainBlock{
        width:490px;
        height:100%;
        display:table;
    }
    #pBlock{
        width:100%;
        height:100%;
        position:relative;
        display:table-cell;
    }
    Tenho experimentado várias formas conforma vou encontrando nas minhas pesquisas e leituras, mas não estou a chegar lá.
    Alguém me poderia dar umas luzes de como posso chegar lá?
    Obrigado!
     
  2. Assim por alto, a opção mais correcta será fazeres com :

    <ul>

    <li>

    bloco 1

    </li>

    <li>

    bloco 2

    </li>

    </ul>

    As listas são o mais versatíl para manipular com CSS, para fazer "blocos", pesquisa sobre isso.
     

Partilhar esta Página