Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jefferson NF

centralizar texto em uma div

Por , em Desenvolvimento frontend

Recommended Posts

Jefferson NF    0

Jefferson NF
Postado

boa tarde pessoal estou com uma duvida aqui

como faço para colocar o texto q esta dentro de uma div com bord centralizado,tanto na horizontal qnt na vertical,por exemplo coloco dentro do css da div text-align:center; mas o texto fik alinha no centro na horizontal e nao na verticla,fik no topo da div

ta assim :

 

css:

#alertas {
	margin-left:300;
	margin-right:300;
	margin-top:210;
	text-align: center;
	border:thin solid; 
	width:400;
	height:100;

 echo "<div id='alertas'><b>Cliente já realizou o upgrade de velocidade!!!</b><br>";
   echo "Clique <a href='logout'>aqui</a> para sair!</div>";
}
eu keria q os alertas do ssitema,por exemplo esse ae ou login invalido e tal,ficasse no centro da pagina e a msg,como login invalido ficasse centralicado dentro da div alertas

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado 

#alertas {
	margin-left:300px;
	margin-right:300px;
	margin-top:210px;
	text-align: center;
	border:thin solid;
	width:400px;
	height:100px;
	line-height: 100px;
}

tente assim

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

não se esqueça dos px

<style>
#alertas {
	margin:0 auto;
	margin-top:15%;
	text-align: center;
	border:thin solid;
	width:400px;
	height:100px;
}
</style>
<div id='alertas'><b>Cliente já realizou o upgrade de velocidade!!!</b><br>
Clique <a href='logout'>aqui</a> para sair!</div>

aplique tambem este doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

aglo assim talvez lhe ajude ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado

pessoal infelizmente nao funcionou

vcs tem outra ideia?

como posso mostrar esses alertas?alguma ideia?ou entao como fazer do jeito q kero:colocando uma div com borda no meio da tela com a mensagem de erro pro cliente

desde ja agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado

com esse codigo aki foi:

 

#alertas {
	margin-left:300px;
	margin-right:300px;
	margin-top:210px;
	text-align: center;
	border:thin solid;
	width:450px;
	height:200px;
	line-height: 75px;
}
o problema agora eh q eu tenho mensagens com uma frase soh ae fik legal,mas tenho msgs com quatro frases,ae fik uma mto separada da outra,com isso o div fik mto grande e nao da pra ver o rodaéh na pagina

alguma solução para isso?

eu quero fazer isso em otura div tbm,mas como reaproveitei codigo da emrpesa,eu fiz uma tive com login,ae dentro dessa div entra login e senha,soh q ta em table,como posso fazer pra colocar esse login e senha tbm no centro da div,pq essa div d login tbm ta com tdo no topo e nao centralizxada

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

use position:absolute;

#alertas {
	position:absolute;
	margin-left:300px;
	margin-right:300px;
	margin-top:210px;
	text-align: center;
	border:thin solid;
	width:450px;
	height:200px;
	line-height: 75px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado

o probçlema de colocar absolute ehn q tenho outras div,uma com o topo e outra com o rodape ae minha pagina ficou tda errada

e outro problema tbm eh como colocar o conteudo de uma div centralizado,mas esse conteudo eh table

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

mas é exatamente isso que eu quiz dizer, sem link para analizarmos não terá jeito,

pegue uma hospedagem gratuita e UP os arquivos

bem então quando postar o código nós analizamos ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado

meu codigo ta uma bagunça

se voces poderem me ajduar a melhorar hahaah,ou se tiverem outra ideia,pq eu tenho q fazer varios css pq uma hora a pagina ta com mto conteudo outra hora ta soh com o alerta,a msg

 

echo "
<div id='topo'><i>".$semana.", ".$dia." de ".$mesextenso." de ".$ano." - <b>".$hora."</b></i></div>";
$sql2 = "SELECT * FROM migracao WHERE contrato='".$_SESSION["contrato"]."'";
$ret2 = mysql_query($sql2,$db_g);
$row2 = mysql_fetch_array($ret2);

if ($row["codstatus"] != "4")
{
   echo "<div id='alertas'><b>Contrato Desativado!!<br>";
   echo "No momento você não pode realizar o upgrade de velocidade !!!<br>";
   echo "Reative seu contrato e tente novamente.</b><br>";
   echo "Clique <a href='logout.php'>aqui</a> para sair!</div>";
   $erro = 1;
}

if (buscapgto($row["contrato"])> 0)
{
   echo "<div id='alertas'><b>Encontramos pendência(s) financeira(s) para o contrato !!!<br>";
   echo "Por favor acerte seus pagamentos e tente novamente.</b><br>";
   echo "Clique <a href='logout'>aqui</a> para sair!</div>";
   $erro = 1;
}

if ($row2["contrato"] == $_SESSION["contrato"])
{
   echo "<div id='alertas'><b>Cliente já realizou o upgrade de velocidade!!!</b><br>";
   echo "Clique <a href='logout.php'>aqui</a> para sair!</div>";
   $erro = 1;
}

if ($row["mensalidade"] == 0.00 || $row["mensalidade"] == null)
{
   echo "<div id='alertas'><b>Verificamos algum erro na sua mensalidade!<br>";
   echo "Provavelmente você é um cliente com cortesia.<br>";
   echo "Por favor, entre com contato conosco.</b><br>";
   echo "Clique <a href='logout.php'>aqui</a> para sair!</div>";
   $erro = 1;
}

$rodape = 'rodape1';

if ($erro != 1)
{
  $rodape = 'rodape2';
  if ($row["tipo"] == 'F')
  {
	$tipo = 'Física';
	$field = 'field1';
  }

  if ($row["tipo"] == 'J')
  {
	$tipo = 'Jurídica';
	$field = 'field11';
  }

echo "
<div id='tudo'>
  <table align='right' width='100%' border='0' cellspacing='0' cellpadding='0'>
	<tr align='right'>
	  <td><a href='logout.php'><i>Sair!</i></a></td>
	</tr>
  </table>
  <table width='100%' border='0' cellspacing='2' cellpadding='2'>
	<tr>
	  <td><b>".$resp." ".$row["nome"]."!</b></td>
	</tr>
	<tr>
ta ae um pedaço do codigo

o css:

#tudo {
	margin: 0 auto;
	text-align: center;

#alertas {
	position:absolute;
	margin-left:300px;
	margin-right:300px;
	margin-top:210px;
	text-align: center;
	border:thin solid;
	width:450px;
	height:200px;
	line-height: 75px;
}


#topo {
	margin-left:0;
	text-align: right;
}

#rodape1 {
	margin-left:200;
	margin-right:200;
	margin-top:180;
	text-align: center;
}

#rodape2 {
	margin-left:200;
	margin-right:200;
	margin-top:20;
	text-align: center;
}

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado

eh sem link fik dificil

bom mas eu vou deixar pra ver isso depois,to refazendo mta coisa aki,ae aproveito e refaço isso com + calma,eu teria q estregar o sistema hoje,mas vou tentar entregar amanha,entao vou fazer com + calma

brigadao pela ajuda

depois eu volto a esse topico,agora estou priorizando outras coisas no ssitema,como a tela de login,q pra mim esta sendo a mais cahta

entao vou postar minha duvida em outro topico,depois eu reativo esse,qlq coisa

vlw msm pessoal

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito