• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Margines który nie powinien istnieć, istenieje

Aruba Cloud - Virtual Private Server VPS
0 głosów
412 wizyt
pytanie zadane 28 kwietnia 2018 w HTML i CSS przez uszk Użytkownik (630 p.)

Witam, jestem w trakcie robienia strony, i pojawiła mi się przeszkoda, którą próbowalem obejść na milion różnych sposobów - zmiany w kodzie, 50 razy przeczytanie czy wszystko jest w porzadku etc.

Mianowicie mam margines który powoduje że moja strona ma nieestetycznie wyglądający scroll bar na dole strony, mam nadzieje, że ktos wie jak to naprawić lub w czym tkwi problem, z góry dziękuje za odpowiedź.

komentarz 28 kwietnia 2018 przez pablop76 VIP (123,540 p.)
body również zresetowane?

1 odpowiedź

0 głosów
odpowiedź 28 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)
pokaż cały kod HTML i CSS (głównie CSS) jeśli to nie jest problem
komentarz 28 kwietnia 2018 przez uszk Użytkownik (630 p.)

@PięćCzySześć,

<!DOCTYPE HTML>
<html lang="pl">
	
	<head>
		<title></title>
		<meta charset="utf-8"/>
		<meta name="description" content=""/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="keywords" content=""/>
		<link rel="stylesheet" href="style.css" type="text/css"/>
		<link rel="stylesheet" href="animate.css" type="text/css"/>
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">	
	</head>
	
	
	<body>
		<div id="site1">
			<nav id="nav" class="nav jackInTheBox animated">
				<ol>
					<li><a href="#">Home</a></li>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Domestic</a></li>
					<li><a href="#">Exhibitions</a></li>
					<li><a href="#">Commercial</a></li>
					<li><a href="#">Contact</a></li>
				</ol>
			</nav>
					
				<div id="intro">

					<h1  id="kop" class="kope fadeIn animated">
						Kope<span class="orange">Ltd</span>					
					</h1>
					<h2 id="text" class="exp fadeIn animated">
						Experience the <span class="orange">Power </span> of High quality connection<span class="orange">. </span>
					</h2>
				</div>		
		
	
		
		</div>
		<div id="site2">
			
				<header class="header1">
					About Us
				</header>
				<article class="article1">
			
				</article>
		</div>
		
	</body>
	
 
body {

    margin: 0px !important;
	background-color:black;
}

#site1
{
	height:100vh;
	width:100vw;
	margin: 0px !important;
	color:white;
	padding:0 !important;
}


h1
{
	letter-spacing:8px;
}

#intro
{
	font-family: 'Montserrat', sans-serif;
	width:100vw;
	text-align:center;
	padding-top:140px;
	font-size:72px;
	margin-bottom:0px;

}


.orange
{
	color:#ff471a;
}

.exp
{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:50px;
	-webkit-animation-delay:0.5s;		/*Po jakim czasie sie pojawi*/
}



#kop{
-webkit-animation-duration: 7s;
-moz-animation-duration: 7;

}

#text{
-webkit-animation-duration: 10s;
-moz-animation-duration: 10;
}
#nav
{
	-webkit-animation-delay:2.5s;
}


nav
{ 
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	width:95vw;
	padding: 10px ;
	background-color:#000000;
	text-align: center;
	height:40px;
}
 

ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 35px;
	line-height: 200%;
	display: inline-block;
}

ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

ol > li
{
	float: left;
	width: 150px;
	height: 40px;
	border-right: 1px solid #ff471a;
}

ol > li:first-child
{
	border-left: 1px solid #ff471a;
}

ol > li:hover
{
	background-color: #ff471a;;
}

ol > li:hover > a
{
	color: #000000;
}

#site2
{
	background-color:white;
	color:black;
	width:100vw;
	height:100vh;
}

.header1
{
	font-size:72px;
	text-align:center;

}

 

komentarz 29 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)
pierwsza rzecz jaka rzuciła mi się w oczy to brak zamknięcia html

poza tym polecam Ci te 2 strony

https://jigsaw.w3.org/css-validator/

https://validator.w3.org/

a ja teraz zabieram się do sprawdzania, dam znać najpóźniej jutro wieczorem
komentarz 29 kwietnia 2018 przez PięćCzySześć Użytkownik (770 p.)
dobra chyba znalazłem w CSS

dając właściwości nav (nie klasa czy tam ID tylko znacznik) masz ustawione 95vw... a jakbyś dał auto to byłoby źle? I ten padding tak jakby co

Podobne pytania

0 głosów
1 odpowiedź 167 wizyt
pytanie zadane 2 grudnia 2020 w HTML i CSS przez Mavert Nowicjusz (120 p.)
0 głosów
2 odpowiedzi 206 wizyt
pytanie zadane 5 czerwca 2020 w HTML i CSS przez WiktroH Mądrala (6,550 p.)
0 głosów
2 odpowiedzi 256 wizyt
pytanie zadane 26 września 2017 w HTML i CSS przez StanD Użytkownik (930 p.)

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,662 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...