[Erledigt] HTML Code für Navigation / Linkanzeige

Hallo Forum,

ich bin gerade daran ein Projekt auf Pro Web zu übernehmen. Mit dem Flex-Editor konnte ich auch praktisch alle Wünsche umsetzen.

Nun hätte ich gerne auf der Startseite im Style der Navigation zwei Links platziert. Als Platzhalter sind auf der Startseite im Moment zwei Aktionsbuttons eingesetzt. Dies sollen nun den Style der Navigation wie z.B. die Seite Organisation erhalten. So wären für den User keine optischen Differenzen sichtbar obwohl es sich hier nicht um die eigentliche Navigation handelt.

Meine Kenntnisse im Coding sind leider sehr bescheiden  Falls jemand eine Idee hat bin ich auch gerne bereit etwas dafür auszugeben.

Gruss Claudio

Hi,

das sollte mit einem HTML-Absatz (HTML-Clip) gehen:

<div id="navleft">
  <ul class="ngpluginnavigationflyout">
    <li>
      <a href="content/organisation/programm/index.html">Programme</a>
    </li>
    <li>
      <a href="common/info/absenzen.html">Absenzen</a>
    </li>
  </ul>
</div>

 Ich habe es nicht getestet ... Aber so würde ich vorgehen !

Bis die Tage !

Danke für den Input. Ich habe es eingebaut und es sieht schon sehr gut aus . Meine Idee ist verstanden

Kann ich die Schrift (Farbe und Grösse) noch irgendwie beeinflussen??

Natürlich!

Die Option "Element untersuchen", zu finden im Rechtsklick-Menü eines jeden modernen Browsers, wird Dir helfen die nötigen CSS-Befehle wunschgemäß zu ändern bzw. hinzuzufügen.

klar ... und, das kommt dann raus:

in Datei --> Website-Eigenschaften --> Reiter HTML --> head, einfügen: bzw. im Eigenschaften-Fenster der Startseite !

<style type="text/css">
 
#navleft ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#navleft a:hover {
    text-decoration: none;
}
#navleft a {
    color: #ffffff;
    display: block;
    font: 14px Verdana,Geneva,sans-serif;
    padding: 10px;
    text-decoration: none;
    text-transform: none;
}
#navleft li li > a {
    color: #000000;
    font: 12px Tahoma,Verdana,Segoe,sans-serif;
    text-transform: none;
}
#navleft li.active, #navleft li.active > a {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
}
#navleft li:hover, #navleft li:hover > a {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
}
#navleft li li:hover, #navleft li li:hover > a {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #000000;
}
#navleft > ul li {
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
}
#navleft > ul > li {
    border-top: 1px solid #ffffff;
}
#navleft > ul > li:first-child {
    border-top: 0 none;
}
#navleft > ul ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    left: -9999px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 220px;
    z-index: 1000;
}
#navleft > ul > li ul {
    top: -1px;
}
#navleft > ul li:hover > ul {
    left: 100%;
}
 
</style>

 Bye

Ich danke Euch für die Tipps beziehungsweise den Code. Top Ergebnis .

@ Volker: Der Browser gibt die gewünschten Informationen her, nur leider weiss ich nichts damit anzufangen

Einen guten Rutsch ins kommende Jahr!!

... dir auch ein guter Rutsch !

Kleiner Hinweis zu deiner Startseite:

Beim Link Startseite (eigentlich überflüssig ) - solltest du bei href="#" eintragen od. den absoluten Pfad: href="http://www.tscharner-feldis.ch/test_1/", sonst wirst du eine kleine Überraschung erleben.

Versuche es mal aus: klicke auf das von Dir hinzugefügte "Startseite", und dann auf eines der anderen Links ... Es wird nicht mehr gehen, weil deine Verlinkung (href="content/index.html") programmintern, content sozusagen doppelt hinzufügt - kannst du in der Adresszeile des Browsers verfolgen... Dann stimmen die Pfade nicht mehr ...

Dir ebenfalls noch ein guter Rutsch !

Danke für den Hinweis. Ich habe die Startseite nur hinzugefügt weil bei allen anderen Seiten die Hauptseite oben drin ist. Ob ich das so belasse weiss ich noch nicht. Im Moment steht der Wert bei # weil ich die Seite noch auf einer Testumgebung habe. Daher habe ich auf die Lösung mit dem absoluten Wert verzichtet