[Resolvido] divs nao aparecem

raditiz · Junho 7, 2012

ola pessoal, a kda dia eu me surpreendo, agora to trabalhando com um pedaço de codigo que onten div uma esterna outras 4 dentro dela todas com tamanho e borda definidos porem so aparece a de fora e nenhuma das pequenas de dentro aparece no navegador, so no dreamweaver, vai ai os codigos ml e css

html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> Site teste </title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="cima">
<div id="1"> </div>
<div id="2"> </div>
<div id="3"> </div>
<div id="4"> </div>
</div>

<div id="baixo">
<div id="2"> </div>

<div id="1" ></div>
</div>



</body>
</html>

css

@charset "utf-8";
/* CSS Document */
#cima{ float:left; width:1024px; height:300px; border:solid #000;};
#1{width:256px; height:280px;float:left;border:1px solid #000; }
#2{width:256px; height:280px;float:left;border:solid #000;}
#3{width:256px; height:280px;float:left;border:solid #000;}
#4{width:256px; height:280px;float:left;border:solid #000;}

o que ha de errado tentei inumeras veses aqui e nao achei, peço a ajuda de vcs hehe...

Alvaro Jr · Junho 7, 2012

nao estão todos em para left uma em cima da outra nao ?

raditiz · Junho 7, 2012

nao quero que sejam exibidas uma ao lado da outra tenho duas divs a #cima e a #baixo, esta quero que fiquem uma a cima da outra, porem as outras 1234 quero que fikem uma ao lado da outra porem dentro destas que lhe falei.... entende ?

amigos, o que podra ser, posicionamento delas ???

Jhon Paulo · Junho 8, 2012

tira o float: left de #cima

raditiz · Junho 8, 2012

nao adiantou amigo eu tirei, e escrevi algumas coisas dentro delas ai o

<div id="cima">
<div  id="1" style="float:left;> aaaaaaaaaa</div>
<div id="2">aaaaaaaaaaaaaaaaaa </div>
<div id="3">aaaaaaaaaaaaaaaaaaa </div>
<div id="4"> aaaaaaaaa</div>
</div>

e fika tudo uma embaixo da outra e nem exibe as div pequenas de dentro exibe somente a maior #cima...

este e o css tbm..

@charset "utf-8";
/* CSS Document */
#cima{width:1024px; height:300px; border:solid #000;};
#1{width:256px; height:280px;float:left;border:1px solid #000; };
#2{width:256px; height:280px;float:left;border:solid #000;};
#3{width:256px; height:280px;float:left;border:solid #000;};
#4{width:256px; height:280px; float:left;border:solid #000;};

nao sei o que e

tipo eu coloquei borda era pra pelo menos aparecerem as bordas com elas vazias, aparece o texto porem um abaixo do outro...

Jhon Paulo · Junho 8, 2012

depois de {} não se coloca ; no css

ta dando problema nos ids..

põe assim:

#cima{ position: relative; width:1024px; height:300px; border:solid #000;}

#a1{width:200px; background-color: red; height:280px;float:left;border:1px solid #000; }

#a2{width:200px; height:280px;float:left;border: 1px solid #000;}

#a3{width:200px; height:280px;float:left;border: 1px solid #000;}

#a4{width:200px; height:280px; float:left;border: 1px solid #000;}

<div id="a1"> aaaaaaaaaa</div>

<div id="a2">aaaaaaaaaaaaaaaaaa </div>

<div id="a3">aaaaaaaaaaaaaaaaaaa </div>

<div id="a4"> aaaaaaaaa</div>

</div>

Alvaro Jr · Junho 8, 2012

rsrs pois é tira esse ; dps do fechamendo do comando

e ver o seguinte ser aconecxao do style.css ta feita

depois posta ai todo codigo html se possivel e css as vezes voce abriu algo e nao fechou etc..

else:

" so mais uma dica tanto pra css quanto pra html

organização conta muito as vezes nao aparece por falta de organizaçao dos codigo

então porcede oque eu pedi "

raditiz · Junho 8, 2012

amigos estas divs por exemplo nao podem fechar o tamanho total da div #cima ? pois quando coloco as dimensoes exatas nas 4 para somarem o total dela nao fika certo, o que se pode fazer quanto a isso ?

e os textos nao estourarem as dimensoes das divs e poxivel ???

Wanderson Valerio · Junho 8, 2012

Troque isso:

@charset "utf-8";
/* CSS Document */
#cima{width:1024px; height:300px; border:solid #000;};
#1{width:256px; height:280px;float:left;border:1px solid #000; };
#2{width:256px; height:280px;float:left;border:solid #000;};
#3{width:256px; height:280px;float:left;border:solid #000;};
#4{width:256px; height:280px; float:left;border:solid #000;};

por isso

@charset "utf-8";
/* CSS Document */
#cima{width:1024px; height:300px; border:solid #000;};
#1{width:256px; height:280px;float:left;border:1px solid #000; };
#2{width:256px; height:280px;float:left;border:1px solid #000;};
#3{width:256px; height:280px;float:left;border:1px solid #000;};
#4{width:256px; height:280px; float:left;border:1px solid #000;};

Veja que eu acrescentei somente um 1px a borda preta das divs, não iria aparecer sem algo para mostrá-las

renderiza e me avisa aqui no forum

raditiz · Junho 8, 2012

ja testei e funfo beleza, mas para nao estourar os limites das divs o que se pode fazer ????

Wanderson Valerio · Junho 8, 2012

estourar como assim?

se for referente ao tamanho ocupado com mais um pixel, você pode usar a declaração:

background: #000;

e deiixa a borda em zero, assim voce vai saber onde está a div

raditiz · Junho 8, 2012

entendo, mas nao ha como eu limitar o texto a somente o tamanho da div, pois o que vai aparecer vai depender de um select do db, e quero que ele quebre o texto automaticamente quando chegare ao fim das dimensoes... entende ?

o codigo e este... sei que nao e a area de php, mas faz parte de meu codigo html,

<?php
// Conexão com o banco de dados
include('conn.php');

// Recuperamos a ação enviada pelo formulário
$a = $_GET['a'];

// Verificamos se a ação é de busca
if ($a == "buscar") {

// Pegamos a palavra
$nome = trim($_POST['nome']);
	$partido = trim($_POST['partido']);


// Verificamos no banco de dados produtos equivalente a palavra digitada
$sql = mysql_query("SELECT * FROM politicos WHERE nome='$nome' AND partido = '$partido' ");

// Descobrimos o total de registros encontrados
$numRegistros = mysql_num_rows($sql);

// Se houver pelo menos um registro, exibe-o
if ($numRegistros != 0) {
	// Exibe os produtos e seus respectivos preços
	while ($valor = mysql_fetch_object($sql)) {



		echo "

<div id='cima'>
<div id='a1'> 
 <p>Nome: $valor->nome.</p>
 <p>Cpf: $valor->cpf.</p>
 <p>Data Nasc: $valor->idade.</p>
 <p>Local: $valor->local.</p>
 <p>Contato: $valor->email.</p>


</div>
<div id='a2'><div class='titulos'> Positivos: $valor->positivos. </div></div>
<div id='a3'><div class='titulos'> Negativos: $valor->Negativos.</div> </div>
<div id='a4'> Foto: <img src='painel/uploads/$valor->img_name' width='184' height='187'/></div>
<div id='a5'>Formação: $valor->formacao.</div>

<div id='a6' > Fontes: <a href=' $valor->fontes. '>Fontes</a></div>

 ";

?>

<?
  $resultado = mysql_query("SELECT * FROM partidos WHERE partido = '$partido' ");
  $numRegistros = mysql_num_rows($resultado);

// Se houver pelo menos um registro, exibe-o
if ($numRegistros != 0) {
  while($linha = mysql_fetch_object($resultado)){
   echo"  
<div id='a7' > Partido:$linha->nome </div>



</div>

"; } }
}
// Se não houver registros
} else {
	echo "Nenhum candidato foi encontrado com a palavra ";
}
}
?>

agora podem me entender ??? esta e meu objetivo real

Wanderson Valerio · Junho 8, 2012

Ao invés de declarar:

height: altura;

declare:

min-height: altura;

assim, ele vai ficar do tamanho da div

raditiz · Junho 8, 2012

mas a largura nao e width ??? min-width ??? kkk

William Bruno · Junho 8, 2012

lembrando que você tb não deve começar os teus IDs com números. Isso é inválido.

comece com uma letra.

raditiz · Junho 8, 2012

estas parte eu ja corrigi, coloquei a letra A antes de kada um deles.... mas a quebra forçada de texto ao chegar aop limite da div como deve e assim mesmo ??

Wanderson Valerio · Junho 8, 2012

mas a largura nao e width ??? min-width ??? kkk

o mesmo vale para width e min-width

raditiz · Junho 8, 2012

amigo coloquei isso no lugar do width no css e fiko tudo desrregulado, em que trecho devo colocar ?

Wanderson Valerio · Junho 8, 2012

Você pode hospedar em algum lugar, ou mostrar um print da renderização do seu documento?

raditiz · Junho 8, 2012

nao e poxivel... lkkk, o que acontece e que o que eu escrevo em uma div passa pra fora e embola com o que ta escrito na outra, eu queria que elas quebracem o texto automaticamente ao xegar ao fim da div

Arquivado

[Resolvido] divs nao aparecem

Recommended Posts

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alvaro Jr 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jhon Paulo 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jhon Paulo 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alvaro Jr 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Wanderson Valerio 102

Compartilhar este post

Link para o post

Compartilhar em outros sites

raditiz 0