Zählerzahl genau unter Wort & Trennlinie bei den Kategorien?

Ehm..ja.

Zu 1.:
Wie bekomme ich es hin das die Zahl von 'Gesehen' genau unter dem Wort steht bzw. das Wort genau darüber?



Und 2te Frage [Ich hoffe das ist erlaubt, wenn nicht Entschuldigung!]:
Wie kann ich hier Trennlinien einfügen? Als ich andere Tipps befolgt habe, habe ich das nicht hinbekommen bzw. sie waren verschoben. Dasselbe auch in den Unterkategorien!



Danke (:

Hallo,

mit diesem CSS-Code sollte es klappen:

Code:

ul.topiclist li.header dl dd { 
    padding-left: 11px;
}

für jede weitere Frage bitte, gemäß unseren Regeln, einen eigenen Thread aufmachen, damit die Frage später auch gefunden werden kann.
kleiner Tipp von mir: einfach mal mit den Farben der Umrisse ausprobieren und testen

Vielen Dank (: Hat geklappt.

ja, klappt zwar, aber wirkt sich auch auf die Startseite aus, wie ich gerade feststellen muss, was nicht so schön aussieht, oder?
Jedenfalls sieht es mit einer kleinen Auflösung so aus:


Das liegt aber auch an deiner Einstellung von 65%, die du als Breite des Forums angegeben hast.
Wenn nun jemand mit einer kleinen Auflösung dein Forum betrachtet, wird das Ganze zusammengeschoben.
Ich würde die Breite des Forums schon auf mindestens 85% einstellen, dann wird es auch überall richtig angezeigt

Ist mir eben auch aufgefallen. (: Ich hatte mich schon gewundert ob's vielleicht nur bei mir so war.

Okay gut. Aber es bleibt trotzdem so? Ich hab 85% eingegeben...kann das an einem CSS Code liegen?

dann nimm mal den Code raus, den ich dir eben gegeben habe und ersetz ihn hierdurch:

Code:

      
li.header dd, li.header dt {   
    margin-left: 6px; 
}

eventuell noch den Pixelwert erhöhen, bzw anpassen. Müsste aber ungefähr hinkommen.

Super danke.

Allerdings hab ich da schon wieder ein Problemchen damit...jetzt sieht es zwar auf der Startseite schön untereinander aus:



Aber dafür in den Unterforen wieder nicht. Was mache ich nur falsch?!



Wenn ich beide CSS Sheets eingebe, sieht es wieder so verschoben aus, wie Zuckerpuppe es schon gezeigt hatte. Hilfe... ;_;

das liegt an folgendem CSS-Eintrag:

Code:

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

der bewirkt, dass die Einträge darunter sich nach rechts verschieben.

Wenn die Pixelzahl dort z.B. auf 48px stünde, dann wäre alles perfekt.
Das Problem ist, dass du solch ein breites Icon dort hast und der Titel des Themas dann in das Icon ragt.
Ich schau mal, ob man das irgendwie anders regeln kann, kann es aber nicht versprechen, weil die Möglichkeiten bei bb3 begrenzt sind.

Die Größe der Icons dort beträgt 59 x 60. Wie groß sollte ich sie denn machen, damit es sich behebt? Also ich wäre bereit auch die Größe zu ändern.

Das solltest du mal austesten. Ich denke, dass die maximale Größe 40px in der Breite sein sollte. Kann aber auch ein paar Pixel kleiner sein.
Die Themenicons sind in der Regel auch nicht so riesig.

Stell mal den CSS-Code

Code:

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

auf 48px und dann teste mal eine Grafik von 40x40 aus, dann siehst du ja, ob es klappt
Wenn nicht, dann nimm eine von 35x35

Ach Zuckerpuppe vielen Dank. Ich werde nun alle Themen Icons auf 40 x 40 stellen. Hat geklappt, danke. (:

ist es denn so gewollt, dass die einzelnen Themenzeilen so groß sind?

jetzige Anzeige:


so ist es normal:


wenn dort später mal viele Themen drin sind, dann zieht sich das ganz schön in die Länge..

Und wie bekomme ich es normal? Oder wie jetzt?

gib mir bitte mal den kompletten CSS-Code, den du eingesetzt hast, dann schau ich mal nach


edit: die Änderung kann ich dir allerdings erst heute Abend geben, da ich jetzt weg muss.

Kein Problem (:

Code:

body {
  font-family: Tahoma;
  color: #ffffff;
  background-color: #000000;
  background-image: url('http://c.universalscraps.com/files/en/backgrounds/red.backgrounds/red_background_004.jpg');
  background-attachment: scroll;
        background-repeat: repeat;
        background-align: center;
  font-size: 10px;
  height: auto;
  }

ul.topiclist li.row dl {
    margin: -10px;
    padding: 18px 0 0;
}


.bodylinewidth {
width: 60px
}

ul.topiclist li.row dl {
padding-top: 25px;
}

ul.topiclist li.row dl {
margin-bottom: -10px;
margin-left: -10px;
margin-right: -10px;
margin-top: 0px;
}

td.row1.over:hover, td.row2 {
background-color: #60deae;
}

li.header dd, li.header dt {   
margin-left: 2px; 
}

/*--hover-glitzer-beginn-*/
a:hover {
            POSITION: relative; 
            TOP: 1.0px; LEFT: 1.0px;}
a:hover {
            background-image:url(http://i69.servimg.com/u/f69/11/49/29/60/stern110.gif);
            }
/*--hover-glitzer-end--*/

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

o.k., dann lösch mal den kompletten Code raus, der jetzt drin ist und setz folgenden dafür ein:

Code:

body {
  font-family: Tahoma;
  color: #ffffff;
  background-color: #000000;
  background-image: url('http://c.universalscraps.com/files/en/backgrounds/red.backgrounds/red_background_004.jpg');
  background-attachment: scroll;
        background-repeat: repeat;
        background-align: center;
  font-size: 10px;
  height: auto;
  }

ul.topiclist li.row dl {
    margin: -10px;
    padding-bottom: 15px;
    padding-top: 15px;
}

td.row1.over:hover, td.row2 {
background-color: #60deae;
}

li.header dd, li.header dt { 
margin-left: 2px;
}

/*--hover-glitzer-beginn-*/
a:hover {
            position: relative;
            top: 1.0px; left: 1.0px;}
a:hover {
            background-image:url(http://i69.servimg.com/u/f69/11/49/29/60/stern110.gif);
            }
/*--hover-glitzer-end--*/

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

jetzt sollte alles stimmen