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

Marginesy dodane przez Google Chrome

Object Storage Arubacloud
0 głosów
246 wizyt
pytanie zadane 2 maja 2017 w HTML i CSS przez Helmik Użytkownik (680 p.)

Witam, ostatnio stworzyłem prosty serwis internetowy, jednak wystąpił pewien problem, albowiem przeglądarka Google Chrome zmienia mi niektóre właściwości CSS, na przykład szerokości, marginesy, paddingi etc.. Używałem      !important, ale nie dawało to skutku. Może ktoś mi pomóc? kod CSS jest podany poniżej. Z góry dziękuję laugh

/* Background pattern from Subtle Patterns */

body{
	background-image: url("img/bg1.png");
	font-fa1mily: 'Oswald', sans-serif;
}

img{
	float: left;
	width: 250px;
	height: 250px;
	margin: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	
}

h1{
	font-size: 50px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
	
}

p{
	margin: 0;
}

a{
	text-decoration: none;
	color: #eee;
}

#header{
	font-size: 70px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	color: #006699;
	margin-top: 0px;
	
}

#nagl{
	color: #EE2222;
	
}

#content{
	width: 65%;
	margin-right: auto;
	text-align: justify;
	font-size: 23px;
	float: left;
	color: #eee;
	padding-bottom: 40px;
	
}

#contentt{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 80%!important;
	height: 400px;
		
}

#footer{
	float: left;
	text-align: center;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	color: #006699;
	
}

#line{
	background-color: #ccc; 
	height: 2px; 
	width: 450px;
	margin-bottom: 20px;
}

.redhover:hover{
	color: #EE2222;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

.bluehover:hover{
	color: #006699;
	cursor: pointer;
	transition: 500ms;
	padding-left: 30px;
	padding-right: 25px;
	
}

ol{
	float: right;
	list-style-type: none;
	font-weight: 700;
	font-size: 40px;
	color: #eee;
	padding-bottom: 0px!important;
	
}

ol > li{
	border-top: 2px solid #fff;
	padding: 15px 60px;
	padding-left: 15px;
	
}

ol > li:first-child{
	border: none;
	
}

 

1 odpowiedź

0 głosów
odpowiedź 2 maja 2017 przez jpacanowski VIP (101,940 p.)

Używaj normalize.css

http://blog.end3r.com/131/normalize-css-nie-resetuj-normalizuj/

font-fa1mily: 'Oswald', sans-serif;

Tak przy okazji, masz tu literówkę -> font-fa1mily

komentarz 2 maja 2017 przez Helmik Użytkownik (680 p.)
Dzięki :)
komentarz 2 maja 2017 przez Helmik Użytkownik (680 p.)

Jeszcze jedno, nie działają teraz, jak zresztą wcześniej też animacje elementów nawigacji. Pomożesz?

.redhover:hover{
	color: #EE2222;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

.bluehover:hover{
	color: #006699;
	cursor: pointer;
	transition: 500ms;
	margin-left: 15px;
	
}

 

komentarz 2 maja 2017 przez Helmik Użytkownik (680 p.)

Znaczy... nie działa, jak wrzucam na serwer, lokalnie jest wszystko w porządku. Sam zobacz http://robot-ostr.prv.pl/

Podobne pytania

0 głosów
3 odpowiedzi 1,505 wizyt
0 głosów
0 odpowiedzi 157 wizyt
0 głosów
0 odpowiedzi 267 wizyt

92,655 zapytań

141,545 odpowiedzi

319,979 komentarzy

62,024 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...