Ir para conteúdo

POWERED BY:

Arquivado

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

Super_Zica_Man

Layout

Por , em Desenvolvimento frontend

Recommended Posts

Super_Zica_Man    0

Super_Zica_Man
Postado

Porque nao ta aparecendo a imagem que ta na div da direita?

 

Layout.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Título do Site</title><link href="style.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="drop_down.js"></script></head><body><div id="tudo">	<div id="topo"><h1>Título</h1></div>		<div id="menu">		<ul id="nav">			<li><a href="principal.html" target="conteudo">Inicial</a></li>			<li><a href="#">A escola</a>				<ul>					<li><a href="historico.html" target="conteudo">Histórico</a></li>					<li><a href="filosofia.html" target="conteudo">Filosofia da Escola</a></li>					<li><a href="proposta_pedagogica.html" target="conteudo">Proposta Pedagócica</a></li>					<li><a href="categoriasensino.html" target="conteudo">Categorias de Ensino</a></li>					<li><a href="professores_funcionarios.html" target="conteudo">Professores e Funcionários</a></li>				</ul>			</li>			<li><a href="biblioteca.html" target="conteudo">Biblioteca</a></li>			<li><a  href="laboratorio_informatica.html" target="conteudo">Laboratórios</a>				<ul>			<li><a href="laboratorio_ciencias.html" target="conteudo">Ciências</a></li>			<li><a href="laboratorio_informatica.html" target="conteudo">Informática</a></li>				</ul>			<li><a href="#">Ginásio de Esportes</a></li>			<li><a href="#">Projetos</a>				<ul>					<li><a href="#">REDEmoinhos</a></li>					<li><a href="rede_gesac.html" target="conteudo">Comunitário-Rede GESAC</a></li>					<li><a href="#">Esportes</a></li>					<li><a href="banda.html" target="conteudo">Banda</a></li>					<li><a href="monitoria.html" target="conteudo">Monitoria</a></li>				</ul>			</li>			<li><a href="#">CPM-CE</a></li>			<li><a href="#">Grêmio Estudantil</a></li>			<li><a href="#">Eventos</a></li>			<li><a href="#">Notícias</a></li>			<li><a href="#">Atividades Complementares</a></li>			<li><a href="#">Galeria de Fotos</a></li>			<li><a href="mensagem_escola.html" target="conteudo">Mensagem da Escola</a></li>			<li><a href="fale_conosco.html" target="conteudo">Fale Conosco</a></li>		</ul>	</div>		<div id="conteudo">		<iframe frameborder="0" height="400px" name="conteudo" src="principal.html" width="440" scrolling="auto">	</div>		<div id="noticias">		<h3>Notícias:</h3>		<img src="../MT/imagens/redemoinhos.gif" />	</div>		<div id="rodape"><p>® Todos os direitos reservados | <a href="#">Web Designer</a></p></div></div></body></html>

Style.css

body {	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}#tudo {	width: 760px;}#topo {	width: 760px;	height: 150px;	background-image: url(../MT/imagens/topo.jpg)}#menu {	float: left;	width: 140px;	padding: 5px;}#conteudo {	float: left;	width: 370px;	padding: 15px;}#noticias {	float: right;	width: 140px;	padding: 5px;}#rodape {	width: 680px;	height: 30px;	padding: 0 10px;	background-color: #ccf;	clear: both;}#rodape p {	line-height: 28px;}ul {	margin: 0;	padding: 0;	width: 150px; /* Width of Menu Items */	border-bottom: 1px solid #ccc;	list-style-type:none;	}ul li {	position: relative;	}	li ul {	position: absolute;	left: 149px; /* Set 1px less than menu width */	top: 0;	display: none;	}/* Styles for Menu Items */ul li a {	display: block;	text-decoration: none;	color:#009;	background: #f9f9f9; /* IE6 Bug */	padding: 5px;	border: 1px solid #ccc;	border-bottom: 0;	}/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */ul li a:hover {	color:#0000CC;	background: #f9f9f9; 	} /* Hover Styles */		li ul li a { padding: 2px 5px; } /* Sub Menu Styles */		li:hover ul, li.over ul { display: block; } /* The magic */ol li {text-decoration:none;} BODY {scrollbar-face-color: #FFF;scrollbar-highlight-color: #FFF;scrollbar-3dlight-color: #CCC;scrollbar-darkshadow-color: #FFF;scrollbar-shadow-color: #CCC;scrollbar-arrow-color: #CCC;scrollbar-track-color: #FFF;}/*Formatação página*/p {	font-family:Verdana;	font-size:11px;	color:#666666;}a {	color:#666666;	font-family:Verdana;	font-size:10px;	text-decoration:none;}a:hover {	font-weight:bold;	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

leonardonobre    0

leonardonobre
Postado

Caro Super_Zicaq_man,

na declaração de seu iframe, você esqueceu de fechar esta tag.

 

<iframe frameborder="0" height="400px" name="conteudo" src="principal.html" width="440" scrolling="auto" z-index:1></IFRAME>

Você não delimitou um final para o seu iframe, por conta disto, ele incorporou o restante da página, como sendo parâmetros de configuração do mesmo.

 

Abraços,

Léo

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