uppercase erzeugt seltsame Textzeichen

paka · 29.11.2011, 20:46

Hallo Forum,

ich habe mit einem seltsamen Problem zu tun. In der Navigation setzte ich alle Buchstaben 'text-transform: uppercase'.
An sich kein Ding, aber bei einem Eintrag habe ich im FF8/3.6, IE9 und Google Chrome zwei seltsame Zeichen.
Es sieht aus, als wären zwei P über die letzten beiden Buchstaben des Wortes 'LEISTUNGEN' geschrieben. Ich habe einen Screenshot angehängt.
Das Problem taucht beim FF z.B. nur bei einem andren Zoom, als 'normal' auf. Ähnlich reagiert auch der IE. Meistens.

Suchen hat weder hier im Forum, noch in G.... ( wir wollen ja keine Werbung machen

) hat mich irgendwie weitergebracht.

Hier mal html-Quellcode:

Code:

<ul id="menu-hauptnavigation-links" class="menu">
    <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-8">
        <a href="#">Startseite</a>
    </li>
    <li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-276">
        <a href="#">Wer braucht PR</a>
    </li>

    <li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-250 current_page_item menu-item-252">
        <a href="#">Leistungen</a>
        <ul class="sub-menu">
            <li id="menu-item-255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-255">
                <a href="#">erste Leistung</a>
            </li>
            <li id="menu-item-258" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258">
                <a href="#">zweite Leisung</a>
            </li>
            <li id="menu-item-261" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-261">
                <a href="#">dritte Leistung</a>
            </li>
        </ul>
    </li>
    <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-275">
        <a href="#">Social Media</a></li>
    <li id="menu-item-274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-274">
        <a href="#">Warum Wir</a>
    </li>
</ul>

und hier die CSS Anweisungen, die verwendet werden und matchen:

Code:

#Navigation a {
position: relative;
top: -4px;
font-size: 1em;
font-weight: bold;
}

#menu-hauptnavigation-links a, #menu-navigation-oben a {
text-transform: uppercase;
}

#menu-hauptnavigation-links * {
text-align: right;
}

#Navigation * {
text-decoration: none;
line-height: 33px;
color: #666;
}

#menu-hauptnavigation-links {
list-style-type: none;
}

.wrapper {
text-align: left;
}

body {
font-size: 0.9em;
font-family: Arial , Helvetica , sans-serif;
line-height: 14px;
}

Wär schön, wenn jemand ne Idee hat.

Gruß
Paka

nikosch · 29.11.2011, 21:45

Zitat:

Wer braucht PR

paka · 29.11.2011, 22:23

Ich hab manchmal das Gefühl, ich brauch ab und an noch ein paar Augen, ohne meinen blinden Fleck für selbstfabrizierte Fehler,
und vielleicht etwas PR.

Die Listenelemente sind einfach zu schmal.

Danke

nikosch · 29.11.2011, 23:07

Kein Problem

Kannst ja mal mit white-space und/oder overflow herumspielen.

eisenhans · 30.11.2011, 08:35

Zitat:

Zitat von paka

Die Listenelemente sind einfach zu schmal.

Ich glaub eher, der Text ist zu groß.

Ich kenne ja dein gesamtes Seitenlayout nicht, aber meine Menüs z.B. haben in der Regel 180px Breite und nicht 280.

Und vielleicht noch als Zusatz:

CSS:Uppercase spinnt auch in einigen Browsern rum, wenn externe Schriften über font-face eingebunden werden, da haben wir dann lieber gleich die Text groß geschrieben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
imagecreatefromjpeg() "Allowed memory size exhausted"	peter silie	PHP Tipps 2010	17	04.05.2011 14:25
array auch automatisch erzeugt wenn..		PHP Tipps 2004-2	4	04.12.2004 12:33


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.11.2011, 22:23
paka Neuer Benutzer Registriert seit: 13.05.2011 Beiträge: 7 PHP-Kenntnisse: Anfänger	Ich hab manchmal das Gefühl, ich brauch ab und an noch ein paar Augen, ohne meinen blinden Fleck für selbstfabrizierte Fehler, und vielleicht etwas PR. Die Listenelemente sind einfach zu schmal. Danke

29.11.2011, 23:07
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Kein Problem Kannst ja mal mit white-space und/oder overflow herumspielen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --