Komischer Rahmen um Logo (bei Theme Pixture)
am 17.11.2008 - 22:54 Uhr in
Ich habe ein merkwürdiges Problem, aber seht selbst:
http://www.das-fanmagazin.de/hannover96/
Dieser Rahmen oben um die beiden Logos oben soll so nicht sein. Bisher war er auch nicht. Nur auf der Unterseite, wo ich die Blöcke konfigurieren kann (admin/build/block), war dies komischerweise so zu sehen, was mich aber nicht weiter störte, da nur ich es so sah. Nun plötzlich ist die Ansicht auch für die User und auf jeder Seite so. Woran kann dies liegen? Ich bin ziemlich ratlos... :-(
- Anmelden oder Registrieren um Kommentare zu schreiben

Das könnte daran liegen,
am 17.11.2008 - 23:12 Uhr
Das könnte daran liegen, dass das Bild verlinkt ist.. Im Normalfall sollt es hier reichen via CSS die border für das Bild auf none oder 0px zu setzen..
In deinem Fall sollte es reichen das CSS um die folgenden Zeilen zu erweitern..
#logo a img,#site_namea img,
{
border: none;
}
Gruß,
SteffenR
Hallo Steffen, danke erstmal
am 17.11.2008 - 23:30 Uhr
Hallo Steffen, danke erstmal soweit für Deinen Hilfeversuch. Leider hat es nichts geholfen. Hier die CSS-Datei:
http://www.das-fanmagazin.de/hannover96/themes/pixture/style.css
Im Bereich "Header" habe ich den Code ganz unten eingefügt. Habe ich da etwas falsch gemacht?
Oh ich seh gerad - da fehlt
am 17.11.2008 - 23:40 Uhr
Oh ich seh gerad - da fehlt ein Leerzeichen nach sitename..
#logo a img,#site_name a img
{
border: none;
}
So müsste es dann aber passen ..
Falls es noch nicht funktionieren sollte, kannst du ja mal den CSS-Code ans Ende der Datei schreiben. Laut meinem Firebug klappt es dann..
Gruß,
Steffen
Danke nochmals. Habe auch
am 17.11.2008 - 23:53 Uhr
Danke nochmals. Habe auch diese Variante nun probiert und es klappt nicht. :-(
Aber wir scheinen auf dem richtigen Weg zu sein. ;-) Denn im Firefox ist weiterhin um beide Grafiken ein Rahmen beim IE immerhin nur noch um die rechtem breite Grafik.
Das ist recht seltsam - der
am 18.11.2008 - 09:17 Uhr
Das ist recht seltsam - der Rahmen ist, wie ich oben schon erwähnte, auf einen Link zurückzuführen, der um das Bild gelegt ist..
Du kannst natürlich auch für alle "Bildlinks" die Rahmen entfernen..
Dies machst du wie folgt:
a img {border: 0px;}Um auch wirklich alle bestehenden Styles zu überschreiben, solltest du dies an das Ende der CSS Datei "packen"...
Gruß,
Steffen
Drupal Cache leeren nicht
am 18.11.2008 - 11:13 Uhr
Drupal Cache leeren nicht vergessen. Einstellungen -> Leistung
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Danke euch beiden so weit.
am 18.11.2008 - 17:59 Uhr
Danke euch beiden so weit. Ich habe nun den Cache geleert und habe auch die CSS-Datei entsprechend angepasst (siehe Link). Nichts hat sich geändert. Ich bin am Verzweifeln. :-(
Deaktiviere den CSS-Cache
am 18.11.2008 - 19:24 Uhr
Deaktiviere den CSS-Cache und aktiviere ihn wieder.
Wenn CSS-Cache aktiviert ist, wird im files Verz. ein Datei erstellt, wie diese das-fanmagazin.de/hannover96/sites/default/files/css/807b2aabf34bf342fb783c13ea9b61ab.css
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Auch das hatte ich bereits
am 18.11.2008 - 20:22 Uhr
Auch das hatte ich bereits gemacht und habs jetzt auch nochmal versucht. Hat leider nichts gebracht. :-(
Vielleicht könnte man das
am 19.11.2008 - 11:01 Uhr
Vielleicht könnte man das Problem vorerst einmal damit umgehen, dass man die Grafiken nicht mehr verlinkt. Was muss ich dazu ändern?
EDIT: Wie mir ein User mitteilt, taucht der Fehler bei Opera (9.62), Safari (3.2 und Mobile) und Chrome (0.3) nicht auf. Vielleicht hilft das ja bei der Ursachenidentifikation... (?)
Interessantes Problem, habe
am 21.11.2008 - 10:17 Uhr
Interessantes Problem,
Knall mal das in deine CSS rein
img {border: 0 none;
}
Bei mir hat es dein Problem gelöst gehabt via Firebug.
color: transparent
am 21.11.2008 - 11:46 Uhr
Es gibt aktuell keine CSS Formatanweisungen die es erlauben die Links in der Header-Tabelle direkt anzusprechen.
Wenn Du nachstehende Formatierung auf die Links der beiden Bilder im Header anwendest sollten die Border um diese verlinkten Bilder nicht mehr zu sehen sein.
a {color: transparent;
}
Egal wie die CSS Kaskade zu den Logos/Logo-Links aussieht, transparent loest auf jeden Fall das Problem.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Herzlichen Dank auch für
am 21.11.2008 - 19:40 Uhr
Herzlichen Dank auch für eure beiden Hilfeversuche, doch auf die führten leider nicht zur Lösung des Problems. :-( Muss ich die Codes an eine bestimmte Stelle der CSS-Datei setzen? Ich hab's jetzt einfach jeweils ans Ende gesetzt: http://www.das-fanmagazin.de/hannover96/themes/pixture/style.css
CSS-Optimierung etc hatte ich zwischendurch auch deaktiviert. Daran liegt's also nicht.
Dann machst Du was falsch
am 21.11.2008 - 21:32 Uhr
doch auf die führten leider nicht zur Lösung des Problems
Dann machst Du was falsch bzw. Deine CSS Formatierungen greifen nicht weil sie noch nicht stimmen.
Ich weiss nicht wie ich es Dir erklaeren soll. Vermutlich ist es so das Dir ein wenig Erfahrung mit CSS fehlt. Denn das man ein HTML Element nicht mit CSS formatieren kann ist so gut wie unmoeglich.
Wenn Du moechtest das man Dir hilft dann solltest Du auch entsprechend handeln!!!
Wenn ich so wie eben Deine Website mit meinem Firebug besuche und die CSS Aggregation aktiv ist - was soll man da noch sagen. Ich kann Dein Handeln nicht verstehen.
Eines kann ich jedenfalls erkennen. Am a Tag der beiden Headerimages kommt die CSS Formatierung in Deiner style.css nicht an. DAS IST DER PUNKT.
Also machst Du etwas falsch. Aber das sagte ich ja bereits.
Ich bin auch nicht davon ausgegangen das Du meine gepostete Formatierung auf den a Tag scheinbar voellig stupid und ohne jedwede Tests in Form von Varianten dieser vorgeschlagenen Formatierung verwendest.
Was mir bleibt Dir zu sagen: Lerne CSS.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
!important in CSS stylesheets verwenden
am 21.11.2008 - 22:22 Uhr
Damit kann man seinen CSS-Einstellungen den gehörigen Nachdruck verleihen.
http://www.drupalcenter.de/handbuch/6724
Nachtrag:
img{border: none;
}
funktioniert bei mir im Firefox, getestet mit Stylish.
Frank
Firefox-CSS-Bug?
am 21.11.2008 - 22:38 Uhr
Bei mir sind die Rahmen auch ohne CSS-Änderung nach einigem Herumspielen mit Firebug auf einmal verschwunden
Wenn man unter "Optionen" "Show User Agent CSS" aktiviert, kriegt man heraus, dass die Rahmen um die Bilder aus der Firefox-CSS-Datei html.css stammen (Zeile 399):
*|*:-moz-any-link img, img[usemap], object[usemap] {border: 2px solid;
}
Sehr merkwürdig, das...
Frank
Also CSS-Cache ist noch
am 22.11.2008 - 12:32 Uhr
Also CSS-Cache ist noch aktiv, ich würde mal prüfen, ob du auch das richtige Drupal verarbeitest.
@Ralf, das ist die CSS-Definition "vom Browser", also die Standardwerte.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
falsche CSS-Datei (wg. Color-Modul)
am 22.11.2008 - 13:32 Uhr
Hier die CSS-Datei:
http://www.das-fanmagazin.de/hannover96/themes/pixture/style.css
Das ist nicht die CSS-Datei, welche die Website benutzt. Die verwendet diese Version:
http://www.das-fanmagazin.de/hannover96/sites/default/files/color/pixtur...
Und da sind die Änderungen noch nicht drin...
Themes, die das Color-Modul verwenden, erstellen eine Kopie des style.css-Stylesheets, da ist es manchmal schwierig, den Überblick zu behalten:
It is important to remember that color module saves a modified copy of the theme's style.css file in the files directory, and includes it after the theme's original style.css. This means that if you make any manual changes to your theme's style.css file, you must save your color settings again, even if they haven't changed. This causes the color module generated version of style.css in the files directory to be recreated using the new version of the original file.
http://drupal.org/handbook/modules/color
Probier's mal damit.
Gruß
Frank
#logo a { color: transparent; }
am 22.11.2008 - 13:35 Uhr
"style.css" 6 Linie 168
a:visited, a.active:visited {color: #0C1D0D;
}
Also sollte diese CSS Formatierung den Border um die beiden Headerimages beseitigen:
#logo a:visited, #logo a.active:visited {color: transparent;
}
Eigentlich sollte es auch mit
#logo a {color: transparent;
}
funktionieren.
Diese Formatierung wird auch auf das img Tag angewendet. Denn wenn man mit dem Firebug richtig hinguckt dann kann man sehen, das wenn man in der linken Seite das img Tag im a Tag anklickt, wie der Firebug in der rechten Seite zu diesem img Tag sagt:
Geerbt von a hannover96
a:visited, a.active:visited {color: #0C1D0D;
}
Das bedeutet, wenn man das a Tag mit transparent formatiert das diese Formatierung an das img Tag vererbt wird.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Stimmt, er muss die
am 22.11.2008 - 14:46 Uhr
Stimmt, er muss die Coloreinstellung des Themes neuabspeichern, damit eine neue erstellt wird.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Vielen lieben Dank noch
am 11.12.2008 - 13:11 Uhr
Vielen lieben Dank noch einmal für euer aller Hilfe!! Zwar hat leider alles nichts geholfen, aber es ist trotzdem schön, dass mir so viele versucht haben zu helfen. Und das tolle ist: Es ist soeben ein Weihnachtswunder geschehen! ;-) Ich habe auf Drupal 6.7 geupdatet und was ich schon längst nicht mehr zu hoffen wagte, ist eingetreten: Die Ränder sind weg. Sie sind also ebenso unvermittelt und ohne eigenes Zutun verschwunden, wie sie kamen. Ich verstehe das zwar nicht, aber ich hoffe, es bleibt so... ;-) Also wie gesagt: Danke nochmal!
Trotz Weihnachtswunder:Drupal ist keine Hoffng. sondern Realität
am 11.12.2008 - 13:22 Uhr
Trotz Weihnachtswunder,
eines bleibt: Du kannst mit dem Firebug nicht wirklich etwas anfangen um mit seiner Hilfe CSS Formatierungen zu realisieren. Stimmts oder täusche ich mich?
Ich wünsche Dir weiterhin viel Erfolg bei Deiner Arbeit mit Drupal und möglichst wenig Situationen der Hoffnung.
PS
Drupal ist keine Hoffnung sondern Realität.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
doch keine Magie
am 11.12.2008 - 13:41 Uhr
Die folgenden Codezeilen sind durch das Update jetzt auch in die style.css des Farbschemas übernommen worden (http://www.das-fanmagazin.de/hannover96/sites/default/files/color/pixtur...):
img {border: 0 none;
}
#logo a {
color: transparent;
}
Also keine Magie im Spiel...
Frank
Wie ich bereits gepostet hatte
am 11.12.2008 - 13:43 Uhr
Die folgenden Codezeilen sind durch das Update jetzt auch in die style.css des Farbschemas übernommen worden
Wie ich bereits gepostet hatte:
Also sollte diese CSS Formatierung den Border um die beiden Headerimages beseitigen:
#logo a:visited, #logo a.active:visited {
color: transparent;
}
Eigentlich sollte es auch mit
#logo a {
color: transparent;
}
funktionieren.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Hmmm, ich frage mich, wieso
am 11.12.2008 - 14:08 Uhr
Hmmm, ich frage mich, wieso das vorher nicht geschehen ist. Denn ich habe alle Änderungen so übernommen und auch das Farbschema neu angespeichert. Ohne Wirkung.
eines bleibt: Du kannst mit dem Firebug nicht wirklich etwas anfangen um mit seiner Hilfe CSS Formatierungen zu realisieren. Stimmts oder täusche ich mich?
So ist es leider. Von CSS habe ich bedauerlicherweise 0 Ahnung. Nur HTML. Aber damit komme ich heute leider nicht mehr weit. In diesem Fall bringt es mir beispielsweise gar nichts.
CSS wird immer wichtiger
am 11.12.2008 - 14:29 Uhr
Dann macht dich mal vertraut mit CSS, wenn Du HTML kapiert hast kommst Du auch mit CSS zügig voran. Ist ja nichts anderes als die ganzen Formatierungen aus dem Quellcode rausnehmen und in eine eigene Datei auszulagern.
Gruss Roger
Buchtipps zu CSS
am 11.12.2008 - 15:02 Uhr
Hier gibt's ein paar Literaturempfehlungen: http://www.drupalcenter.de/node/14454#comment-50329
Vielleicht passen die ja noch auf den Wunschzettel ;-)
Frank