Modul Listen - Striche neben Icon im IE7

[FeuSchleu]

Hallo,

im Listen-Modul (http://spielwiese.admidio.org/adm_progr ... /lists.php) gibt es einen kleinen Darstellungsbug im IE.
Beim Icon neben der Kategorie-Auswahl sind Leerzeichen im <a> Tag mit eingeschlossen. Da die Links mit Unterstrich formatiert sind gibt es rechts und links neben dem Icon unschöne Striche. Das Problem liegt im Quellentext.

Quellentext Ausgabe:

Code: Alles auswählen

<h1 class="moduleHeadline">Übersicht der aktiven Rollen</h1><ul class="iconTextLinkList">
        <li>
            <span class="iconTextLink">
                <a href="http://spielwiese.admidio.org/adm_program/administration/roles/roles_new.php"><img
                    src="http://spielwiese.admidio.org/adm_themes/modern/icons/add.png" alt="Rolle anlegen" /></a>
                <a href="http://spielwiese.admidio.org/adm_program/administration/roles/roles_new.php">Rolle anlegen</a>
            </span>
        </li><li>Kategorie:&nbsp;&nbsp;
            <select size="1" id="category" onchange="showCategory()">
                <option value="Alle"  selected="selected" >Alle</option><option value="Allgemein">Allgemein</option><option value="Mannschaften">Mannschaften</option><option value="Kurse">Kurse</option></select><a  class="iconLink" href="http://spielwiese.admidio.org/adm_program/administration/roles/categories.php?type=ROL">
                    <img src="http://spielwiese.admidio.org/adm_themes/modern/icons/options.png" alt="Kategorien pflegen" title="Kategorien pflegen" />
                </a></li></ul><div class="formLayout">

besser:

Code: Alles auswählen

<h1 class="moduleHeadline">Übersicht der aktiven Rollen</h1><ul class="iconTextLinkList">
        <li>
            <span class="iconTextLink">
                <a href="http://spielwiese.admidio.org/adm_program/administration/roles/roles_new.php"><img
                    src="http://spielwiese.admidio.org/adm_themes/modern/icons/add.png" alt="Rolle anlegen" /></a>
                <a href="http://spielwiese.admidio.org/adm_program/administration/roles/roles_new.php">Rolle anlegen</a>
            </span>
        </li><li>Kategorie:&nbsp;&nbsp;
            <select size="1" id="category" onchange="showCategory()">
                <option value="Alle"  selected="selected" >Alle</option><option value="Allgemein">Allgemein</option><option value="Mannschaften">Mannschaften</option><option value="Kurse">Kurse</option></select><a  class="iconLink" href="http://spielwiese.admidio.org/adm_program/administration/roles/categories.php?type=ROL"><img 
                    src="http://spielwiese.admidio.org/adm_themes/modern/icons/options.png" alt="Kategorien pflegen" title="Kategorien pflegen" /></a>
                </li></ul><div class="formLayout">

Das behebt das Problem mit den Unterstrichen neben dem Icon. Habs getestet.
Wie gesagt nur im IE. FF und Safarie haben das Problem nicht.

[Jochen]

Hallo,

guck bitte mal ob es jetzt passt. Falls nicht wäre es prima wenn Du die entsprechenden stellen fett markieren könntest.

Gruß Jochen

[FeuSchleu]

Hallo Jochen,

der Strich rechts neben den Icon ist weg, aber links nicht. Das Problem ist, das der IE (wie immer ) Leerzeichen interpretiert, wo eigentlich keine sind.

Hier der Ausschnitt aus dem Quellentext

<a class="iconLink" href="http://spielwiese.admidio.org/adm_progr ... p?type=ROL">
<img src="http://spielwiese.admidio.org/adm_theme ... ptions.png" alt="Kategorien pflegen" title="Kategorien pflegen" /></a>

zwischen <a>und<img> dürfen keine Leerzeichen oder Zeilenumbrüche sein:

<a class="iconLink" href="http://spielwiese.admidio.org/adm_progr ... ype=ROL"[b]><[/b]img src="http://spielwiese.admidio.org/adm_theme ... ptions.png" alt="Kategorien pflegen" title="Kategorien pflegen" /></a>

Warum das so ist weiß ich auch nicht, aber der IE sieht manches anders als normale Browser.

Gruß René

[FeuSchleu]

Gleiches Problem auch bei Rollen ändern - Abhängikeit festlegen.

Code: Alles auswählen

                                    <a class="iconLink" href="javascript:hinzufuegen()">
                                        <img src="http://spielwiese.admidio.org/adm_themes/modern/icons/forward.png" alt="Rolle hinzufügen" title="Rolle hinzufügen" />
                                    </a>
                                </li>
                                <li>
                                    <a class="iconLink" href="javascript:entfernen()">
                                        <img src="http://spielwiese.admidio.org/adm_themes/modern/icons/back.png" alt="Rolle entfernen" title="Rolle entfernen" />
                                    </a>

<a class="iconLink" href="javascript:hinzufuegen()"><img src="http://spielwiese.admidio.org/adm_theme ... orward.png" alt="Rolle hinzufügen" title="Rolle hinzufügen" /></a>
</li>
<li>
<a class="iconLink" href="javascript:entfernen()"><img src="http://spielwiese.admidio.org/adm_theme ... s/back.png" alt="Rolle entfernen" title="Rolle entfernen" /></a>

Gruß
René

[Jochen]

Hallo René,

Warum das so ist weiß ich auch nicht, aber der IE sieht manches anders als normale Browser.

Das weiß wohl niemand so recht, bin gespannt was sie sich für Version 8 ausgedacht haben.

Hab direkt noch mehr Stellen gefunden:
- Downloadberechtigungen setzten
- neben den Thumbnails im Photomodul

Gruß Jochen

[Jochen]

Habe grade auch nochmal einen Durchgang mit dem IE7 gemacht. Mir sind keine Fehler dieser Sorte mehr begegnet. Deswegen kommt das Thema jetzt auch zu den erledigten.

Gruß Jochen