alinhar blocos

[Daniel Carloni_165776 0]

Oi, preciso de ajuda para um calculo aqui

 

tenho 18 blocos, cada bloco tem uma quantidade de linhas diferente, esses 18 blocos são divididos em 3, ficando 6 blocos no lado esquerdo, 6 no meio e 6 na direita, esses blocos são de descrição e cada um tem uma quantidade de linhas diferentes, ficam desalinhados...

 

então eu estou contando as linhas dos blocos:

 

$bloco_01 = array();
for($i=1; $i <= 6; $i++){
$caracteres = strlen($blog_nome_array[$i])+strlen($blog_description_array[$i]);
$blocos = ceil($caracteres/46);	
array_push($bloco_01, $blocos);
}

$bloco_02 = array();
for($i=6; $i <= 12; $i++){
$caracteres = strlen($blog_nome_array[$i])+strlen($blog_description_array[$i]);
$blocos = ceil($caracteres/46);	
array_push($bloco_02, $blocos);
}

$bloco_03 = array();
for($i=12; $i <= 18; $i++){
$caracteres = strlen($blog_nome_array[$i])+strlen($blog_description_array[$i]);
$blocos = ceil($caracteres/46);	
array_push($bloco_03, $blocos);
}

 

preciso saber como eu calculo para deixar os blocos alinhados, o calculo mais proximo pelo menos...

 

 

nesta imagem acima, oque eu quero é inverter um dos blocos grandes da primeira coluna por 2 blocos pequenos da coluna do meio, fiz umas somas aqui mais não to conseguindo, alguém ai tem uma dica ?

[Micilini Roll 49]

tu vai ter que saber mecher com css,SABE?!

 

para isso voce tera que colocar todas as descriçoes dentro de uma div,depois editar esta div no css....caso nao saiba poste aqui que lhe dou a resposta

[Daniel Carloni_165776 0]

css ? mais eu não quero ter que faser clicar em '...' 3 pontinhos para abrir o resto do bloco,

 

já tem css ai na borda arredondada, está relativo e o maximo de caracteres é 500, só que se um bloco tiver 100 ai é menor porque se for fixo vai ficar um espaço em branco...

[visitante_php 0]

CSS eh pra formatacao de conteudo, nao tem nada a haver com o q você disse...

[Daniel Carloni_165776 0]

sim mais neste caso a formatação do conteúdo por assim dizer foi feita com php, formatação que eu digo é limitar o máximo de caracteres...

com css só a borda, ao invés de deixar absolute está relative

se não fica um conteúdo em branco para blocos com poucos caracteres, dessa forma que eu quero tem como faser mais vou ter que pensar um pouco, to pensando aqui...

[Micilini Roll 49]

tranquilo pó,isso ai é quando altera as configuraçoes da div,pois bem vamos ao que interessa

 

observe este exemplo abaixo:

para criarmos uma div,deveremos saber os seguintes comandos:

 

1-podemos ter uma div com id ou class.

 

2-os codigos sao

 

<div id="QUALQUER NOME/ESCOLHA DO USUARIO">TEXTO AQUI</div>

<div class="QUALQUER NOME/ESCOLHA DO USUARIO">TEXTO AQUI</div>

 

 

3-metodos de se formatar uma div,pois bem aqui vai um exemplo:

 

vamos supor que eu quero que este texto fique dentro de uma div.

 

 

Educação ambiental é uma novidade da educação, já praticada em alguns países, foi proposta em 1.999 no Brasil, tem o objetivo de disseminar o conhecimento sobre o ambiente. Sua principal função é conscientizar à preservação do meio ambiente e sua preservação, utilização sustentável.

É uma metodologia de análise que surge a partir do crescente interesse do homem em assuntos como o ambiente devido às grandes catástrofes naturais que têm assolado o mundo nas últimas décadas.

 

o que iremos fazer é o seguinte,iremos criar um novo aquivo .PHP

 

