Positionierung von Navigationselementen via css ???

[Marco]

Hallo Forumuser,

mir wurde heute vormittag schon auf eine andere Frage geholfen, leider hätte ich mit der gleichen Seite noch eine andere Frage..

http://www.doriszollner.at/

Und zwar:

Die kleinen Pfeilicons in der Hauptnavigation am oberen Ende der Seite zu sehen sind kann ich leider im Quelltext nicht zuordnen. Die selben Pfeile welche vor "zu den Rezepten", "Speiseplan" oder "mehr dazu stehen, sind in der .css deklariert und werden dann nur eingebunden.
Leider kann ich diese Technik bei der Hauptnavigation nicht finden. Also kurz und gut: Wie kommen diese kleinen Icons vor "Start", "Termin & Beratung", usw.

Vielen Dank für die Hilfe

Gruß Marco

[Ashura]

Hallo Marco.

mir wurde heute vormittag schon auf eine andere Frage geholfen, leider hätte ich mit der gleichen Seite noch eine andere Frage..

Warum stellst du diese dann nicht in diesem Thread?

Leider kann ich diese Technik bei der Hauptnavigation nicht finden. Also kurz und gut: Wie kommen diese kleinen Icons vor "Start", "Termin & Beratung", usw.

Und wieder hilft ein Blick ins Stylesheet der Site:

#TabelleNavigation a { background-image: url([link:http://www.doriszollner.at/media/media_css/pfeil.gif@title=media/media_css/pfeil.gif]); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; padding-right: 3px; padding-left: 15px }

Sollten noch weitere Unklarheiten bzgl. des Stylesheets aufkommen, solltest du diese bitte in deinem ersten Thread stellen.

Einen schönen Sonntag noch.

Gruß, Ashura

[Marco]

Vielen Dank für die Antworten.

Hatte tatsächlich die Frage schon in dem anderen thread eingegeben, habe mich dann aber aufgrund der Überschrift und des anderen Themas (HTML/ CSS) dagegen entschieden.

Bessere mich beim nächsten mal..

Vielen Dank Gruß Marco

[Marco]

Also wie versprochen im alten thread..

peile es leider immer noch nicht.
fogender Zeile
<p><a class="rechts" href="/news/news_sporternaehrung.php">mehr dazu...</a></p>

setzt vor "mehr dazu" durch class="rechts" das besagte Pfeilchen. Aber dieser Pfeil wird doch nur an den Stellen aktiv, in welchen man die entrprechende Klasse in diesem Fall .rechts aufruft.

Aber eben diesen Aufruf kann ich in der Navigation nicht finden. Hier wird doch nur über id das Individualformat id="TabelleNavigation"
aufgerufen und eben nicht .rechts.

wahrscheinlich habe ich irgendwo nen Denkfehler oder ebend ne Wissenslücke, vielleicht beides :-(

Vielleicht kann es mir ja jemand erklären...

VG Marco

[Orlando]

Hallo Marco,

<p><a class="rechts" href="/news/news_sporternaehrung.php">mehr dazu...</a></p>

setzt vor "mehr dazu" durch class="rechts" das besagte Pfeilchen. Aber dieser Pfeil wird doch nur an den Stellen aktiv, in welchen man die entrprechende Klasse in diesem Fall .rechts aufruft.

Korrekt.

Aber eben diesen Aufruf kann ich in der Navigation nicht finden. Hier wird doch nur über id das Individualformat id="TabelleNavigation"
aufgerufen und eben nicht .rechts.

Auch korrekt.

wahrscheinlich habe ich irgendwo nen Denkfehler oder ebend ne Wissenslücke, vielleicht beides :-(

Eingefügt wird der Pfeil mit den passenden Selektoren:

Formate für verschachtelte HTML-Elemente definieren
Individualformate definieren

Grüße
 Roland

[Marco]

Das wusste ich noch nicht, werde ich gleich mal nachlesen. Auf jeden Fall vielen Dank und noch nen schönen Sonntag.

Gruß Marco

[Orlando]

Hallo Marco,

http://www.doriszollner.at/

Die kleinen Pfeilicons in der Hauptnavigation am oberen Ende der Seite zu sehen sind kann ich leider im Quelltext nicht zuordnen.

#TabelleNavigation a {  
  [link:http://de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_image@title=background-image]:url([link:http://www.doriszollner.at/media/media_css/pfeil.gif@title=media/media_css/pfeil.gif]);  
  [link:http://de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_repeat@title=background-repeat]:no-repeat;  
  [link:http://de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_attachment@title=background-attachment]:scroll;  
  [link:http://de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_position@title=background-position]:0 50%;  
  [link:http://de.selfhtml.org//css/eigenschaften/innenabstand.htm#padding_right@title=padding-right]:3px;  
  [link:http://de.selfhtml.org//css/eigenschaften/innenabstand.htm#padding_left@title=padding-left]:15px  
}

Grüße
 Roland