Bildzelle der Icons bei Foren und Kategorien einstellen - wie?

Hallo an alle...

Ich habe mal eine Frage die die Größe der Bildzelle bei den Foren und Kategorien betrift.

Ich habe in einer anderen Antwort schon einen Tipp von Zuckerpuppe gesehen, aber der Funktioniert nicht so richtig.

Siehe hier -->

Diesen habe ich befolgt aber es klappt nicht so richtig...

Meine Icons haben eine Größe von 50 x 50 Pix, aber die Themen titel ragen immer noch in das Icon herein. Es handelt sich um ein phpBB3 Forum.

Hat jemand noch einen Tipp?

Nein, dass ist schon richtig, du musst den Code in den CSS-Stylesheet einsetzten und dann je nachdem die px bzw. % Zahl erhöhen.

Danke Edward für deine Schnelle Antwort, aber ich habe schon einige Einstellungen getestet und keine Veränderung wurde sichtbar.

Ich habe aktuell das drin stehen:

Code:

ul.topics dt {padding-left:0px;width:60%;}

padding left sagt ja wohl etwas darüber aus, wie weit das Icon nach links gesetzt werden soll.
Und wenn ich nicht irre, dann soll "width" ja die Prozentuale breite der Zelle sein.
Ich habe auch bei "width" schon einen px Wert versucht aber das bringt auch nichts.

Hast du noch einen Tipp?

Kannst dir das ja mal im Gastbereich ansehen.

Einstellung nun:

Code:

ul.topics dt {padding-left:60px;width:60px;}

Versuch mal den Code so einzufügen:

Code:

ul.topics dt {
padding-left: 80px;
width: 42%;
}

So wie der Code bei dir drinsteht, funktioniert das nicht.

Habe ich nun auch getestet aber ohne sichtbare Veränderung:

Code:

ul.topics dt {
padding-left:80px;
width:42%;
}

Liegt es an phpBB3 ?

Mus nun erstmal zur Arbeit melde mich heute Abend noch mal...

Hallo

Code:

ul.topics dt,ul.topics dd.dterm {
   padding-left: 60px;
   }

Hab mal 60px (bisher: 45px) genommen, aber das kannst du noch nach Wunsch einstellen.

Wieso hast eigentlich noch die nicht funktionierenden Codes für die Bilder im CSS? (Zwischen /* und */)

---

LG, Alex

Alex schrieb:
Wieso hast eigentlich noch die nicht funktionierenden Codes für die Bilder im CSS? (Zwischen /* und */)

Danke Alex alles klar... der Code Funktioniert nun

Ich habe den Code für die Bildanpassung schon drinn, aber ich hatte die Alten Codes noch im CSS stehen aber auskommentiert.

Eins ist aber immer noch nicht so das die Icons hinpassen:
Und zwar betrifft es den PN Bereich Posteingang / Ausgang und gesendet.
Aber ist erstmal nicht so schlimm.

Neuer Avantar...? Na ja der andere war doch vertrauenserweckender...

Gruß Frank

california schrieb:Eins ist aber immer noch nicht so das die Icons hinpassen:
Und zwar betrifft es den PN Bereich Posteingang / Ausgang und gesendet.

Dann bitte das noch drunter setzen:

Code:

ul.pmlist dt {
        padding-left: 60px;
        }

Statt den 60px nimmst halt dann den Wert, den du auch beim anderen Code drin hast.

Neuer Avatar...? Na ja der andere war doch vertrauenserweckender...

Steckt immer noch der Gleiche dahinter

Nur konnte ich den alten nimmer sehen und wollte mal was Stylisches

---

LG, Alex

Mensch Alex...
du bist so klug

Wenn ich dich nicht hätte... dann

Ich glaube ich muss mich auch mal einwenig mehr mit CSS beschäftigen und das unbedingt lernen.

Mit HTML komme ich ja schon klar aber CSS ist doch schon wieder was ganz anderes.

Kannst du mir da ne Lektüre empfehlen?

Ach so der Avantar:
Ist mir schon aufgefallen das da der Gleiche dahinter steckt, aber sieht doch schon
recht fürchteinflössend aus...

Lektüre: http://de.selfhtml.org

