Just nu i M3-nätverket
Gå till innehåll
Mongoraja

LÖST Markering i menyn utan att dropdown menyn drabbas

Rekommendera Poster

Postad (redigerade)

Hej alla kunniga inom detta ämne!

Det har dykt upp ett litet problem som jag hoppas någon av er skulle kunna ha en lösning på. Jag har en Meny som har en markering på sig när man är inne på den sidan men på mina menyer med dropdown så blir dem också markerade, vilket jag inte vill. Jag har en class som heter .markering a som ligger i <li> där det ska vara markerat.

 

så här:

<li><a href="index.html">MLbyggen</a></li>
 <li class="markering"><a href="gallery.html">Bilder</a>
  <ul>
      <li><a href="golv.html">Golv</a></li>
      <li><a href="bad.html">Badrum</a></li>
      <li><a href="inredning.html">Inredning</a></li>
      <li><a href="måleri.html">Måleri</a></li>
      <li><a href="kök.html">Kök</a></li>
      <li><a href="tillbyggnad.html">Tillbyggnad</a></li>
      <li><a href="fasad.html">Fasad</a></li>
      <li><a href="husgrund.html">Husgrund</a></li>
      <li><a href="övrigt.html">Övrigt</a></li>
  </ul>
 </li>

 

Utan dropdown meny funkar det såklart helt utmärkt men med dropdown meny blir menyalternativet markerat (som det ska bli) men också alla dropdown menyalternativ vilket jag inte vill. Hur ska jag lösa detta, hoppas någon kan hjälpa till och har ett bra svar. Om något är oklart eller att jag förklarat suddigt så tveka inte att fråga. Tackar i förhand.

Redigerad av Mongoraja

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

.markering a betyder att alla a-taggar som finns under ett element med klassen .markering, kommer att få motsvarande stilsättning oavsett hur långt ner de ligger i strukturen. Du har åtmonstone två alternativ:

 

  1. Du kan sätta en klass enbart på de länkar som ligger på första nivån och stilsätta dem
  2. Du kan använda direct descendant i stilmallen för att bara peka ut länkar som ligger direkt under .markering. Din CSS-regel skulle du se ut såhär: .markering > a

Alternativ 2 är förmodligen det snabbaste sättet att lösa problemet.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

.markering a betyder att alla a-taggar som finns under ett element med klassen .markering, kommer att få motsvarande stilsättning oavsett hur långt ner de ligger i strukturen. Du har åtmonstone två alternativ:

 

  1. Du kan sätta en klass enbart på de länkar som ligger på första nivån och stilsätta dem
  2. Du kan använda direct descendant i stilmallen för att bara peka ut länkar som ligger direkt under .markering. Din CSS-regel skulle du se ut såhär: .markering > a

Alternativ 2 är förmodligen det snabbaste sättet att lösa problemet.

 

Tack ChromaWoods Alternativ 2 var precis vad jag letade efter. Du är kung, verkligen tack för hjälpen och tack för snabbt svar.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...