Ir para conteúdo

POWERED BY:

Arquivado

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

dpb

Barra lateral

Por , em Desenvolvimento frontend

Recommended Posts

dpb    0

dpb
Postado

Ola pessoal, estou com um probleminha de alinhamento com float eu quero criar uma barra lateral no lado direito e no lado esquerdo (onde serão inserida imagens de mais ou menos 200 x 300) do meu site só que quando eu crio a barra direita ela fica sobreposta ao conteudo meio e quando é colocada no lugar certo ela não empurra o rodapé para baixo para poder inserir novas imagens. Segue abaixo o código da pagina junto com o CSS.

 

index.php

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilos.css" rel="stylesheet" type="text/css"/>
<link href="style.css" rel="stylesheet" type="text/css" />
<head><title>Animais Cadastrados</title></head>
<script>
function funcao2()
{
alert(" Deseja realmente excluir o animal!");
}
</script>

<div id="corpo">
<?php include "conexao.php"; ?>
<body>

<div> <?php include "topo.php"; ?></div>

<div  align="right" style="margin-right:50px;">

<div style="margin-right:1000px; margin-bottom:-90px;"><?php include 'previsao_tempo.php';?></div>
<?php	include 'data_hora.php';	?>

</div>

<div align="center" style="float:left; margin-top:50px; margin-left:30px;">
<a href="https://www.bibliaonline.com.br/" class="linkcinza"  target="_blank"><img width="100px" height="100px" src="img/biblia.png" /> <br />Leia <br />Biblia Online</a> <br />


</div>



<!--inicio propaganda-->
<div id="propaganda" >

<?php

?>





</div>

<!--fim propaganda-->




<div id="meio" align="center">
<div align="left" class="cas">





   
   </div>
			 </div>
      
         
<?php include "rodape.php"; ?>
</div>
</body>
</html>

O estilo abaixo é para a barra lateral.

 

estilos.css

#propaganda{
	width:300px;
	min-height:500px;
	background:#0F0;
	border: 3px solid #dde0e5;
	margin:0px auto ;
	padding: 0px;
	margin-top:220px;
	float:left;
	
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

dpb    0

dpb
Postado

Ok valeu macielcr7.

 

Consegui posicionar as imagens nas laterais mas tem uma coisa estranha tipo se eu cadastrar uma imagem de 1024 x 768 ela é cadastrada e exibida na tela mas caso eu cadastre uma imagem de 4320 x 2432 ela é cadastrada mas não aparece a imagem na tela.

 

cadastrar_propaganda.php

<div id="formulario">
	<h1>Cadastro de Usuario</h1>
    <form action="cadastrar_propaganda_banco.php" method="post" enctype="multipart/form-data">
    	<fieldset style="width:50px;">
        	<label for="txt-nome">
            	Nome Emprea:
                <input type="text" name="txt-nome" required>
             </label>
             <br /><br />
             <label for="txt-email">
             	Endereço Empresa:
                <textarea name="txt-noticia" cols="50" rows="6" required></textarea>
             </label>
             <br /><br />
             <label for="imagem">
             	Imagem:
                <input type="file" name="imagem" required>
             </label>
             <br /><br />
             <input type="submit" name="cadastrar" value="Cadastrar">
       </fieldset>
    </form>
  </div>

cadastrar_propaganda_banco.php

<?php
error_reporting(0);
ini_set(“display_errors”, 0 );
?>

<?php

include "conexao.php";

if(isset($_POST)){
$nome = trim($_POST['txt-nome']);
$noticia = trim($_POST['txt-noticia']);
$imagem = trim($_POST['imagem']);
$st = strlen($nome);
$sd = strlen($noticia);
if($st==0 or $sd==0){
echo "<script>alert('ERRO - campo não preenchido!');<script>";
exit;
}
else{
$titulo = $_POST['titulo'];
$descricao = $POST['descricao'];

$imagem	=	$_POST['imagem'];


$nome		=	$_POST['txt-nome'];
$noticia	=	$_POST['txt-noticia'];
$imagem		=	$_FILES['imagem'];

$largura	=	800;
$altura		=	1500;
$tamanho	=	204800;


	
$dimensoes	=	getimagesize($imagem['tmp_name']);

preg_match("/\.(gif|bmp|png|jpg|jpeg){1}$/i", $imagem['name'], $ext);

$nomeImagem		=	md5(uniqid(time())).".". $ext[1];

$caminhoImagem	=	"img/".$nomeImagem;

move_uploaded_file($imagem["tmp_name"],$caminhoImagem);



$sql	=	mysqli_query($con,"INSERT INTO propaganda_esquerda VALUES ('','".$nome."','".$noticia."','".$nomeImagem."')");

if($sql == true){
	echo "<script language='javascript' type='text/javascript'>alert('Propaganda cadastrada com sucesso!');window.location.href='index.php'</script>";
}
else{
	echo "Cadastre uma noticia";
}
}
}
?>

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