DREAMWEAVER: NOVO>PROJETO>.PHP

 

iremos inserir uma nova div de nome qualquer com o texto dentro dela/podemos fazer ultilizando o ID ou CLASS:

 

 

<div id="ambiente">Educação ambiental é uma novidade da educação, já praticada em alguns países, foi proposta em 1.999 no Brasil, tem o objetivo de disseminar o conhecimento sobre o ambiente. Sua principal função é conscientizar à preservação do meio ambiente e sua preservação, utilização sustentável.

É uma metodologia de análise que surge a partir do crescente interesse do homem em assuntos como o ambiente devido às grandes catástrofes naturais que têm assolado o mundo nas últimas décadas.</div>

 

<div class="ambiente">Educação ambiental é uma novidade da educação, já praticada em alguns países, foi proposta em 1.999 no Brasil, tem o objetivo de disseminar o conhecimento sobre o ambiente. Sua principal função é conscientizar à preservação do meio ambiente e sua preservação, utilização sustentável.

É uma metodologia de análise que surge a partir do crescente interesse do homem em assuntos como o ambiente devido às grandes catástrofes naturais que têm assolado o mundo nas últimas décadas.</div>

 

agora chegou o momento de fazer a formataçao desse texto,pois bem há 2 metodos

 

1-iremos criar um novo arquivo .css

 

DREAMWEAVER: NOVO>PROJETO>CSS

 

OBS:caso queiramos formatar uma div que possue ID,deveremos colocar:

#+nome escolhido

 

caso queiramos formatar uma div que possue CLASS,devemos colocar:

 

.+nome escolhido

 

com base no exemplo feito mais acima fica desta maneiro no projeto .css

 

#ambiente{

 

COMANDOS CSS COMO FONT-SIZE/FLOAT/BACKGROUND/BORDER.....

}

 

.ambiente{

COMANDOS CSS COMO FONT-SIZE/FLOAT/BACKGROUND/BORDER.....

 

}

 

 

 

2-segundo metodo que podemos formatar uma div é nao inserir o ID nen o CLASS,podemos fazer a formataçao de uma forma direta sem necessitar de projetos externos

 

para isso o comando da div ficará

 

 

<div style"PODEMOS COLOCAR FONTSIZE/BORDER/FLOAT/BACKGROUND.....">TEXTO AQUI</div>

 

 

so iremos adicionar o comando STYLE e ir fazendo a formataçao.

 

 

no seu exemplo ficara desta forma:

 

 

<div style"text:align"> <? echo $VARIAVEL_QUE_ARMAZENA_O_TEXTO ?></DIV>

 

 

sendo que o comando que faz o texto se alinhar é o text:align.

 

boa sorte!

 

(TAIS INFORMAÇOES FORAM TIRADAS DE MEU LIVRO DE PHP+MYSQL+HTML+CSS,

UNIDADE 3-CAPITULO 4,PAGINA 43 Á 56)

[Daniel Carloni_165776 0]

cara, Micilini Roll

muito obrigado ai pela ajuda

eu pensei nisso de font-size mais não testei, o problema que alguns blocos com fonte maior vai ficar como se fosse destaque e não é essa a intenção, mais já é um proguesso vou ver aqui

[visitante_php 0]

aki eh area de php, css eh outra area, por favor, vamos manter o forum organizado...

[Micilini Roll 49]

entao voce quer que os blocos fique com uma barra de scroll certo!?

 

para isso iremos adicionar o seguintes comando OVERFLOW.

 

O comando overflow é muito ultilizado para criar barra de rolagem dentro de div,eles podem ser:

 

overflow:scroll->cria uma barra de rolagem inferior e superior

overflow:hidden->esconde a barra de rolagem

overflow:visible->nao cria barra de rolagem

overflow:auto->cria a barra de rolagem automaticamente/caso o texto couber dentro da div,ele nao cria/caso o texto passe da div ele ira criar automaticamente

 

(capitulo4/unidade 3,pagina 32 á 34)

[Daniel Carloni_165776 0]

scroll nos blocos fica feio, essa alternativa não...

 

eu to pensando em contar as linhas, maximo 500 caracteres resulta 10 linhas por bloco,

um bloco com 100 caracteres vai ter 2 linhas

 

$calculo_01_1 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[0]+$bloco_02[0]+$bloco_03[$i];		
array_push($calculo_01_1, $calculo);
}

$calculo_02_1 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[0]+$bloco_02[$i]+$bloco_03[0];		
array_push($calculo_02_1, $calculo);
}

$calculo_03_1 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[0]+$bloco_03[0];		
array_push($calculo_03_1, $calculo);
}


////////////////////////////////
$calculo_01_2 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[1]+$bloco_02[1]+$bloco_03[$i];		
array_push($calculo_01_1, $calculo);
}

$calculo_02_2 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[1]+$bloco_02[$i]+$bloco_03[1];		
array_push($calculo_02_1, $calculo);
}

$calculo_03_2 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[1]+$bloco_03[1];		
array_push($calculo_03_1, $calculo);
}


/////////////////////////////
$calculo_01_3 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[2]+$bloco_02[2]+$bloco_03[$i];		
array_push($calculo_01_3, $calculo);
}

$calculo_02_3 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[2]+$bloco_02[$i]+$bloco_03[2];		
array_push($calculo_02_1, $calculo);
}


$calculo_03_3 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[3]+$bloco_03[3];		
array_push($calculo_03_1, $calculo);
}

///////////////////////////
$calculo_01_4 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[3]+$bloco_02[3]+$bloco_03[$i];		
array_push($calculo_01_4, $calculo);
}

$calculo_02_4 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[3]+$bloco_02[$i]+$bloco_03[3];		
array_push($calculo_02_4, $calculo);
}

$calculo_03_4 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[3]+$bloco_03[3];		
array_push($calculo_03_4, $calculo);
}

///////////////////////////
$calculo_01_5 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[4]+$bloco_02[4]+$bloco_03[$i];		
array_push($calculo_01_5, $calculo);
}

$calculo_02_5 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[4]+$bloco_02[$i]+$bloco_03[4];		
array_push($calculo_02_5, $calculo);
}

$calculo_03_5 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[4]+$bloco_03[4];		
array_push($calculo_03_5, $calculo);
}

///////////////////////////
$calculo_01_6 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[5]+$bloco_02[5]+$bloco_03[$i];		
array_push($calculo_01_6, $calculo);
}

$calculo_02_6 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[5]+$bloco_02[$i]+$bloco_03[5];		
array_push($calculo_02_6, $calculo);
}

$calculo_03_6 = array();
for($i = 0; $i < 6; $i++){
$calculo = $bloco_01[$i]+$bloco_02[5]+$bloco_03[5];		
array_push($calculo_03_6, $calculo);
}

 

criei 18 variaveis em array fazendo calculos da linha de cada bloco misturando tudo os blocos das 3 colunas...

 

simplificando,

 

150

 

bloco1_esquerda = 50

bloco2_meio = 50

bloco3_direita = 30

resultado 130

 

bloco4_esquerda = 50

bloco5_esquerda = 48

bloco6_direita = 50

resultado 148

 

o numero mais proximo de 150 é 148, como pegar esse resultado ?

[Micilini Roll 49]

Se você puder ultilizar o dreamweaver ou ultilz tem como fazer,eae?

[Daniel Carloni_165776 0]

não entendi cara, dreamweaver faser oque ?

[Micilini Roll 49]

Deixa eu ve se entendi direito,tem um texto de 400 palavras sendo q em cada bloco so podera ter 100 palavras entao sera 400 dividido por 100= 4 blocos,ou linhas???

 

Ou você ultiliza o dreamweaver para mostrar o numero de caracteres que tem em cada bloco