Wo muß ich den code einfügen?

blaubär · 20. Februar 2018

Auf meiner Website Malerei und Fotografie habe ich ein Menü mit Hover-Effekt. Wie erreiche ich dass auf der rechten Seite

beim Überfahren mit der Maus des Wortes 'Künstler' derselbe Hovereffekt wie beim Menü links kommt.?

Der Screenshot stammt von der Datei am PC, ist also noch nicht hochgeladen.

Der Quelltext des Hovereffektes:

Code

/*.navigation*/
   @media all {
      .navigation {
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 1.rem 0rem;
      }
      .navigation p {
         text-align: center;
      }
      .navigation a {
         color: #B22222;
         font-weight: bold;  
      }
   }
   a:hover {
    background-color: #CEECF5;
}
    /*.navigation*/
   @media all {
      .navigation {
         background-color: #63B8FF;
         padding: 0.5rem;
         margin: 0.5rem 0rem;
      }
      .navigation p {
         text-align: center;
      }
      .navigation a {
         color: #B22222;
         font-weight: bold;  
      }
   }
   a:hover {
    background-color: #FFC1C15;
}
   @media only screen and (min-width: 1000px) {
     .navigation a,
      .navigation a:visited {
         display: block;
         color:     #483d8b;
         font-weight: bold;
         padding: 0.3rem;
         border: 1px solid black;
         border-radius: 0.3rem;
      }
      .navigation a:hover,
      .navigation a:active,
      .navigation a:focus {
         background-color: black;
         color: gold;
      }

Alles anzeigen

basti1012 · 20. Februar 2018

Erstens ist der Link falsch ? Und dann würde ich die rechte seite mit den gleichen klassen wie auf der linken seite geben.Kann die gleich mal ein beispiel machen

basti1012 · 20. Februar 2018

Meinst du so

*** Link entfernt, weil nicht mehr erreichbar ***

Du musst aber drauf achten ,du hattest vergessen einige tags zu schließen bzw. an der richtigen stelle zu setzten.

Fals du auf der rechten Seite das Menü erweitern willst, müssen die neuen Punkte nur die gleiche Klassen haben

bla blub dann sollte alles einheitlich bleiben

blaubär · 20. Februar 2018

Danke basti1012, genauso meine ich es. Ich habe nun folgendes geschrieben:

Code

<p>Die Bilder können käuflich erworben werden.<span class="Stil1">Bei Interesse mail an den</span></p>
      <p><span><br>

nur leider funktioniert es nicht.

basti1012 · 20. Februar 2018

kuck nochmal

*** Link entfernt, weil nicht mehr erreichbar ***

wenn du noch ein oder oder sonst was vor hast geht es meistens nicht mehr weil der pfart (Sage ich mal dazu ) da hin nicht mehr passt. dazu müsste man nochwas in der css ändern. Oder wie ich es gerade gemacht habe das davor weg .

blaubär · 20. Februar 2018

edit: soeben stelle ich fest, dass zwar der Hovereffekt wirkt, aber kein Link vorhanden ist.

Code

<aside class="sidebar">
      <p>Die Bilder können käuflich erworben werden.<span>Bei Interesse mail an den</span></p>
      <p><span><br>
      </span><span class="Stil1">Künstler</span></p>

Das wäre der Link:

Code

<a href="http://guenter-leipfinger.de/Kontakt.html">

nur wie ihn einbauen, das weiß ich nicht.

nochmal edit: inzwischen gelöst!

Wo muß ich den code einfügen?

Jetzt mitmachen!

Teilen