Ir para conteúdo

POWERED BY:

Arquivado

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

kreator

[Resolvido] criando pagina de topo!

Por , em PHP

Recommended Posts

kreator    0

kreator
Postado

e ai galera,de boas???to precisando de ajuda!!

montei o layout da minha pagina de topo no php com css,e criei um arquivo index!!!

 

arquivo index:

 

<?
include"topo.php";

include"paginas.php";

include"rodape.php";

?>

arquivo topo.php(o index chamará esse code)

<!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>portifolio - Curso PHP - becck.com - Alan Arnese</title>
</head>
<?
include "css.php";
?>
<body>

<div id="fundo_topo">
	   <div id="topo">
	   
	   <div id="titulo_topo">
		 <p>portifolio	   </p>
	   </div>
	   <!-- titulo_topo -->
	   
	   <div id="busca">busca
		   <label>
			 <input type="text" name="pesquisar" id="perquisar" style="font-size:11px;" />
		   </label>
		 </div>
	   <!-- busca-->
	   
	   </div><!-- topo -->
</div>  
<!-- fundo_topo -->

</body>
</html>

arquivo do link do topo.php com o arquivo topo.css 

<link href="css/topo.css" rel="stylesheet" type="text/css">

arquivo css para alteraçoes do layout!!

 

@charset "utf-8";
/* CSS Document */

body{margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;}

#fundo_topo{   
	background-image:url(../imagens/fundo_azul_topo.jpg)
	repeat-x; 
	height:121px;
	}

#topo{
	width: 800px;
	border:0px solid #F00;
	height:117px;
	margin:0 auto;
	}  

#titulo_topo{
	font-family:"Earwig Factory",Arial, Helvetica, sans-serif;
	font-size:90px;
	color:#03F;
	padding-top:22px;
	float:left;
	}
	
#busca{
	font-size:14px;
	padding-top:90px;
	float:left;
	margin-left:180px;

	
}

o erro éo seguinte!!no arquivo css coloquei uma imagem de fundo,+ ela n aparece!!criei </div> fiz tudo certo com os links,+ quando jogo no wampserver,ele n aparece nada,a não ser a busca q criei,e escrito portifólio,tbm n estou conseguindo alterar os valores via css,quando modifico a borda,ou font,no wamp ele continua padrão!!!!!

 

desde já agradeço!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

PauloRJ    4

PauloRJ
Postado

verifique o caminho e nivel de diretorio da imagem

 

 

index.php

<link href="css/topo.css" rel="stylesheet" type="text/css">
<?php
include_once('topo.php');
include_once('paginas.php');
include_once('rodape.php');
?>

 

topo.php

<div id="fundo_topo">
	   <div id="topo">
	  
	   <div id="titulo_topo">
		 <p>portifolio	   </p>
	   </div>
	   <!-- titulo_topo -->
	  
	   <div id="busca">busca
		   <label>
			 <input type="text" name="pesquisar" id="perquisar" style="font-size:11px;" />
		   </label>
		 </div>
	   <!-- busca-->
	  
	   </div><!-- topo -->
</div>

topo.css

@charset "utf-8";
/* CSS Document */

body{margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;}

#fundo_topo{  
	background-image:url(../imagens/fundo_azul_topo.jpg)   repeat-x; /* caminho da imagem do fundo*/
	height:121px;
	}

#topo{
	width: 800px;
	border:0px solid #F00;
	height:117px;
	margin:0 auto;
	}  

#titulo_topo{
	font-family:"Earwig Factory",Arial, Helvetica, sans-serif;
	font-size:90px;
	color:#03F;
	padding-top:22px;
	float:left;
	}
	
#busca{
	font-size:14px;
	padding-top:90px;
	float:left;
	margin-left:180px;

	
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cuidado com a duplicação de tags:

<html>, <head>, <body> e DOCTYPE.

 

Analize o código fonte gerado pelo navegador.. cada uma dessas só deve aparecer uma única vez por página.

Poste os 3 arquivos que você está usando, ou um link para a página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

kreator    0

kreator
Postado

era isso mesmo galera!!!!ccs/topo.css

 

n tinha criado uma pasta dentro do wamp/www/css!!!!

 

vlw!!

 

só + um problema o fundo dessa imagem n aparece!!!

 

no arquivo css

 

body{margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color: #000;} 

#fundo_topo{
	background-image:url(../imagens/fundo_azul_topo.jpg)
	repeat-x; 
	height:121px;
	}

quando jogo ele na div body ele aparece + n dá um repeat-x e o fundo fica por cima da onde escrevi portifolio

quando jogo na div fundo topo q era pra ser o certo,ele n aparece nada a n ser o portifólio e a parte de busca !!!

 

agradeço muito a força http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

kreator    0

kreator
Postado

opa gente já resolvi!!!

 

antes de colocar o background não coloquei a opção inherit;

 

ficou assim 

#fundo_topo{
	background-image: inherit; background:url(../imagens/fundo_azul_topo.jpg) 
	repeat-x; 
	height:121px;
	}

 

vlw galera!!!

Compartilhar este post

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

Informação importante

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

  Aceito