Skocz do zawartości

Styl przypisany do div nie działa

wraq

Przez wraq
w HTML i CSS

Rekomendowane odpowiedzi

wraq Newbie

wraq

Opublikowano
Opublikowano

Zaczynam swoją przygodę z html i css. Robię prostą stronkę na zaliczenie i mam problem ze stopką. Styl zawarty w style.css nie jest wyświetlany przez stronę. Co może być tego przyczyną?

Index.html:

<!DOCTYPE html>
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="Stylesheet" href="style.css">
<title>Nanogenerator tryboelektryczny</title>
<meta name="Description" content="Opis urządzenia i jego zastosowania">
</head>
<body>
<div id="kontener">
<div id="logo">
<a href=="index.html"><img src="img/logo.png" alt="logo.png"></a>
</div>
<div id="menu">
<ul>
<li><a href="teng.html">TENG</a></li>
<li><a href="budowa.html">Budowa</a></li>
<li><a href="zasada.html">Zasada działania</a></li>
<li><a href="zastosowanie.html">Zastosowania</a></li>
</ul>
<div class="clear"></div>
</div>
<div id="tresc">
<p style="text-align: center">Strona poświęcona nanogeneratorowi tryboelektrycznemu</p>
<p><iframe style="display: block; margin: 0 auto" width="420" height="315" src="film" frameborder="0" allowfullscreen ></iframe></p>
</div>
<div id="stopka">
<p><a href="mailto:rakonesans@gmail.com">©WR</a></p>
<p>Nanotechnologia</p>
</div>
</div>
</body>
</html>
style.css:
body {
margin: 0;
padding: 0;
background-image: url("img/tlo.png");
color: black;
font-size: 12px;
font-family: Arial, Tahoma, sans-serif;
text-align: center;
}
a {
color: black;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.clear {
clear: both;
}
#kontener {
width: 800px;
margin: 5px auto;
text-align: left;
}
#logo {
text-align: center;
padding: 10px 0;
}
#menu {
background: #fea044;
margin 0;
padding: 0;
border: 1px solid #ff7e00;
}
#menu ul, #menu li{
list-style-type: none;
margin: 0;
padding: 0;
}
ul {
width: 800px;
margin: 0px auto;
}
#menu li {
float: left;
}
#menu a {
display: block;
padding: 5px 10px;
}
#menu a:hover {
background: #cb6400;
}
#tresc {
background: #3d3d3d;
padding: 10px;
border: 1px solid #ff7e00;
color: white;
text-align: justify;
#stopka {
background: #fea044;
text-align: center;
padding: 5px 0;
border: 1px solid #ff7e00;
}
Odnośnik do komentarza
Udostępnij na innych stronach
krzysiek_web Apprentice

krzysiek_web

Opublikowano
Opublikowano 
<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<title>HTML5</title>
	<link href="LINK DO CSS" rel="stylesheet">
	<!--[if lt IE 9]>
	<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>

</body>
</html>

Standardowy początek dokumentu HTML5

#tresc {
background: #3d3d3d;
padding: 10px;
border: 1px solid #ff7e00;
color: white;
text-align: justify;

Brak zamknięcia kontenera.

#tresc {
background: #3d3d3d;
padding: 10px;
border: 1px solid #ff7e00;
color: white;
text-align: justify;
}

Wdrożenia i modyfikacje sklepów PrestaShop - webKS.pl

Odnośnik do komentarza
Udostępnij na innych stronach
wraq Newbie

wraq

Opublikowano
  • Autor
Opublikowano

Brakuje znacznika "}" przy #treści. Działa, ale mam także pytanie w jaki sposób wyśordkować menu? Według jednego z poradników należy wstawić :


ul {
width: 800px;
margin: 0px auto;
}
oraz pozbyć się:

#menu li {
float: left;
}

Tylko, że wtedy menu nie jest w lini a w pionie.
Odnośnik do komentarza
Udostępnij na innych stronach
  • 2 tygodnie później...

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności