Pessoal estou fazendo uma pagina de blog mas não consigo remover a borda superior de nenhuma forma, e também a distancia do h2 e h6
28/07/2020
0
Oi estou com um problema e queria saber qual a solução estou com um arquivo ".html" e queria saber como eu faço para remover a borda superior e juntar os meus elementos "h2" e "h6" no meu html o código:
O css:
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="Index.css" >
</head>
<body>
<div id="menuDosite">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>O css:
Body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
padding: 0px;
width: 100% ;
}
#menuDosite {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
#menuDosite>h6 {
display:inline-block;
}
div:first-of-type {
height: 100px;
width: 100%;
}
Pedro Henrique
Curtir tópico
+ 0
Responder
Post mais votado
02/08/2020
Código HTML
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
Código CSS
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
O engraçado que este site não funciona direito com o firefox, pelo menos as tags ao postar.
Johnny-walker
Responder
Mais Posts
02/08/2020
Johnny-walker
"O html:"
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
"<CSS>"
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
"<CSS>"
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
Responder
02/08/2020
Pedro Henrique
Código HTML
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
Código CSS
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
O engraçado que este site não funciona direito com o firefox, pelo menos as tags ao postar.
Deve ser porque a sua tag nav não esta fechada(eu não tenho certeza se precisa fechar)
Responder
02/08/2020
Pedro Henrique
"O html:"
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
"<CSS>"
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>iWebDesign-O maior portal de web design da America Latina</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="style.css" >
</head>
<body>
<nav class="nav-bar">
<div class="menu">
<h2>iWebDesign</h2>
<h6>O seu portal do web development</h6>
</div>
<div>
<nav>
<p>Olá bem vindo ao meu blog pessoal, </p>
</div>
</body>
</html>
"<CSS>"
html, body, h6, h2, p {
margin: 0px;
padding: 0px;
}
body {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
width: 100%;
}
.menu {
background-color: #0066ff;
padding: 0px;
color: #ffffff;
}
.menu > h6 {
display: inline-block;
}
div: first-of-type {
height: 100px;
width: 100%;
}
Além disso obrigado.
Responder
Clique aqui para fazer login e interagir na Comunidade :)