CSS class, ill id nem működik
Az oldalam vázlatos felépítése a következő:
itt a szerkesztőben szétcsúszott néhol a kód, de nem tudom, hogy tudnám normálisan megjeleníteni, a túl hosszú sorokat furcsán tördeli ez a szerkesztő. Próbáltam csak a szükséges részeket kiszedni. A honlap amúgy az itt van. Még meglehetősen kezdetleges :P
A kérdéseim: 1. a divek formázásánál idt használok, amik működnek is, azonban meg akarom jelölni az éppen aktív menüt más színnel. Ha ezt megpróbálom CSSben idvel vagy classal, nem működik. Itt van, hogy hogyan próbáltam eddig:
html:
illetve
css:
és ugyanezeket #aktivval is, a htmlben mindig a megfelelő tulajdonságot használtam (class/id)
Meg tudjátok mondani, hogy hol hibáztam?
■ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="stil.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="lap">
<div id="fent">
<div id="fejlec">
</div>
<div id="fomenu">
<ul>
<li>
<a href="index.php?fomenu=bundeslander">
<?php
if ($fomenu=="bundeslander"){
echo "<strong>";
}else{
echo "";
}
?>
Bundesländer
<?php
if ($fomenu=="bundeslander"){
echo "</strong>";
}else{
echo "";
}
?>
</a>
</li>
<li>
További menüpontok ...
</li>
</ul>
</div> <!-- fomenu bezár -->
</div> <!-- fent bezár -->
<div id="kozep">
<div id="almenu">
<?php
if ($fomenu=="bundeslander"){
?>
<ul><strong>Bundesländer</strong>
<li>
<a href="index.php?fomenu=bundeslander& navmenu=berlin">Berlin</a>
</li>
<li>További almenük...</li>
</ul>
<?php
}
?>
</div> <!-- almenu vége -->
<div id="tartalom">
<?php
if ($_GET['fomenu']=="bundeslander"){
if ($_GET['navmenu']=="blander_startseite"){
include "bundeslander/blander_startseite.php";break;
}
if ($_GET['navmenu']=="berlin"){
include "bundeslander/berlin/berlin.php";break;
}
további includeok az almenük függvényében...
}
további includeok a főmenük függvényében...
?>
</div> <!-- tartalom vége -->
</div> <!--kozep vége -->
<div id="lent">
lent
</div> <!-- lent vége -->
</div> <!--lap vége -->
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="stil.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="lap">
<div id="fent">
<div id="fejlec">
</div>
<div id="fomenu">
<ul>
<li>
<a href="index.php?fomenu=bundeslander">
<?php
if ($fomenu=="bundeslander"){
echo "<strong>";
}else{
echo "";
}
?>
Bundesländer
<?php
if ($fomenu=="bundeslander"){
echo "</strong>";
}else{
echo "";
}
?>
</a>
</li>
<li>
További menüpontok ...
</li>
</ul>
</div> <!-- fomenu bezár -->
</div> <!-- fent bezár -->
<div id="kozep">
<div id="almenu">
<?php
if ($fomenu=="bundeslander"){
?>
<ul><strong>Bundesländer</strong>
<li>
<a href="index.php?fomenu=bundeslander& navmenu=berlin">Berlin</a>
</li>
<li>További almenük...</li>
</ul>
<?php
}
?>
</div> <!-- almenu vége -->
<div id="tartalom">
<?php
if ($_GET['fomenu']=="bundeslander"){
if ($_GET['navmenu']=="blander_startseite"){
include "bundeslander/blander_startseite.php";break;
}
if ($_GET['navmenu']=="berlin"){
include "bundeslander/berlin/berlin.php";break;
}
további includeok az almenük függvényében...
}
további includeok a főmenük függvényében...
?>
</div> <!-- tartalom vége -->
</div> <!--kozep vége -->
<div id="lent">
lent
</div> <!-- lent vége -->
</div> <!--lap vége -->
</body>
</html>
itt a szerkesztőben szétcsúszott néhol a kód, de nem tudom, hogy tudnám normálisan megjeleníteni, a túl hosszú sorokat furcsán tördeli ez a szerkesztő. Próbáltam csak a szükséges részeket kiszedni. A honlap amúgy az itt van. Még meglehetősen kezdetleges :P
A kérdéseim: 1. a divek formázásánál idt használok, amik működnek is, azonban meg akarom jelölni az éppen aktív menüt más színnel. Ha ezt megpróbálom CSSben idvel vagy classal, nem működik. Itt van, hogy hogyan próbáltam eddig:
html:
<a id="aktiv" href="index.php?fomenu=bundeslander">illetve
<a class="aktiv" href="index.php?fomenu=bundeslander">css:
a.aktiv{
color: #990011;
}
.aktiv{
color: #990011;
}
#fomenu ul li a.aktiv{
color: #990011;
}
color: #990011;
}
.aktiv{
color: #990011;
}
#fomenu ul li a.aktiv{
color: #990011;
}
és ugyanezeket #aktivval is, a htmlben mindig a megfelelő tulajdonságot használtam (class/id)
Meg tudjátok mondani, hogy hol hibáztam?
bocsi, de en nem tudom
specifikusság, sorrend
Plusz ilyen felüldefiniáláskor érdemes a sorrendre is figyelni.
Ez egy jópofa oldal ahol megértheted a dolgot:
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
ránézek
Jano: köszi, rálesek
Azóta sikerült megcsinálni. Köszi! Aranyosak a dwaderes meg stormtrooperes magyarázó ábrák, ajánlom mindenkinek. Amúgy olvasás közben leesett, hogy ez majdnem szóról szóra benne volt egy itteni css leírásban is, de nem tulajdonítottam neki jelentőséget, azt hittem, ha adok 1 osztálynevet, annak működnie kell mindenképp.