Hallo


Folgenden Linkblock habe ich auf meiner Seite:


Code:
<a href="clearapp://">ToDo</a>
Code:
<a href="launchtimer://quick">Time</a>
<a href="ihandyflashlightledpro://" class="iphone4">Blitz</a>
<a href="brightness://" class="iphone4">Helligkeit</a>
<a href="mirror://" >Spiegel</a>
<a href="/start/music.html">Musik</a>
<a href="/start/cam.html">Kamera</a>
<a href="/start/info.html">Infos</a>



Die beiden Links die mit class="iphone4" bezeichnet sind, sollen bei iPhone 4/S 3G/S und 2G rausfallen, allerdings auf dem iPhone 5 angezeigt werden.
Soweit habe ich es schon geschafft:




Code:
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
Code:
 a.iphone4 {
        display:none;
    }

}









@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {

   a.iphone4 {
        visibility:visible;
    }




}



Das Problem ist jetzt, dass die Links nicht einfach nachrutschen, sondern eine weiße Stelle bleibt:









Wie verändere ich das jetzt, dass die Links nachrutschen?




Danke schonmal!
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!