Symbole in der Symbolbar sind abgeschnitten

09.06.2010 17:48 (zuletzt bearbeitet: 09.06.2010 17:52)
#1 Symbole in der Symbolbar sind abgeschnitten
avatar
Mitglied

Board: 104774 - Standard Template

Hallo,
die 2 folgenden Fehler treten nur in Netscape Browser (7.1) auf.

1. Die Symbole in der Symbolbar sind abgeschnitten (siehe "Angefügte Bilder")
Mit "<margin>, <padding>,<br> habe ich keine Lösung gefunden.
Die zusätzliche Höhenangabe der Icons (18) +1 = 19 brachte einen Erfolg (height="19px").
Allerdings werden die Icons etwas größer angezeigt.

2. Die Smilies oder die Farbformatierungen werden nicht übertragen
Klickt man ein Smilie aus der Auswahlliste an oder will einen Text über die Farbauswahl formatieren, wird nichts ins Textfeld übertragen. Nur der Cusor steht im Textfeld.

Gibt es hier eine schnelle Lösung?

Gruß
wolf


09.06.2010 17:57 (zuletzt bearbeitet: 09.06.2010 17:58)
#2 RE: Symbole in der Symbolbar sind abgeschnitten
avatar
Administrator

Die aktuelle Version des "Netscape Browsers" ist die Version "Netscape 9.0.0.6".

Alle Versionen des Netscape Browsers zusammen (veraltete und die neueste) haben eine Verbreitung über alle Foren von 0,01%

Zudem ist die ofizielle Aussage des Herstellers dieses Browsers folgende:

Zitat
* Official support ended on March 1st, 2008




Ich muss zugeben, dass ich tatsächlich eine höhere Verbreitung angenommen hatte. Angesichts dieser geringen Zahl dürfte es jedoch für alle das sinnvollste sein, wenn der eine Surfer seinen Browser aktualisiert oder wechselt.

Oder gibt es andere Gründe?

Mit freundlichen Grüßen,
Joh. Voß


xobor.de · Miranus GmbH · Wir helfen gerne - Unterstützen Sie Xobor durch die Buchung eines Premium Tarifs.

 Antworten

 Beitrag melden
10.06.2010 02:25 (zuletzt bearbeitet: 10.06.2010 02:32)
#3 RE: Symbole in der Symbolbar sind abgeschnitten
avatar
Mitglied

Board: 104774 - Standard Template

Ich bin mit dem Internet Explorer "groß" geworden und er ärgert mich zunehmend.
Jetzt in der Version 8 meldet er mich öfters ab, wenn ich etwas abspeichern oder ändern will.
Geht es um wichtige Eintragungen, benutze ich schon garnicht mehr.
Ich denke, das es Netscape-Usern ähnlich geht.

Ich habe jetzt eine bessere Lösung für die Symbolbar gefunden.

So wie das aussieht, kommt der NS nicht mit "display:inline" zurecht.
Wenn man den Befehl am Anfang der Symbolbar löscht und die Aufklapp-Listen neu ausrichtet (margin-top) funktioniert die Symbolbar tadellos! Die Vergabe von "z-index:1000" verhindert auch beim Aufklappen ein Durchscheinen der Schrift (z.B. auch hier beim Beitrag schreiben - nur IE).
Korregiert man zusätzlich, in Rücksicht auf z.B. allen 6 Browsern (IE, FF, Opera, NS, Chrome, Safari) die Ausrichtung, kommt die folgende Symbolbar heraus:

Die Rot markierten Stellen beinhalten die Veränderungen.


<div class="iconbar" style="position: relative;z-index:1000;">
<div class="iconbar_main" style="display: inline;">
<A HREF="javascript:insert('[b]','[/b]')" title="Fett"><img src="http://img.homepagemodules.de/ds/static/gaia/bold.png" alt="Fett" border="0"></A>
<A HREF="javascript:insert('[i]','[/i]')" title="Kursiv"><img src="http://img.homepagemodules.de/ds/static/gaia/italic.png" alt="Kursiv" border="0"></A>
<A HREF="javascript:insert('[u]','[/u]')" title="Unterstrichen"><img src="http://img.homepagemodules.de/ds/static/gaia/underline.png" alt="Unterstreichen" border="0"></A>
<A HREF="javascript:insert('[URL]','[/URL]')" title="Web-Link einfügen"><img src="http://img.homepagemodules.de/ds/static/gaia/link.png" alt="Web-Link einfügen" border="0"></A>
<A HREF="javascript:insert('[img]','[/img]')" title="Bild einfügen"><img src="http://img.homepagemodules.de/ds/static/gaia/picture.png" alt="Bild einfügen" border="0"></A>

