Beispiel ohne pdf-Symbol

[MrMurphy]

Hallo

Noch eine Frage, wie sieht dieses mit der Unterstützung aller Browser aus

Sehr gut.

Ich habe auf float zurückgegriffen, das alle aktuellen Browser verstehen.

Im IE8 müsste man auf Klassen (class) zurückgreifen, da er mit nth-child nicht zurechtkommt. Das ist aber nur etwas Fleißarbeit, am Prinzip ändert sich nichts. Der HTML-Quelltext würde halt etwas unübersichtlicher werden.

Wäre es denn möglich zu sagen, auf keinen Geräten kann das PDF weg

Kein Problem. Ich habe ja geschrieben, das ich alles flexibel gestaltet habe. Dazu ist nur eine zusätzliche CSS-Anweisung in dem passenden Media-Query notwendig:

  
      dl :nth-child(6n+7) {  
         display: none;  
      }  

Im praktischen Beispiel habe ich das mal für die schmalste Fensterbreite angepasst, das pdf-Symbol wird dort nicht mehr angezeigt:

http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_06_14_yael_03_dl_liste.html

Gruss

MrMurphy