Software: Das FF-Add-On "Firebug", das ist bei so kleinen Änderungen Gold wert.

---

LG, Alex

@ Alex

Ich muss hier leider noch mal nachharken...
Das mit der BIldzellenbreite klappt nun ganz gut, aber es gibt noch ein Problem mit der Höhe.
Kann man die Codes dafür noch Anpassen?
Momentan vorhandene Codes sind:

Code:

/* Bildspalte in Themen einstellen */
ul.topics dt,ul.topics dd.dterm {
  padding-left: 60px;
  }

/* Bildspalte im PM Bereich einstellen */
ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 60px;
        }



Lassen sich diese noch durch eine Zeile in der Form:
padding-top: 15px;
erweitern?

Ich habe das mal so reingeschrieben:

Code:

/* Bildspalte im PM Bereich einstellen */
ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 60px;
        padding-top: 15px;
        }

Und es Funktioniert soweit, aber ist das so zulässig und entspricht es dem Standart?

Hallo

Ich hab die Klassen, die du genommen hast, nicht getestet, aber das funktioniert so nicht in allen Browsern.

Manche IEs (welche sonst ) schieben bei padding in einer zu kleinen Zelle den Inhalt dann in die Gegenrichtung aus dem Bild, also in dem Fall nach unten. Höher wird es dadurch nicht.

Also auf jeden Fall mit der minimal-Höhe arbeiten, also statt dem padding dann min-height: 35px; nehmen, wobei die 35px natürlich variabel sind.

---

LG, Alex

Ich habe grade noch mal rumexperementiert
Du hast recht mit den verdamten Browsern...
Mit IE6 fehlerhafte Darstellung auch was die Farben betrifft.
Meiner kommt mit der Transparenz nicht klar:


Die Icons werden Grau hinterlegt angezeigt... Mist...

Bei FF2:


Alles in Butter.

Und in der PM Übersicht mit IE6 so:


Und mit FF2 so:


Habe auch mit mehereren Einstellungen getestet und habe vorläufig diesen Code drin:

Code:

/* Bildspalte im PM Bereich einstellen */
ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 60px;
        padding-top: 17px;
        min-height: 50px;
        }


Ich werde das im laufe des Tages noch mal mit IE7 und FF3 ansehen.

Ich finde auch das der IE verboten werden sollte...
Nichts als Ärger mit dem Ding....

Der IE6 kapiert in den meisten Versionen keine Transparenz bei .png-Dateien. Nicht nur der, sondern auch ältere Safari, Opera und Seamonkey-Versionen und noch einige andere, die es aber im deutschen Raum kaum gibt.

Das kannst du umgehen, indem du .gif-Dateien machst.
Die haben allerdings eine indizierte Farbpalette, also weniger Farben. Bei fließenden Farbübergängen ist das ein echtes Problem, denn das wir dann abgestuft.

Wenn du einen Style oder ein Fix über CSS erstellst, dann ist es generell so:

Hast du diesen auf dem FF am Laufen, dann hast du etwa 20 % der Arbeit geschafft.

Danach kommen Fixes und Hacks für sämtliche anderen Browser, davon ungefähr 90% für den IE.

Dazu musst du dann mit Selektoren arbeiten, die nur von bestimmten Browsern auch interpretiert werden und in den anderen dieser Teil nicht berücksichtigt wird.

Aber wie du sieht werden schon die einfachsten Befehle und Formate unterschiedlich interpretiert.

Es ist also absolut keine Kunst, einen CSS-Style oder ein Fix bzw. eine Mod zu erstellen, der/die in einem Browser läuft, sondern die Kunst und die allermeiste Arbeit liegt darin, dass das Ganze in allen Browserversionen (bzw. allen relevanten) so aussieht, wie es soll

---

LG, Alex

Da sagst du was Wahres...
Wiegesagt ich werde mir das am Nachmittag noch mal mit den neuen Versionen Ansehen.

Sagmal.... Schläfst du eigentlich auch mal oder hast du auch Nachtschicht?

Edit:

Mit FF3 und IE 7 ist alles in Ordnung für die Beiden Browser ist es so o.k.

Gutes Stichwort

gut Nächtle und weg .............

---

LG, Alex