<div> </div> unterdrücken

[Jutta]

Hallo,
wie kann ich im folgenden Beispiel die Zeilen
<div class="dir"> und
</div> <!-- dir -->
unterdrücken?

@media only screen and (max-width: 36rem)
{

????

}

<div class="links">
<div class="dir">
  <ul>
    <li>  
      .........
    </li>  
      ........
    </li>  
  </ul>
</div>      <!-- links -->
</div>       <!-- dir -->

[MrMurphy]

Die Kommentierung der schließenden div-Container ist vertauscht.

Zur Unterdrückung des div-Containers mit der Klasse dir gibt es unterschiedliche Möglichkeiten. Eine wäre zum Beispiel folgendes CSS:

.dir {
   display: none;
}

Wenn dir das zu radikal ist solltest du deine Vorstellungen etwas genauer beschreiben.

[Tabellenkalk]

Hallo,

abgesehen davon, dass die Zuordnung von links und dir genau verkehrt herum ist: was hindert dich die beiden Zeilen einfach zu löschen?

Gruß
Kalk

[Rolf B]

Hallo Jutta,

ich glaube, dass die wirklich relevante Frage ist: Wie erstellst Du Dein HTML? Wenn Du es von Hand schreibst, wäre deine Frage sicherlich unsinnig.

D.h. irgendwer oder -was generiert es, und um jemanden zu finden, der den verwendeten Generator kennt und dazu Auskunft geben kann, müsstest Du den Generator schon benennen. Wordpress? Wenn ja: welches Theme?

Und - wenn's ein Generator ist - warum stört das div? Themes eines Contentmanagers zu modifizieren kann schnell nach hinten losgehen, vielleicht ist es einfacher/sinnvoller, die visuellen Auswirkungen des div zu beseitigen?

Rolf