separator steht nicht im Code ist aber da

[sonntagssegler]

Hallo,

ich verstehe in folgender Seite etwas nicht
(es ist ein Joomla Template):
Welcome to the Frontpage

Die senkrechten Separatoren im horizontalen Menü oben besitzen laut Web-Developper den CSS-Stil:

.nav .separator (line 767)
{
display: block;
width: 1px;
height: 26px;
background-image: url(images/item-separator.png);
}

Es gibt aber zwischen den li-Elementen des Menüs nix dazwischen und das Wort separator kommt im gesamten Quelltext der Seite kein einziges Mal vor.
Im Web-Developper wird im Zwischenraum ein <span> Element der Klasse .separator angezeigt. Im Quellcode steht das Element nicht.

Wie funktioniert das?

sonntagssegler

 

[Tar]

Bei mir kommt das Wort separator sehr wohl im Quelltext vor (Firefox 3.0.8). Wenn es nicht da wäre könnte da auch kein Absatz ist, oder kannst du einen Apfel sehen, den es gar nicht gibt?

 

[sonntagssegler]

Bei mir kommt das Wort separator sehr wohl im Quelltext vor (Firefox 3.0.8).

Du hast da nicht "richtig" gesucht.;)
separator kommt nur als Namensbestandteil von anderen Klassennamen a la
class="content_separator", aber darum geht es mir hier nicht.
[Ubuntu 8.10, Firefox 3.08 --> Quelltext anzeigen-> Seite durchsuchen]

Mein "Problem" mal etwas genauer beschrieben:
Das besagte Listenmenü hat die Form
<ul class="menu">
<li><a><span><span></span></span></<a></li>
<li><a><span><span></span></span></<a></li>
</ul>

Ich sehe da kein class="separator" irgendwo im Text.
Wenn man im Web-Developper die CSS-Style anzeigen lässt, zeigt WD für die Zwischenräume (senkrechten Trenner) etwas in dieser Form an:
....u .menu > li > span .separator

Es gibt auch eine dazu passende Style -Definition im Stylesheet.
(Wird ja auch angezeigt mit passender Background-Grafik.)
Nur im Text finde ich da nichts wie <span class="separator">
hinter jedem <li> kommt sofort das <a>-Tag.
Gibt es irgendwelche Automatismen zu Separatoren in Listen in xhtml1.0?
[oder bin ich doof? :( ]

Gruss sonntagssegler

 

[neuroleptika]

Der Web-Developper zeigt das gesamte css an.
Auch wenn es die Klasse im html nicht gibt.

Verwende zur Fehlersuche besser firebug.
Firebug zeigt auch an in welcher css-Datei die Klasse definiert wurde.