Doppelte Icons-Anzeige mit Chrome

[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 ]

[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

[Germaine]

....

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

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

[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.

[Germaine]

Ich sened dir einen Testaccount per PN , muss aber kein Mod sein oder?

[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.

[Germaine]

bin dabei... pc ist zwischendurch recht lahm...

[Germaine]

......
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.

......
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.

[Crizzo]

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.

[Germaine]

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.

.....
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

.....

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....