<img src="http://img.homepagemodules.de/ds/static/gaia/smile.png" alt="Smilies" border="0" onclick="document.getElementById('tab_color').style.display='none'; if (document.getElementById('tab_smilies').style.display == 'block') {document.getElementById('tab_smilies').style.display='none'; } else {document.getElementById('tab_smilies').style.display='block';}" onmouseover="this.style.cursor='pointer';" title="Smilies">

<img src="http://img.homepagemodules.de/ds/static/gaia/color3.png" alt="Farben" border="0" onclick="document.getElementById('tab_smilies').style.display='none'; if (document.getElementById('tab_color').style.display == 'block') {document.getElementById('tab_color').style.display='none'; } else {document.getElementById('tab_color').style.display='block';}" onmouseover="this.style.cursor='pointer';" title="Farben">

<A HREF="javascript:insert('MAIL]','[/MAIL]')"><img src="http://img.homepagemodules.de/ds/static/gaia/mail.png" alt="[MAIL] E-Mail [/MAIL]" border="0" title="E-Mail"></A>
<A HREF="javascript:insert('[pre]','[/pre]')"><img src="http://img.homepagemodules.de/ds/static/gaia/pre.png" alt="[pre] Text [/pre]" border="0" title="<pre> Tag"></a>
</div>

<div id="tab_smilies" style="display: none; position: absolute; background-color: white; margin-top: 25px; padding: 5px; width: 150px; left: 150px; border:1px solid #777777;" onlick="document.getElementById('tab_smilies').style.display='none';">

<a href="javascript:returnTag('[smile]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/smile.gif" alt="[smile]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[spook]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/spook.gif" alt="[spook]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[alien]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/alien.gif" alt="[alien]" border=0 width="14" height="15"></A>
<A HREF="javascript:returnTag('[zunge]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/zunge.gif" alt="[zunge]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[rose]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/rose.gif" alt="[rose]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[shy]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/shy.gif" alt="[shy]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[smokin]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/smokin.gif" alt="[smokin]" border=0 width="21" height="15"></A>
<A HREF="javascript:returnTag('[clown]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/clown.gif" alt="[clown]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[death]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/death.gif" alt="[death]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[flash]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/flash.gif" alt="[flash]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[sick]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/sick.gif" alt="[sick]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[heart]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/heart.gif" alt="[heart]" border=0 width="15" height="15"></A>

<A HREF="javascript:returnTag('[idee]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/idee.gif" alt="[idee]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[frage]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/frage.gif" alt="[frage]" border=0 width="10" height="14"></A>
<A HREF="javascript:returnTag('[blush]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/blush.gif" alt="[blush]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[mad]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/mad.gif" alt="[mad]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[sad]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/sad.gif" alt="[sad]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[shocked]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/shocked.gif" alt="[shocked]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[wink]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/wink.gif" alt="[wink]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[frown]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/frown.gif" alt="[frown]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[crazy]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/crazy.gif" alt="[crazy]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[smile2]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/smile2.gif" alt="[smile2]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[grin]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/grin.gif" alt="[grin]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[hmm]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/hmm.gif" alt="[hmm]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[laugh]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/laugh.gif" alt="[laugh]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[mund]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/mund.gif" alt="[mund]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[oh]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/oh.gif" alt="[oh]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[rolling_eyes]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/rolling_eyes.gif" alt="[rolling_eyes]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[lil]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/lil.gif" alt="[lil]" border=0 width="15" height="16"></A>
<A HREF="javascript:returnTag('[oh2]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/oh2.gif" alt="[oh2]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[cool]')" onclick="document.getElementById('tab_smilies').style.display='none';"><img src="http://img.homepagemodules.de/cool.gif" alt="[cool]" border=0 width="15" height="15"></A>
</div>


<div id="tab_color" style="display: none; position: absolute; background-color: white; margin-top: 25px; padding-bottom: 1px; padding-left: 3px; padding-top: 3px; width: 108px; left: 190px; border:1px solid #777777;">
<A HREF="javascript:insert('[rot]','[/rot]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/rot.gif" alt="[rot] Text [/rot]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[blau]','[/blau]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/blau.gif" alt="[blau] Text [/blau]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[gruen]','[/gruen]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/gruen.gif" alt="[gruen] Text [/gruen]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[orange]','[/orange]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/orange.gif" alt="[orange] Text [/orange]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[lila]','[/lila]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/lila.gif" alt="[lila] Text [/lila]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[weiss]','[/weiss]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/weiss.gif" alt="[weiss] Text [/weiss]" border=0 width="10" height="18"></A>
<A HREF="javascript:insert('[schwarz]','[/schwarz]')" onclick="document.getElementById('tab_color').style.display='none';"><img src="http://img.homepagemodules.de/schwarz.gif" alt="[schwarz] Text [/schwarz]" border=0 width="10" height="18"></A>
</div>
</div>




Auch hier nachzulesen: Anpassung der HPM-Symbolbar an allen 6 Browsern


Bis dann und danke für die schnelle Antwort
Gruß
Wolfgang

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!