Ir para conteúdo

POWERED BY:

Arquivado

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

Fhilipe Alves

Erro com HTML e CSS

Por , em Desenvolvimento frontend

Recommended Posts

Fhilipe Alves    0

Fhilipe Alves
Postado

Boa Tarde Pessoal,

 

Estou com problema minha página html...

 

Montei todo o site no CSS, até ai beleza.

começei a montar no no html as DIV, só que chego na metade do site ele parou de aparecer as imagens que estava colocando....

 

alguem pode me ajuda...

 

ali no Codigo nao aparece mais depois do <div id="parte_top"></div>

 


<!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>:: Alô Serviços ::</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/screen.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
	$(document).ready(function(){	
		$("#slider").easySlider({
			auto: true, 
			continuous: true,
		});
	});	
</script>




</head>
<body>
<div id="cont_topo">

<div id="logo"><img src="imagens/Logo_Aloservicos.png" width="200" height="95" /></div>

<div id="menu">

<ul><li><a href="index.php">Home</a></li>-<li><a href="procurar_servicos.php">Procurar Serviços</a></li>-<li><a href="emandamento.php">Em Andamento</a></li>-<li><a href="fale_conosco.php">Fale Conosco</a></li></ul></div>

</div>

<div id="java">

<div id="content">
<div id="slider">
		<ul>				
			<li><a href="http://templatica.com/preview/30"><img src="images/site_01.jpg" alt=" :: ELFA Publicidade :: " /></a></li>
			<li><a href="http://templatica.com/preview/7"><img src="images/site_02.jpg" alt=" :: ELFA Publicidade :: " /></a></li>
			<li><a href="http://templatica.com/preview/25"><img src="images/site_03.jpg" alt=" :: ELFA Publicidade :: " /></a></li>		
		</ul>
	</div>
       </div>




</div>

<div id="parte_top"></div>
<div id="parte_meio"></div>
<div id="parte_fim"></div>

<div id="copy">final</div>


</body>
</html>

 

 

Visualização:

erro.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Bom, pela marcação fornecida, não existem mais imagens depois de 'parte_top'. Não tem como aparecer mais nada mesmo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fhilipe Alves    0

Fhilipe Alves
Postado

Bom, pela marcação fornecida, não existem mais imagens depois de 'parte_top'. Não tem como aparecer mais nada mesmo.

 

 

 

Todas as DIV tem imagens como background... isso que defino tamanho tudo certinhoo...

 


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

* { margin:0 auto; }

#cont_topo { width:1024px; height:145px; background-image:url(imagens/layout_01.jpg); }

#java { width:1024px; height:251px; background-image:url(imagens/layout_02.jpg); }

#logo { width:200px; height:95px; float:left; padding-top:15px; padding-left:65px;}

#menu { width:750px; height:auto; font-size:19px; font-family:Helvetica, "sans-serif"; color:#FFF; float:right; padding-top:55px; }

#menu ul li { padding:.0em 1em; display:inline; text-shadow:1px 1px 0 #011219 }

#menu ul li a { text-decoration:none; color:#CCCCCC; }

#menu ul li a:hover { text-decoration: none; color:#e3e6ed;}

<!--INICIO CONTEUDO-->

#parte_top { width:1024px; height:31px; background-image:url(imagens/layout_03.jpg); }

#parte_meio { width:1024px; height:auto; background-image:url(imagens/layout_04.jpg); }

#parte_fim { width:1024px; height:29px; background-image:url(imagens/layout_05.jpg); }

<!--FIM CONTEUDO-->

#copy { width:1024px; height:99px; background-image:url(imagens/layout_06.jpg); clear:both; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Aqui o único que não apareceu foi o #parte_meio, exatamente por levar o height como auto.

 

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <title>Testes</title>
    <meta charset="utf-8">
    <style>
        * {
            margin: 0 auto;
        }

        #cont_topo {
            width: 1024px;
            height: 145px; /*background-image:url(imagens/layout_01.jpg);*/
            background: #f00;
        }

        #java {
            width: 1024px;
            height: 251px; /*background-image:url(imagens/layout_02.jpg);*/
            background: #0f0;
        }

        #logo {
            width: 200px;
            height: 95px;
            float: left;
            padding-top: 15px;
            padding-left: 65px;
        }

        #menu {
            width: 750px;
            height: auto;
            font-size: 19px;
            font-family: Helvetica, sans-serif;
            color: #FFF;
            float: right;
            padding-top: 55px;
        }

        #menu ul li {
            padding: .0em 1em;
            display: inline;
            text-shadow: 1px 1px 0 #011219
        }

        #menu ul li a {
            text-decoration: none;
            color: #CCCCCC;
        }

        #menu ul li a:hover {
            text-decoration: none;
            color: #e3e6ed;
        }

        #parte_top {
            width: 1024px;
            height: 31px; /*background-image:url(imagens/layout_03.jpg);*/
            background: #00f;
        }

        #parte_meio {
            width: 1024px;
            height: auto; /*background-image:url(imagens/layout_04.jpg);*/
            background: #ff0;
        }

        #parte_fim {
            width: 1024px;
            height: 29px; /*background-image:url(imagens/layout_05.jpg);*/
            background: #0ff;
        }

        #copy {
            width: 1024px;
            height: 99px; /*background-image:url(imagens/layout_06.jpg);*/
            clear: both;
            background: #f0f;
        }
    </style>
    <script>
    </script>
</head>

<body>
<div id="cont_topo">

    <div id="logo"><img src="imagens/Logo_Aloservicos.png" width="200" height="95"/></div>

    <div id="menu">

        <ul>
            <li><a href="index.php">Home</a></li>
            -
            <li><a href="procurar_servicos.php">Procurar Serviços</a></li>
            -
            <li><a href="emandamento.php">Em Andamento</a></li>
            -
            <li><a href="fale_conosco.php">Fale Conosco</a></li>
        </ul>
    </div>

</div>

<div id="java">

    <div id="content">
        <div id="slider">
            <ul>
                <li><a href="http://templatica.com/preview/30"><img src="images/site_01.jpg"
                                                                    alt=" :: ELFA Publicidade :: "/></a></li>
                <li><a href="http://templatica.com/preview/7"><img src="images/site_02.jpg"
                                                                   alt=" :: ELFA Publicidade :: "/></a></li>
                <li><a href="http://templatica.com/preview/25"><img src="images/site_03.jpg"
                                                                    alt=" :: ELFA Publicidade :: "/></a></li>
            </ul>
        </div>
    </div>


</div>

<div id="parte_top"></div>
<div id="parte_meio"></div>
<div id="parte_fim"></div>

<div id="copy">final</div>
</body>
</html>[/code]

 

 

ss20110215114245.png

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