resolvido Pagina com espaço em branco

cailir · Maio 31, 2018

Olá. Meu website está ficando com uma parte em branco em cima e na esquerda. O código está abaixo:

HTML:

<!DOCTYPE html>
<html>
<head>
	<title>FanaticHost Central</title>
	<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>

	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

	<link rel="stylesheet" type="text/css" href="css/Main.css">
</head>
<body>
	<nav>
		<ul>
			<li class="fas fa-home" onclick="">Início</li>	
			<li class="far fa-credit-card selected" onclick=""> Serviços</li>
			<li class="fas fa-server" onclick=""> Status do servidor</li>
			<li class="fas fa-ticket-alt" onclick=""> Tickets</li>
		</ul>
	</nav>

	<div class="made"><p>Feito com </p><i class="fas fa-heart"></i><p> por cailir</p></div>
</body>
</html>

CSS:

nav ul li {
	background-color: gray;
	border-radius: 15px;
	padding: 5px;
	margin: 3px;
	cursor: pointer;
}

body {
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	position: absolute;
}

nav ul {
	background-color: darkblue;
	height: 35px;
	width: 100%;

	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

nav {
	top: 0%;
	left: 0%;
	position: relative;
}

.selected {
	font-color: red;
}

.made p {
	display: inline;
}

.made i {
	display: inline;
}

.made {
	right: 1px;
	bottom: 1px;
	position: fixed;
}

Alguem sabe me ajudar?

Editado Maio 31, 2018 por cailir

gmoehra · Maio 31, 2018

Altere o teu CSS para este.



* {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



html, body {

	width: 100%;

	height: 100%;

	max-width: 100%;

	max-height: 100%;

}



body {

	background-color: #fff;

}

 

nav {

	width: 100%;

}

 

nav ul {

	background-color: #292929;

	height: 35px;

	width: 100%;

	align-items: center;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;

}



nav ul li {

	background-color: gray;

	border-radius: 15px;

	padding: 5px;

	margin: 3px;

	cursor: pointer;

}

 

.selected {

	font-color: red;

}

 

.made {

	bottom: 0%;

	right: 0%;

	position: fixed;

	padding: 10px;

	background-color: #141414;

	width: 100%;

	color: #fff;

	font-family: sans-serif;

}

 

.made p {

	display: inline;

}

 

.made i {

	display: inline;

}

Like + Resolvido?

Obrigado e Volte Sempre!

SnowRunescape · Maio 31, 2018

nav ul li {

background-color: gray;

border-radius: 15px;

padding: 5px;

margin: 3px;

cursor: pointer;

}

body {

left: 0%;

margin:-16px 0px 0px 0px;

}

nav ul {

background-color: darkblue;

height: 35px;

align-items: center;

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: center;

}

nav {

top: 0%;

left: 0%;

position: relative;

}

.selected {

font-color: red;

}

.made p {

display: inline;

}

.made i {

display: inline;

}

.made {

right: 1px;

bottom: 1px;

position: fixed;

}

Usa esse CSS... de nada

gmoehra · Maio 31, 2018

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.

Atenciosamente,
Gamer's Board

Entrar

resolvido Pagina com espaço em branco

Pergunta

cailir

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

gmoehra

Link para o comentário

Compartilhar em outros sites

SnowRunescape

Link para o comentário

Compartilhar em outros sites

gmoehra

Link para o comentário

Compartilhar em outros sites

Conteúdo Similar

Popular Agora

Quem está navegando 0 membros estão online

Equipe