2 replies to this topic

[ScraX]

Bom galera, vou por a imagem e o codigo da pagina e css, dai vcs já vao ver qual é o problema.... queria q ficasse igual tá no IEca só q nos outros browsers que tenho aqui (Netscape , FireFox e Opera)




A pagina php q vai listar:

<?php				if(!isset($_GET["i"])){				$sql = new sql;				$sql->sel("admin", "", "*", "order by registrado", "", "");				$resultado = $sql->result;								while($dados = mysql_fetch_assoc($resultado)){			?>					<div id="item">						<div id="item_linha">							<div id="coluna1">								Nome:							</div>							<div id="coluna2">								<?=$dados["nome"]." (<b>Login:</b> ".$dados["login"].")"?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								E-mail:							</div>							<div id="coluna2">								<?=$dados["email"]?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								MSN:							</div>							<div id="coluna2">								<?=($dados["msn"]=="")?"Não Informado":$dados["msn"]?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								Nascimento:							</div>							<div id="coluna2">								<?=substr($dados["nascimento"],6,2)."/".substr($dados["nascimento"],4,2)."/".substr($dados["nascimento"],0,4)?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								Cidade - Estado:							</div>							<div id="coluna2">								<?=$dados["cidade"]." - ".$dados["estado"]?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								CEP:							</div>							<div id="coluna2">								<?=substr($dados["cep"],0,5)."-".substr($dados["cep"],5,3)?>							</div>						</div>												<div id="item_linha">							<div id="coluna1">								Telefone/Celular:							</div>							<div id="coluna2">								<?="(0".substr($dados["telefone"],0,2).") ".substr($dados["telefone"],2,4)."-".substr($dados["telefone"],4,4)." / (0".substr($dados["celular"],0,2).") ".substr($dados["celular"],2,4)."-".substr($dados["celular"],4,4)?>							</div>						</div>					</div>			<?php				}			}?>

e o CSS correspondente à essa parte:

#page #item{	border:1px solid #DDD;	margin:0 0 30px 40px;	background-color:#F9F9F9;}#page #item #item_linha{	clear:both;	width: 600px;}#page #item #coluna1,#page #item #coluna2{	display:inline;	*float:left;	padding:2px;	margin:2px;}#page #item #coluna1{	background-color:#EEE;	width:125px;	text-align:right;	font-weight:bold;}#page #item #coluna2{}

ps:: fiz só isso no css ainda, deu esse erro, ai preferir perguntar aqui e arrumar antes, do q continuar acumulando codigo =P



é isso ae, alguem sabe o q posso fazer???

obrigado
Guilherme

[Alex Hiroshi]

Ids são únicos, não podem se repetir na mesma página. Quado o elemento está com display inline ele não muda o tamanho. E por que você não usa uma lista para fazer isso? É muito mais fácil.

<style type="text/css">
	dl {border:1px solid #ddd; margin:0 0 30px 40px; background-color:#f9f9f9;}
	dt, dd {margin: 1px 0;}
	dt {width:125px; float:left; background-color:#eee; text-align:right; font-weight:bold; padding-right:5px; }
	dd {margin-left:130px;}
</style>

<dl> 
	<dt>nome</dt> 
	<dd>alex</dd> 

	<dt>e-mail</dt> 
	<dd>email@email.com</dd> 
</dl>

[ScraX]

Nossa... nao acredito =P

Não é a primeira vez q dou essa pátinada, ID não se repete, já sabia e errei denovo =P
"Quando o elemento está com display inline ele não muda o tamanho", é essa eu aprendi agora =P

lista? obvio... falha minha =P vlwwww...



primeira vez q fiz algo parecido, pedi ajuda tbm, só q acabei não concluindo a página, pois o projeto foi cancelado... esse já acabe de concluir aqui, então isso eu não esqueço mais =D


obrigado ae
t+