phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Doppelte Icons-Anzeige mit Chrome

https://www.phpbb.de/community/viewtopic.php?t=222240

Seite 1 von 2

Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 20:37
von Germaine
Hallo,

ich bin ja noch in der Anfangsphase, daher tuen sich hier und da Fragen auf, ich bitte um Verständnis.

Nun zu meiner zweiten Frage für heute:

Ich musste gerade eben feststellen, dass die Icons im Beitrag mit Chrome doppelt angezeigt werden.
Leider zeigt mir das Chrome Tool "Web Developer" nichts an (es streikt wohl), daher weiß ich nicht wo ich ansetzen soll.
Wer kann mir helfen?

[ externes Bild ]

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 20:58
von Crizzo
Hi,

das sieht nach einem Fehler im CSS aus. Jag mal das deine Website hier drüber, dann findest du den Syntax-Fehler schnell: http://jigsaw.w3.org/css-validator/

Denn diese Buttons sind normalerweise schon geladen, aber nicht sichtbar für den Nutzer, da die Buttons normalerweise niedriger sind. Hier sieht es so aus, als würden viele Regeln nicht greifen, sieht man auch an den nicht ausgeblendeten Listen-Punkten.

Wenn du ihn alleine nicht findest, bitte das Forum verlinken.

Grüße

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 21:14
von Germaine
BlackHawk87 hat geschrieben:....

Wenn du ihn alleine nicht findest, bitte das Forum verlinken.

Grüße
ist es ganz schlimm, wenn ich dein Angebot annehme?? ich finde es nicht, oder ich habe Tomaten auf den Augen :roll:

http://www.ig-dunklebiene.de/forum

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 21:18
von Crizzo
Achso, ich bräuchte mal einen Testaccount, mit dem ich mal so einige Beiträge sehen und ändern, löschen, melden kann, sonst sehe ich die Buttons nicht.

Aber du kannst auch erstmal diese Fehler beseitigen: http://jigsaw.w3.org/css-validator/vali ... 0%26t%3D89

Keine Fehler sind sowas:
Die Eigenschaft -moz-border-radius existiert nicht : 3px
Die Eigenschaft -webkit-box-shadow existiert nicht : 0 0 10px rgba(0,0,0,0.7 )
Die Eigenschaft border-radius existiert nicht in CSS level 2.1, aber in [css3] : 6px
Die gehören zu speziellen Eigenschaften der Browser oder zu CSS3.

Aber sowas schon:
Ungültige Nummer : padding Versuche ein Semikolon vor dem Eigenschaftsnamen zu finden. Füge es hinzu.

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 21:23
von Germaine
Ich sened dir einen Testaccount per PN , muss aber kein Mod sein oder?

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 21:24
von Crizzo
Ein normaler Nutzer reicht und du kannst die Login-Daten hier posten. Der kann ja nichts kaputt machen und wenn er spammt, löscht du ihn mit allen Beiträgen und nichts ist passiert. ;)

Aber hast du denn die Fehler im CSS schon behoben?

Edit:
Okay, mit dem Test-Account.

Die Quadrate kommen von hier:

Code: Alles auswählen

#main ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
aus der Layout.css, die pfuscht da leider rein, weil eben mit diesem JFusion-Mod (oder wie der heißt) auch alle Joomla-Stylesheets geladen werden.

Dann trifft auch noch das zu:

Code: Alles auswählen

#main ul li {
}

#main ul li, #main ol li {
    color: #000065 !important;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}
#main a:hover, #main a:active, #main a:focus {
    background: none repeat scroll 0 0 #E0E0FF;
    color: #000065 !important;
}
personal.css

Diese Dopplung musst du loswerden. Am einfachsten gibst du der Joomla-Seite und dort wo überall die Joomla-Style wirken sollen einen zusätzlich Klasse/ID z.B. in einem immer alles umfassenden <div> und schreibt dann überall die Klasse/ID davor z.B.:

Code: Alles auswählen

#hauptseite #main ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
Dann sollte das wieder gehen. :)

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 21:46
von Germaine
bin dabei... pc ist zwischendurch recht lahm...

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 22:02
von Germaine
BlackHawk87 hat geschrieben:......
Die Quadrate kommen von hier:

Code: Alles auswählen

#main ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
aus der Layout.css, die pfuscht da leider rein, weil eben mit diesem JFusion-Mod (oder wie der heißt) auch alle Joomla-Stylesheets geladen werden.
so, die doppelte Anzeige konnte ich mit

Code: Alles auswählen

#main ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
schon mal ausschalten, bin dir sehr dankbar.
BlackHawk87 hat geschrieben:......
Dann trifft auch noch das zu:

Code: Alles auswählen

#main ul li {
}

#main ul li, #main ol li {
    color: #000065 !important;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}
#main a:hover, #main a:active, #main a:focus {
    background: none repeat scroll 0 0 #E0E0FF;
    color: #000065 !important;
}
personal.css
Aber den zweiten teil verstehe ich nicht ganz, führt es zu ne Fehlerdarstellung, die mir noch nicht aufgefallen ist?

Und no etwas,

kannst du mir sagen wie du den Fehler gefunden hast?
ich möchte lernen, und nicht einfach erledigt wissen.

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 22:07
von Crizzo
Germaine hat geschrieben: so, die doppelte Anzeige konnte ich mit

Code: Alles auswählen

#main ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
schon mal ausschalten, bin dir sehr dankbar.
Aber damit fehlt die jetzt diese Regel in deinem Joomla-Teil. Deshalb schlug ich eben vor, dass du den Selektor umschreibst und nicht einfach die Eigenschaften löscht.
Aber den zweiten teil verstehe ich nicht ganz, führt es zu ne Fehlerdarstellung, die mir noch nicht aufgefallen ist?
Ja. Ich bekam beim überfahren des Buttons nicht die 2. Version des Ändern-Buttons angezeigt, sondern einfach nur einen graue Fläche: http://dl.dropbox.com/u/67072553/hovereffektkaputt.jpg Da war ich mit der Maus über "ändern".
Und no etwas,

kannst du mir sagen wie du den Fehler gefunden hast?
ich möchte lernen, und nicht einfach erledigt wissen.
Damit: https://addons.mozilla.org/de/firefox/addon/firebug/
Element untersuchen und dann sieht man jede CSS-Regel, die auf das Element wirkt und welche sich am Ende durchsetzen.

Re: Doppelte Icons-Anzeige mit Chrome

Verfasst: 10.04.2012 22:19
von Germaine
BlackHawk87 hat geschrieben:
Germaine hat geschrieben: so, die doppelte Anzeige konnte ich mit

Code: Alles auswählen

#main ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
schon mal ausschalten, bin dir sehr dankbar.
Aber damit fehlt die jetzt diese Regel in deinem Joomla-Teil. Deshalb schlug ich eben vor, dass du den Selektor umschreibst und nicht einfach die Eigenschaften löscht.

Nein, man kann mit Joomla für bestimmte Menülinks eigene Templates zuweisen. so habe ich für das Forum mein Seitentemplate kopiert bearbeitet und wie gesagt für´s Forum zugewiesen. So dass Änderungen nur am Forum greifen und nicht am Joomla.
BlackHawk87 hat geschrieben: .....
Ja. Ich bekam beim überfahren des Buttons nicht die 2. Version des Ändern-Buttons angezeigt, sondern einfach nur einen graue Fläche: http://dl.dropbox.com/u/67072553/hovereffektkaputt.jpg Da war ich mit der Maus über "ändern".
ok, ich schaue mal danach
BlackHawk87 hat geschrieben: .....

Damit: https://addons.mozilla.org/de/firefox/addon/firebug/
Element untersuchen und dann sieht man jede CSS-Regel, die auf das Element wirkt und welche sich am Ende durchsetzen.
Lieben Dank

Ich mache weiter....
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de