Ankündigung

Einklappen
Keine Ankündigung bisher.

Links hervorheben

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Links hervorheben

    Hallo

    Ich glaube, ich habe gerade einen Filmriss. Ich möchte eine Navigation erstellen, die folgendermassen aussehen sollte:

    Standardlinks (link): Schwarz und Schriftgrösse Standard
    Beim Drüberfahren (hover): Andere Farbe und Schriftgrösse Fett
    Wenn gedrückt (active?): Die gleiche Farbe wie beim Drüberfahren (Hover) und Fett

    Wenn der nächste Link angeklickt wird, sollte der vorige wieder die Standardformatierung (link) zurück erhalten und nicht auf Fett und andere Farbe bleiben, also nur der aktuell angewählte Link sollte hervorgehoben werden.

    Das sollte doch so aussehen?

    a:link {font-wight:normal; color: black;}
    a:hover {font-weight:bold; color: red;}
    a:active {font-weight:bold; color: red;}

    Die Links sind standardmässig wie bei a:link. Wenn ich mit der Maus drüber fahre, sind sie dann wie bei a:hover, aber wenn ich drauf klicke, sind sie wieder wie bei a:link.

    Irgendwie peinlich, aber es will einfach nicht klappen.

    Vielen Dank für Eure Hilfe und Gruss
    Day-Walker

  • #2
    Meinst du das so ungefähr
    https://codepen.io/basti1012/pen/oPKGvB
    Mein (Basti1012) Forum und Chat

    Kommentar


    • #3
      Hallo basti1012

      Ja genau, so sollte es aussehen, nur das die Navigation nicht horizontal ist, sondern vertikal. Aber ich denke, dass kann ich aus dem Beispiel ableiten.

      Vielen Dank und Gruss
      Day-Walker

      Kommentar


      • #4
        Hallo

        Ich brauche nochmals Eure Hilfe. Irgendwie klappt es bei mir noch nicht.

        Hier mal der Codeausschnitt.

        <style>
        .nav_haupt_a :hover, a:focus,a:active {
        font-weight: bold;
        color: red;
        }
        </style>

        <nav class="nav_haupt">
        <ul class="nav_haupt_ul">
        <li class="nav_haupt_li"><a class="nav_haupt_a" href="./index.php" title="Startseite" target="_parent">Startseite</a>
        </li>
        </nav>

        Das einzige was funktioniert, ist, wenn man draufklickt, wird der Text rot, aber er bleibt nicht rot.

        Wahrscheinlich mach ich da einen Überlegungsfehler.

        Nochmals vielen Dank für Eure Hilfe.

        Day-Walker
        Zuletzt geändert von Day-Walker; 29.09.2018, 15:13.

        Kommentar


        • #5
          Hi,
          müsste es nicht heissen:
          Code:
          .nav_haupt a:hover, .nav_haupt a:focus,.nav_haupt a:active
          oder wann soll es denn rot sein? nur beim hover oder auch beim active?

          Kommentar


          • #6
            Hallo ARS

            Es sollte beim Hover und beim Active rot sein.

            Gruss Day-Walker

            Kommentar


            • #7
              verstehe ich nicht so ganz , weil funktioniert doch soweit.
              Zeig doch mal den ganzen code
              https://codepen.io/basti1012/pen/ZqGYma

              In meinen Code von post2 funktioniert das auch?
              Mein (Basti1012) Forum und Chat

              Kommentar


              • #8
                Hallo basti1012

                Ich verstehe es auch nicht.

                Folgendes ist evtl. noch wichtig zu wissen:

                Die Navigation wird auf der jeweiligen Seite folgendermassen aufgerufen:

                <?php require( "./config/navigation.php" );?>

                Es gibt noch zwei externe CSS Files:

                <link href="css/flex.css" rel="stylesheet" type="text/css">
                <link href="css/basis.css" rel="stylesheet" type="text/css">


                Hier mal der ganze Code (der Navigation).

                <style>
                @media only screen and (min-width: 800px) {
                .nav_haupt {
                padding: 0.5rem;
                margin: 0.5rem 0rem 0rem 0rem;
                }
                .nav_haupt_ul {
                list-style-type: none;
                }
                .nav_haupt_a:hover, .nav_haupt_a:focus, .nav_haupt_a:active {
                font-weight: bold;
                color: #CA705A;
                }
                }

                @media only screen and (max-width: 800px) {
                .nav_haupt_li {
                font-size: 150%;
                }
                }
                </style>
                <nav class="nav_haupt">
                <ul class="nav_haupt_ul">
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./index.php" title="Startseite" target="_parent">Startseite</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./standorte.php" title="Unsere Standorte" target="_parent">Unsere Standorte</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./heute.php" title="Heutige Standorte" target="_parent">Heutige Standorte</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./aktuell.php" title="Aktuell" target="_parent">Aktuell</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./angebote.php" title="Unser Angebote" target="_parent">Angebote</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./grillmeister.php" title="Unsere Grillmeister" target="_parent">Grillmeister</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./party.php" title="Party &amp Fest Service" target="_parent">Party &amp; Feste </a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./qualitaet.php" title="Qualit&auml;tsgarantie" target="_parent">Qualit&auml;tsgarantie</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./galerie.php" title="Galerien" target="_parent">Galerien</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./stelle.php" title="Stellenangebot" target="_parent">Stellenangebot</a>
                </li>
                <li class="nav_haupt_li"><a class="nav_haupt_a" href="./kontakt.php" title="Kontakt Zentrale" target="_parent">Kontakt Zentrale</a>
                </li>
                </ul>
                </nav>


                Wenn ich drüber fahre wird der Text und nimmt die andere Farbe an. Aber wenn ich drauf klicke, ist wieder der Standard sichtbar.
                Komischerweise im Dreamweaver (auf der Livesicht) funktioniert es.

                Gruss Day-Walker
                Zuletzt geändert von Day-Walker; 01.10.2018, 17:41.

                Kommentar

                Die neuesten Themen

                Einklappen

                • arnego2
                  Antwort auf Wer kann mir diese Homepage bauen?
                  Je nach Version Ja, Standort Vorteil.
                  Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
                  Gestern, 20:48
                • Testie
                  Antwort auf Wer kann mir diese Homepage bauen?
                  180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
                  Gestern, 19:51
                • arnego2
                  Antwort auf Wer kann mir diese Homepage bauen?
                  Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
                  Gestern, 14:41
                • Ramsauer27
                  Antwort auf Wer kann mir diese Homepage bauen?
                  1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
                  2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
                  3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
                  Gestern, 10:04
                • Andre1
                  Antwort auf Wetter App funktioniert nicht mehr
                  Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

                  Liebe Grüße
                  Andre
                  18.01.2019, 23:33

                Kostenlose Homepage bei Jimdo!

                Einklappen

                Jimdo

                Die neuesten Beiträge

                Einklappen

                • Ramsauer27
                  Wer kann mir diese Homepage bauen?
                  Hallo Leute!

                  Ich brauche eure Hilfe. Ich brauche jemanden der mir eine Homepage bauen kann die folgendes macht, da ich mich selbst damit einfach 0 auskenne.
                  Ich erstelle ein Video Trainings Kurs den Ich über E-Commerce verkaufe.

                  Dazu brauche Ich:
                  1. Plattform...
                  18.01.2019, 20:14
                • arnego2
                  Antwort auf Wer kann mir diese Homepage bauen?
                  Je nach Version Ja, Standort Vorteil.
                  Sollte er allerdings die Shopping cart Variante haben wollen wird es teurer....
                  Gestern, 20:48
                • Testie
                  Antwort auf Wer kann mir diese Homepage bauen?
                  180€ für eine Webseite mit 18 Unterseiten so wie es der Kunde wünscht? really?
                  Gestern, 19:51
                • arnego2
                  Antwort auf Wer kann mir diese Homepage bauen?
                  Du kannst völlig umsonst eine Webseite bauen oder zusammenstellen es gibt hunderte von Angeboten zum selber machen die sogar das Domain oder ein Subdomain mit einschließen. Nur sollte man sein Geschäft (wenn es den eins werden wird) nicht auf billig aufbauen. Nach etwas aussehen muss eine Webseite...
                  Gestern, 14:41
                • Ramsauer27
                  Antwort auf Wer kann mir diese Homepage bauen?
                  1. Die Videos sind meine eigene, wurden von mir erstellt. Server muss ich mir erst anschauen.
                  2. Ja damit meine ich das er Zugriff zu den Kontent bekommt für den er bezahlt hat. Direkt nach der Bezahlung.
                  3. Das eine was auf der Seite auffindbar ist der Free Kontent. Nachdem Sie bezahlt...
                  Gestern, 10:04
                • Andre1
                  Wetter App funktioniert nicht mehr
                  Hallo an alle,

                  ich habe seit ca. 3 tagen meinen Laptop erneuern müssen. Nachdem er dann die neuen Updates gemachte hatte (Windows 10, Version 1809) ging meine Wetter App nicht mehr richtig. Die zeigt zwar im "Vollfenster" die richtige Stadt an aber im Startmenü nur Berlin, egal...
                  10.01.2019, 21:08
                • Andre1
                  Antwort auf Wetter App funktioniert nicht mehr
                  Nein das ist die Standard MSN App. Also die, welche vom Anfang an drauf war, ist.

                  Liebe Grüße
                  Andre
                  18.01.2019, 23:33
                • arnego2
                  Antwort auf Wetter App funktioniert nicht mehr
                  Nun das es sich um die Wetter app dreht ist klar, gibt es nur eine davon oder 25 000? Ist die App auf Deutsch dann gibt es vielleicht nur 15.
                  Windows 64 war im Anfangsbetrag nicht zu erkennen. Die Windows 10, Version 1809 gibt es in 32 und 64 bit....
                  18.01.2019, 22:07
                • swissc
                  Neue Mobile Upload Seite
                  Hallo zusammen, würde gerne eine Website auf einem PC bei mir zuhause so Bereitstellen das auf diesem eine Webseite hauptsächlich über Handy also Mobile zu besuchen ist und mit der och fotos uploaden kan und diese so sortieren sowie archivieren wie im backand eingetragen. Zbsp. Gebe ich über das...
                  18.01.2019, 02:55
                • arnego2
                  Antwort auf Neue Mobile Upload Seite
                  Kannst du das auch geordnet Punkt für Punkt darstellen?
                  Wer soll abloaden können? Und von wo, von dir Zuhaus oder von überall?...
                  18.01.2019, 21:56

                homepage-forum.de - Hilfe für Webmaster! Statistiken

                Einklappen

                Themen: 56.317   Beiträge: 427.802   Mitglieder: 27.630   Aktive Mitglieder: 66
                Willkommen an unser neuestes Mitglied, Carter.

                Online-Benutzer

                Einklappen

                502 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 499.

                Mit 1.625 Benutzern waren am 17.03.2018 um 19:52 die meisten Benutzer gleichzeitig online.

                Lädt...
                X