Ir para conteúdo

POWERED BY:

Arquivado

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

Denian00

margin-top com problemas

Por , em Desenvolvimento frontend

Recommended Posts

Denian00    0

Denian00
Postado

Galera estou com um problema no meu site eu estou desenvolvendo ele e quando eu coloco margin-top no section desce o conteúdo de cima.

 

 


Aqui está o código HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>UniversidadeTX - O seu portal de conhecimento!!!</title>
<META NAME="DESCRIPTION" CONTENT="Aqui na UniversidadeTX você aprende a criar coisas para a web com as linguagens HTML, CSS, JavaScript, PHP todas essas linguagens para você aprender a desenvolver seu próprio website.">
<META NAME="ABSTRACT" CONTENT="">
<META NAME="KEYWORDS" CONTENT="universidade, tx, programação, web, conhecimento, websites">
<META NAME="ROBOT" CONTENT="Index,NoFollow">
<META NAME="RATING" CONTENT="general">
<META NAME="DISTRIBUTION" CONTENT="global">
<META NAME="LANGUAGE" CONTENT="PT">
<link rel="shortcut icon" href="_img/favicon.ico" type="icon"/>
<link rel="stylesheet" href="_css/style.css"/>
<script>
document.createElement("slogan")
</script>
</head>
<style>
body{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:url(_img/UniversidadeTX-back.jpg);
background-size:100%;
}
</style>
<body>
<div id="interface">
<header>
<img src="_img/logo.png" id="logo" alt="UniversidadeTX" title="UniversidadeTX"/>
<nav id="menu">
<ul>
<li><a href="http://www.universidadetx.hol.es/#home" title="Home">Home</a></li>
<li><a href="http://www.universidadetx.hol.es/#cursos.php" title="Cursos">Cursos</a></li>
<li><a href="http://www.universidadetx.hol.es/tutors.php">Tutoriais</a></li>
<li><a href="http://www.universidadetx.hol.es/#sobre.php" title="Sobre">Sobre</a></li>
<li><a href="http://www.universidadetx.hol.es/#contato.php" title="Contato">Contato</a></li>
</ul>
</nav>
<slogan>O seu portal de conhecimento venha aprender com a gente!!!</slogan>
</header>
<section id="corpo">

</section>
</div>
</body>
</html>

 

 

e aqui está o CSS

 

 

@charset "UTF-8";
div#interface{
margin:auto;
width:1000px;
}
img#logo{
margin-top:30px;
float:left;
}
/*Formatações do menu*/
nav#menu{
display:block;
}
nav#menu ul{
float:right;
list-style:none;
font-family:Agency FB, sans-serif;
margin-right: 31px;
margin-top:28px;
font-size:26px;
}
nav#menu li{
display:inline-block;
padding:5px;
margin:4px;
}
nav#menu li:hover{
text-decoration:underline;
}
nav#menu a{
color:#000;
text-decoration:none;
}
slogan{
float:left;
font-family:Abel, sans-serif;
font-size:24px;
margin-top:30px;
margin-left:120px;
}
section#corpo{
display:block;
width:500px;
background-color:#000;
height:500px;
margin-top:200px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

1-) O problema está no elemento slogan. Para quê criar um elemento na marcação. Use um elemento P (parágrafo) e o problema estará resolvido.
2-) Além disso, a marcação do 3o. link está incompleta e ele não renderiza!

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