Beiträge von Johnnie Foxtrott

Immer gern. War bei mir genauso: Dachte an exakt so eine Darstellung der Tags und fand sie dann auch :)

Juchhuuu, ich kann einen sinnvollen Beitrag schreiben:

Das Plugin nennt sich WP-Cumulus, nutzt u.a. Flash und gibt's im Pluginverzeichnis von wporg:

WordPress › WP-Cumulus WordPress Plugins

Ich nutze den shit auch :mrgreen:

Gruß

Zitat

Dann tauchen die Hover-Bilder komplett an der falschen Stelle auf.

Stimmt, ist mir jedoch nicht wichtig, da ich meine Seite auf 960px optimiert habe, wer mit 800px oder weniger unterwegs ist ist mir ehrlich gesagt egal, ist halt mein privater Blog...

Wie meinst du das, header Bereich relativ positionieren?

Also die negativen Werte gelten ja nur fuer die :hover-Situation.
Sprich: Im normalen Zustand befindet sich das Hover-Hintergrundbild (bg.navhover.jpg) vernab jeglicher Sichtbarkeit:

#nav a {width:136px; height:0; 
	padding-top:160px;
	display:block; 
	float:left; 
	overflow:hidden;
	text-decoration:none; 
	background:transparent url(./images/bg.navhover.jpg) 544px 544px no-repeat;
	}

Die hover-Grafik ist EINE Grafik mit allen 4 veraenderten grafischen Zustaenden. Faehrt man nun mit der Maus ueber den jeweiligen Link, positioniert sich die bg.navhover neu:

#nav a#works:hover {background-position: -136px 0; z-index:50;}

Alle 4 link-Blockelemente sind gleich breit (136px), die navhover ist so breit wie alle 4 zusammen (544px) - link 1 (Blog) bekommt bei :hover die Position

0 0

, link 2 (Werke) schon einen negativen Wert, und zwar genau die breite eines einzelnen link-Blocks (136px); heisst, dass vom linken Rand des 2. Linkblocks die Grafik sich um -136px nach links verschiebt - also der "2., 136px breite Teil" der Hintergrundgrafik zu sehen ist- in dem Fall das explodierende AKW. Ansonsten mal ich das Verfahren mal in Paint nach ^^

Oder hat noch irgendein anderer hilfreicher CSSler einen Loesungsvorschlag? Oder ist meine Blog-navi auf ewig zum Wackeln verdammt?

Guten Tag allesamt,
nachdem ich monatelang hier nur mitgelesen habe meldete ich mich heute mal an, da ich eine Frage habe. Ich benutze WP 2.6.1. auf einem eigenen Server, habe das Standardthema "Kubrick" missbraucht um mein eigenes zu basteln. Mein Blog befindet sich nun in der offenen Betaphase, es fehlen noch ein paar Dinge, das Bloggen macht mir aber allmaelig Spasz und der index.php-Code ist valide.

Nun zum Problem: Fuer die Navi habe ich einen :hover-Effekt eingebaut, der vom positioning Gebrauch macht (gab`s mal auf cssplay.co.uk); eigentlich hat mal alles gut funktioniert, die Pixelwerte stimmen alle etc.
Wenn man meine Seite mit dem FF3 und WinXP/Vista besucht, verschiebt sich die "gehoverte" Hintergrundgrafik immer um 1 Pixel nach rechts, obwohl die Werte stimmen. Bescheuert: Aktiviert man in XP den Old-Windows-Style, funktioniert alles bestens. EBENSO, wenn man das Browserfenster verkleinert, es also nicht mehr maximiert ist ... ich benutze die 1280er Desktopaufl.

Weisz vielleicht irgendein Profi weiter? Also ich bin trotz meiner fortgeschrittenen Kenntnisse am Ende - muss ja irgendwas mit dem zusaetzlichen Pixel zu tun haben, der durch die neuen Styles an der Scrollbar entsteht; warum sich das ganze dadurch nicht einfach um 1 Pixel verschiebt, ist mir jedoch schleierhaft.

Alle anderen Kleinigkeiten wie unsauberer Code oder fehlendes 404-Layout bitte ich zu entschuldigen ^^

Link zur CSS

Fuer jedwede Antwort bin ich dankbar!