• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

thinkbrunus

[RESOLVIDO] Disposição automatizada blocos

10 mensagens neste tópico

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:

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:

#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!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas estás a usar um id no css para recriar vários blocos semelhantes? é que um id é único ..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Uma palavra que não tem nada a ver com o teu problema: MVC! :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Viva!

Inserir Citação

Mas estás a usar um id no css para recriar vários blocos semelhantes? é que um id é único ..

Esta é uma situação que desconhecia, e que me estava a dificultar a vida. Entretanto fiz algumas alterações e ficou a funcionar correctamente.

.iContents{
width:100%;
height:100%;
position:relative;
}
.iLoadBlock{
float:left; 
position:relative;
border:1px solid #000000;
margin: 0.5em 0.4em 0.8em /* top=1em, right=2em, bottom=1em, left=2em */
}

E no html assim:

<div id="iContents">
....condição que vefifica num blocos a inserir....
    <div class='iLoadBlock'></div>
</div>

Inserir Citação

Uma palavra que não tem nada a ver com o teu problema: MVC! :D

Por curiosidade, o que quer dizer "MVC"?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

thinkbrunus, tens no css definido 2 classes e no html 1 id e 1 classe .. Vê lá se isso não está aí a estragar nada :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Foi isso yoda, estava a utilizar o id, como sugerido, utilizei a class no div e ficou a funcionar correctamente.

Mais uma vez obrigado a todos!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora