CSS nie działa! W czym tkwi problem?

pytanie zadane 24 lipca 2016 w HTML i CSS przez 123skiper Bywalec (2,170 p.)
edycja 24 lipca 2016 przez 123skiper

Podłączyłem do pliku dwa pliki CSS pierwszy działa poprawnie, ale drugi już nie. Na innych podstronach serwisu gdy podpinam tym samym sposobem wszystko działa bez problemów.

Plik profile.css (te tagi span są błędem forum, nie bierzcie ich pod uwagę )

#u1
{
	border: solid 2px #EDEDED;
	border-right: solid 2px #EDEDED;
	float: left;
	width: 150px;
	height: 151px;
	padding: 24px;
}

#u2
{
	border: solid 1px #EDEDED;
	float: left;
}

#utop
{
	height: 203px;
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #EDEDED;
	background-color: #DD1111;
	color: #FFEDED;
}

#u3
{
	border: solid 2px #EDEDED;
	width: 780px;
	height: 80px;
	padding: 8px;
	font-size: 62px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

#u4
{
	border: solid 2px #EDEDED;
	width: 776px;
	height: 27px;
	padding: 10px;
	font-size: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

#u5
{
	border: solid 2px #EDEDED;
	width: 776px;
	height: 27px;
	padding: 10px;
	font-size: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;	
}

#uicoimg
{
	width: 150px;
	height: 150px;
	background-color: #EDEDED;
	border-radius: 10px;
}

Plik profile.php

<!DOCTYPE HTML>

<?php

	session_start();
	if(!isset($_GET['user']))
	{
		if($_SESSION['userid'])
		{
			$id = $_SESSION['userid'];
		}
		else
		{
			header("Location: wyszukaj-profil");
		}
	}
	else
	{
		$id = $_GET['user'];
	}

?>

<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Konto - Tego nie wiedziałeś!</title>
	<meta name="description" content="Opis strony"/>
	<meta name="keywords" content="Słowa kluczowe" />
	<meta name="Robots" content="index" />
	<meta http-equ"X-UA-Compatibile" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link rel="stylesheet" href="profile.css" type="text/css" />
	<link rel="icon" href="res/logo.png"/>
	<link href='http://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/fontello.css" type="text/css" />
	
	<script  src="https://code.jquery.com/jquery-3.0.0.min.js"></script>										<!-- JQuery -->
	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>											<!-- JQuery -->
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">	<!-- JQuery -->
	
	<?php

		require_once "connect.php";
		$polaczenie = @new mysqli($db_host, $db_user, $db_password, $db_name);	

		if($polaczenie->connect_errno!=0)
		{
			echo "<center><h2 style=\"color: red;\">Przepraszamy, wystąpił błąd bołączenia z bazą danych. Prosimy spróbować później. Kod błędu: ".$polaczenie->connect_errno."</h2></center><br/><br/>";
		}
		else
		{
			$zapytanie = 'SELECT id, nick, nickv, email, data, ikona FROM konta WHERE id="'.$id.'"';
			$rezultat = $polaczenie->query($zapytanie);
			if($polaczenie->connect_errno!=0)
			{
				echo "<center><h2 style=\"color: red;\">Przepraszamy, wystąpił błąd bołączenia z bazą danych. Prosimy spróbować później. Kod błędu: ".$polaczenie->connect_errno."</h2></center><br/><br/>";
			}
			else
			{
				$dane = $rezultat->fetch_assoc();
				$nick = $dane['nick'];
				$nickv = $dane['nickv'];
				$email = $dane['email'];
				$data = $dane['data'];
				$ikona = $dane['ikona'];
			}
		}
		
		echo "<center>Reklama</center>"
	?>
	
</head>
<body>
	<?php
		
		$strona = "profile.php";
		require_once "menu.php";
		
	?>
	<div id="pudlo">
		<div id="zawartosc">
			<h1 id="tytul">Przegląd profilu</h1>
				
			<div id="utop">
				<div id="u1">
				<?php
					echo '<img src="res/ikony/'.$ikona.'" id="uicoimg"/>';
				?>
				</div>
				<div id="u2">
					<div id="u3">
					<?php
						echo '<a title="'.$nick.'">'.$nickv.'</a>';
					?>
					</div>
					<div id="u4">
					<?php
						echo 'Konto utworzone: '.$data;
					?>
					</div>
					<div id="u5">
					<?php
						echo 'Id użytkownika: '.$id;
						if($email!="")
						{
							echo ' | Email: '.$email;
						}
					?>
					</div>
				</div>
				<div style="clear: both"></div>
			</div>
				
		</div>
	</div>
	<div id="stopka">
		&copy 2016 Mikołaj Zabłocki | Wszelkie prawa zastrzerzone
	</div>	
</body>
</html>

Bardzo dziękuję za wszystkie odpowiedzi

1 odpowiedź

odpowiedź 24 lipca 2016 przez MichuDev Pasjonat (20,300 p.)

To zamień

<span style="color:#696969">#u1
{
    border: solid 2px #EDEDED;
    border-right: solid 2px #EDEDED;
    float: left;
    width: 150px;
    height: 151px;
    padding: 24px;
}

Na to:

span[style="color:#696969"]#u1
{
    border: solid 2px #EDEDED;
    border-right: solid 2px #EDEDED;
    float: left;
    width: 150px;
    height: 151px;
    padding: 24px;
}

Poza tym w tagu link nie trzeba stosować type w HTML5, którego używasz.

1	komentarz 24 lipca 2016 przez 123skiper Bywalec (2,170 p.) Eee... To <span style="color:#696969"> nie ja pisałem. Pewnie zrobiło się gdy zadawałem pytanie :)