Counter neben Kategorien

style.css suche dort nach

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

und nimm das display:block raus,

dann kann die Anzeige daneben stehen,
ob dann was anderes nicht mehr so aussieht wie jetzt könnte sein

lg

 

in der style.css steht gleich oberhalb:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

nimm dort das display:inline raus


und unterhalb bei
sidebar ul li a das display block
kann sein, dass dann die Linien nicht durchgängig sind, das kann man lösen indem man

ul li einen border gibt und eine bestimmte Breite

lg

 

Das Problem ist, dass der Zähler nicht innerhalb des links steht. Da dieser aber "block" formatiert ist (um z.B. diverse hover Eigenschaften nutzen zu können) wird hinter diesem ein Zeilenumbruch gemacht, wodurch der Zähler in die nächste Zeile rutscht.

Nimmst du die "block" Formatierung raus wird das hovern über die links in deinem Fall nurnoch den eigentlichen Text mit einer anderen Hintergrundfarbe hinterlegen, nicht aber die ganze "zelle".

Ich habe es für mich bei einem Projekt so gelößt, dass ich die Coredatei so umgeschrieben habe, dass der Zähler im Link steht. Ist aber generell nicht zu empfehlen.

Grüße
Mo

 

CSS zurück auf Anfang, dann dazu:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Besser wäre ein Link zum Blog, versuchen kannst du noch dies:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Hi Torsten!

Ich hab zZ das gleiche Problem wie Du. Ich möchte meine Navigation auch wegen des Hover-Effekts als Block anzeigen lassen, aber jedesmal wenn ich das mache, rutscht wie bei Dir der Counter nach unten und versaut alles.
Es liegt nicht daran, dass der Code falsch ist, sondern einfach daran, dass wir etwas "unmögliches" versuchen. Wir versuchen mit display:block einen kompletten Block linkbar zu machen in dem eben auch ein "nicht-link-part" [Counter] vorhanden ist. Das geht nicht.
Sagt man dem Block zusätzlich noch display:inline, dann schiebt er den "nicht-link-part" [Counter] zwar nach oben, aber dann ist der link part eben nicht mehr so breit wie der ganze Block. Wenn Du verstehst was ich meine, ist blöd zu erklären...

Ich hab mich auch damit abgefunden, dass der einzige Weg das zu lösen der ist, den Morris vorgeschlagen hat. Den Counter in den Link einzubinden, oder ihn zu entfernen...

 

Is ja´n Gewusel mit den Stylesheets - kann man das nicht einfach umgehen, indem man vor den Link im quellcode den guten alten HTML-Tag <nobr>, und hinter den Zähler den </nobr> Tag notiert ?

PS: spontane Idee, hab mir den Quellcode nicht angesehen - aber theoretisch könnte das die smarteste Lösung sein

 

Wenn es um validen Code geht, gilt es von <nobr> abzusehen
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Zeilenumbruch

sonst ist es evtl. durchaus einen versuch wert.

Grüße
Mo

 

der Code nicht aber die Angaben der style.css , um die es hier geht.

es gibt einen hover Effekt, der aussieht als würde er die ganze Zeile in Anspruch nehmen, dabei ist das NUR der hover Effekt eines Links...

das kann man nur machen, wenn man dem Link ein display block gibt, dieses display block ist aber eigensinnig und schiebt alles andere nach unten

theoretisch kann mantricksen,
doch diese Trickserei mag der IE nicht, er crasht nicht, aber er zeigt den hover Effekt nicht an ...

das kann man wiederum umgehen, indem man den IE mit javascript vergewaltigt...

jetzt meine Frage:magst Du auch den hover Effekt haben -also wenn Du mit der Maus drüberfährst?

oder..
kannst Du damit leben, dass dies der IE nicht kann?

oder andere Möglichkeit ...

die Zahl steht in derselben Zeile wie der Link aber ohne hoverEffekt und dort ganz am Ende?


je nachdem was Du magst, kann ich mich Samstags irgendwann damit spielen..

lg

 

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

damit rutscht die Anzahl auf das Ende der Zeile,
es ist fast die ganze Fläche weiter anklickbar und hover Effekt ist auch da,
ebenso der Border und der Abstand der einzelnen Blöcke,

??
so

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

damit ist die Zahl gleich neben dem Link
hover Effekt ist da
aber anklickbar ist nur die Fläche, die der Linktext braucht.

lg

 

und da leg ich mich krumm ...

... *snif* mag denn keiner einer mein schönes Filter-PlugIn ausprobieren? Hab ich doch extra geschrieben.



>>LINK

Mit dem PlugIn versetzt man die "Beitrags-Zählung" in den Link - und dann klappt nichts mehr um. Und - glaubt mir - es gibt Fälle, in denen die Zahl "in den Link rein muss", damit sie nicht wegklappt. Wenn man z.B. wert drauf legt, dass die gesamte "Knopf-Fläche" anklickbar ist, damit man nicht auf die "Buchstaben des Links" zielen muss, dann Konstellationen mit Hintergrundbild-für-Link etc. pp ...

Sprich: So ziemlich alle Navis, in denen die Links aus Layout-Gründen als Block-Element definiert sein müssen, haben dieses "Umklapp"-Problem für alles, was innerhalb der <li>...</li> aber außerhalb des <a></a> ist


Mein "Filter" hat noch den kleinen Nachteil, dass man die "Zahl" nicht anders "stylen" (z.B. färben) kann als den Link-Text, aber das wäre auch mit ein paar Handgriffen zu ändern.

 

Klappt wie am Schnürchen!

Gabis Wordpress-Templates » Weblog

 

... freut mich ...



... ich bin grad am Überlegen - Ist natürlich schade, dass die "Zählung" quasi genau so aussehen "muss" wie der Link-Text - Was würdest Du Dir denn für ein Tag um die Zählung wünschen?

Ich würd <em></em> vorschlagen. In Ordnung? Andere Vorschläge?

(Hatte zuerst an <small></small> gedacht, aber ich glaub, das wäre eher unpraktisch)