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

6

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:


<!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%;
}
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.
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%;
}
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%;
}



Além disso obrigado.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar