PHP, CSS. Dlaczego na początku stylizowania strony po zalogowaniu CSS mi działał a teraz nie?

odpowiedź 12 marca 2017 przez Filius Gaduła (4,120 p.)

może coś więcej podrzucisz np kod?

komentarz 12 marca 2017 przez Bartek997 Nowicjusz (140 p.)

To html

<!DOCTYPE HTML>
<html lang="pl">
<head>

	<link rel="shourtcut icon" href="img/Gepard.jpg"/>
	<meta charset="utf-8" />
	<meta name="Description" content="Serwis społecznościowy dla wszystkich Polaków oraz Hiszpanów a także dla całego świata. Rób wpisy z życia codziennego oraz wrzucaj zdjęcia, oceniaj, dodawaj do przyjaciół"/>
	<meta name="Keywords" content="Pantera, Gepard, Dla miłośników, Dla miłośników Motoryzacji, Dla miłośników Sportu, Dla miłośników Selfie, Dla miłośników News'ów, Dla miłośników Natury, Dla Reklam"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>Pantigrin - serwis społecznościowy</title>
	<link href="https://fonts.googleapis.com/css?family=Lato|Oswald" rel="stylesheet">
	<link rel="stylesheet" href="css/styleOutlook.css"/>
	<link rel="stylesheet" href="fontello-1c132f89/css/fontello.css"/>
	
</head>
<body>
	
	<div id="nav">
	
		<a href="gra.php"><div class="tile"><i class="icon-paper-plane"></i>Strona główna</div></a>
		<a href="graP.php"><div class="tile"><i class="icon-bell-alt"></i>Powiadomienia</div></a>
		<a href="graC.php"><div class="tile"><i class="icon-chat"></i>Chatting</div></a>
		
		<div id="pause"></div>
				
		<div class="tile"><input type="search" placeholder="Szukaj" /></div>
		
		<a href="graMP.php"><div class="tile"><i class="icon-user-o"></i>Mój profil</div></a>
		<a href="logout.php"><div class="tile"><i class="icon-off"></i>Wyloguj się</div></a>
	
	</div>
	<div style="clear:both;"></div>
	<div id="container">
	
		<div id="siedbar">
		
			<!--Tu będzię wyświetlane dane profilowe: zdjęcie profilowe oraz tło, Nick, liczba przyjaciół-->
			<div id="side-face">
			
				
			
			</div>
			<!--Tu znajdą się Informacje jakie są grupy propozycje dla uzytkownika(losowe grupy) ich nazwy z znakiem #-->
			<div id="Information-club">
			
				
			
			</div>
		
		</div>
		<!--Tu znajdować się będą wpisy różnych użytkowników-->
		<div id="content">
		
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam metus est, pellentesque non elementum et, facilisis et ligula. Aenean et cursus tortor. Morbi eget justo feugiat, rhoncus nisl in, egestas magna. Suspendisse dapibus lectus at ornare lacinia. Fusce sed tincidunt neque. Praesent condimentum gravida arcu ac porttitor. Mauris venenatis aliquet magna sit amet suscipit. Sed laoreet eros non leo blandit bibendum. Vestibulum id erat at neque egestas lacinia a a quam. Quisque et est vel metus suscipit venenatis.
			<br /><br />
			Phasellus fringilla risus eu molestie fermentum. Suspendisse mi mi, volutpat vel suscipit sed, maximus nec augue. Phasellus congue nibh et enim interdum, sed pellentesque elit convallis. Pellentesque quis tellus ut ex ornare semper. Nulla eu aliquet lectus. Nullam vitae pellentesque arcu. Cras id elementum odio.
			<br /><br />
			Proin diam est, consequat sit amet interdum ut, consectetur a lectus. Quisque porta, ex eget aliquam mollis, neque libero dignissim elit, ut faucibus nunc felis ac diam. Curabitur vehicula est id erat venenatis, vitae aliquam ex facilisis. Integer ligula nulla, bibendum quis sem in, accumsan dignissim ex. Phasellus eu commodo lorem. Praesent enim sapien, finibus vel imperdiet tempor, auctor eget est. Integer a ligula lacus. Etiam ac nibh eget dolor auctor congue. Aliquam non odio varius mi rutrum dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ullamcorper metus dolor.
			<br /><br />
			Proin porta velit id dui varius, eget dapibus lectus fermentum. Aenean rhoncus est ut pellentesque sagittis. Mauris et pulvinar orci. Nulla eleifend faucibus orci, vitae hendrerit justo euismod id. In eget ligula egestas, convallis dolor vitae, mollis nisl. Nunc auctor placerat ultrices. Aliquam id porta neque, vel semper magna. Donec sit amet lorem et ex mattis dignissim. Vestibulum eu lacus id massa venenatis tempor scelerisque et justo. Pellentesque imperdiet eu nisi ac interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer fermentum finibus nibh a vulputate. Quisque scelerisque turpis urna, et ultrices odio commodo at. Quisque scelerisque, urna id fermentum maximus, ante orci tincidunt urna, eu consequat eros velit at erat. Donec lobortis enim vitae rhoncus sagittis. Curabitur fermentum dapibus dolor quis dignissim.
			<br /><br />
			Nunc eget metus ultrices, rhoncus urna convallis, dignissim nulla. Pellentesque in viverra ex. Praesent diam arcu, molestie in egestas at, mattis id quam. Aliquam erat volutpat. Fusce sit amet lectus non augue dapibus posuere. Integer gravida magna sit amet pellentesque faucibus. Suspendisse vestibulum interdum est, tempor consequat arcu ornare et. Suspendisse in ante leo. Cras vel enim ligula. Maecenas sed sem suscipit, vehicula dolor in, viverra tellus.</p>
		
		</div>
		<!--Tu będą propozycje prawdopodobnie znanych ludzi i copy right Pantigrin-->
		<div id="aside">
		
			
		
		</div>
		<div style="clear:both;"></div>
	
			<script src="JS/jquery-3.1.1.min.js"></script>
		
			<script>

			$(document).ready(function() {
			var NavY = $('#nav').offset().top;
			 
			var stickyNav = function(){
			var ScrollY = $(window).scrollTop();
				  
			if (ScrollY > NavY) { 
				$('#nav').addClass('sticky');
			} else {
				$('#nav').removeClass('sticky'); 
			}
			};
			 
			stickyNav();
			 
			$(window).scroll(function() {
				stickyNav();
			});
			});
			
		</script>
	
	</div>	

</body>
</html>

To css

body
{
	/* Background pattern from Subtle Patterns */
	background-image: url(../img/asanoha.png);
	font-family: 'Lato', sans-serif;
	margin: 0!important;
}

#nav
{
	width:97%;
	height: 20px;
	padding: 1.5%;
	background-color: #e6e600;
	color: #000;
	border-bottom: 1px solid #b3b300;
}

.tile
{
	float:left;
	border-right: 1px solid #1a1a1a;
	border-left: 1px solid #1a1a1a;
	padding: 0 8px;
	height: 30px;
	text-align: center;
	color: #ffffff;
}

#pause
{
	float:left;
	background-color: #e6e600;
	color: #e6e600;
	width: 407.5px;
	height: 1px;
}

.tile:hover
{
	color: #000000;
}

a.tile
{
	text-decoration: none;
	diplay: block;
}

#siedbar
{
	float:left;
	width: 140px;
	background-color: #fff;
	border: 1px solid #000;	
}

#content
{
	float:left;
	width: 1000px;
	text-align: center;
}

#aside
{
	float:left;
	width: 140px;
}

To fontello

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?18414041');
  src: url('../font/fontello.eot?18414041#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?18414041') format('woff2'),
       url('../font/fontello.woff?18414041') format('woff'),
       url('../font/fontello.ttf?18414041') format('truetype'),
       url('../font/fontello.svg?18414041#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?18414041#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-chat:before { content: '\e800'; color: #fff;} /* '' */
.icon-user-add:before { content: '\e801'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-camera:before { content: '\e803'; } /* '' */
.icon-star:before { content: '\e804'; } /* '' */
.icon-comment:before { content: '\e808'; } /* '' */
.icon-off:before { content: '\e809'; color: #fff;} /* '' */
.icon-bell-alt:before { content: '\f0f3'; color:#fff;} /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-pound:before { content: '\f154'; } /* '' */
.icon-dollar:before { content: '\f155'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; color:#fff;} /* '' */
.icon-user-o:before { content: '\f2c0'; color:#fff;} /* '' */

Daje bez kodu php

komentarz 12 marca 2017 przez Filius Gaduła (4,120 p.)

linijke 14 mozesz zmienic na

<link rel="stylesheet" href="/css/styleOutlook.css"/>

i jeśli masz plik o nazwie styleOutlook.css w folderze css to musi działać