K2 Problem

Max.

hallo,

ich habe ein Probem dem Theme K2

Meine Sidebar ist nach unten verrutscht.

Warum?
Es liegt nicht am Bild, dass habe ich schon probiert.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

jottlieb

http://validator.w3.org/check?uri=http…nline&ss=1&sp=1

Meldet ein paar Fehler, die man beseitigen sollte. Ob's am Beitrag liegt kannst du testen, in dem du ihn zurück auf den Entwurfsmodus schaltest (im Adminmenü).

Max.

okay geht jetzt,

vielen Dank.

Hab aber noch eine CSS Frage:

Schaut euch mal das Bild an,

ich möchte, dass der Grüne Hintergrund immer bis (fast) zum Rand rechts geht egal wielang das Wort ist. Jetzt geht der Hintergrund nur so lang wie das Wort ist.

Gruß

max

jottlieb

Du könntest ihm sagen, dass dieses "Ding" eine feste Breite haben soll, z.B. 150 Pixel:

HTML

ul.menu li.current_page_item a:hover {
	color: #000 !important;
	background: #9cff00;
	text-decoration: none;
        width: 150px;
	}

Problem ist nur, dass das obere Menü ja auch auf die Eigenschaften zugreift (könnte man aber evtl. ändern).
Ob das so funktioniert, musst du probieren.

Max.

Danke,

das funktioniert aber nicht.

PS: Es geht um das Menu an der Seite nich um das Menu oben. (Falls das nicht rübergekommen ist)

jottlieb

Ja ich weiß, es geht um das an der Seite.
Hast du auch mal einen Wert größer als 150 px probiert?
Füge zusätzlich auch mal das ein (für Browser wie Firefox):

HTML

min-width: 150px;

(Hier evtl. auch mit den Werten probieren)

jottlieb

Ansonsten hab' ich noch eine Idee.
Das Menü in einen DIV-Layer legen, also so z.B. (ich kenn jetzt den genauen Code nich):

HTML

<div id="menubox">
<h2>Hauptmenü</h2>
list pages blalba
</div>

Für diesen Layer dann das in die CSS einbauen:

HTML

#menubox {
margin: 0px;
padding: 0px;
overflow: hidden;
width: 150px;
	}

Dann sagt man den Menpünkten, dass sie gaaanz lang sein sollen:

HTML

ul.menu li.current_page_item a:hover {
	color: #000 !important;
	background: #9cff00;
	text-decoration: none;
       padding-right: 100px;
	}

Die Box oben sorgt dafür, dass zu langes (also über der Breite von 150px) abgeschnitten wird.
Problem hier wieder: Das obere Menü greift auf die gleiche Klasse zu.
Aber vielleicht kann man das umgehen, in dem man das als zusätzliche CSS-Klasse einbaut und die ursprüngliche so lässt.

HTML

#menubox li.current_page_item a:hover {
	color: #000 !important;
	background: #9cff00;
	text-decoration: none;
       padding-right: 100px;
	}

Nachtrag: Oder man gibt den anderen Dingern im Menü nicht die Klasse page_item bzw. current_page_item

Max.

funktioniert immer noch nicht, soll ich mal die Ganze style.css hochladen oder so?

Hier der Abschnitt wie er bis jetzt aussieht:

PHP

.secondary ul, .secondary ol {
        font: 1.2em Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold;
    margin: 5px 0 0;
    padding-left: 0;
        letter-spacing: 2px;
    color: #fff
    text-decoration: none;
        width: 200px;
        min-width: 150px;
    }


.secondary li {
        font: 1.2em Verdana, Helvetica, Arial, Sans-Serif; font-weight: bold;
    margin: 5px 0 0;
    padding-left: 0;
        letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
        width: 200px;
        min-width: 150px;
    }




.secondary ul a:hover {
    background: #9cff00;
    color: #000 !important;
    text-decoration: none;
        padding: 5px;
        width: 200px;
        min-width: 150px;
    }


.secondary ul a {
    background: #04008A;
    color: #fff !important;
    text-decoration: none;
        padding: 5px;
        width: 200px;
        min-width: 150px;
    }


ul.page_item li.current_page_item a,
ul.page_item li.current_page_item a:hover {
    color: #000 !important;
    background: #9cff00;
    text-decoration: none;
        width: 200px;
        min-width: 150px;
    }

Alles anzeigen

Die komplette style.css isthttp://nanos-dts.de/wp-content/themes/k2/style.css

Vielen Dank für eure Hilfe!

jottlieb

Wie die style.css aussieht sehe ich, die kann ich mir ja selber runterladen.
Aber wiegesagt: Vielleicht sind 150 oder 200 Pixeln einfach ein paar Pixel zu wenig. Und dann ist da noch die zweite Idee (die wahrscheinlich besser funktioniert), die ich da hingeschrieben habe, wie sie mir aus dem Kopf sprudelte.

Max.

hat geklappt,

mir ist aber schon wieder ein neues Problem aufgefallen:

Durch das padding in

PHP

.secondary ul a:hover {
    background: #9cff00;
    color: #000 !important;
    text-decoration: none;
        padding: 4px;
        padding-right: 100px;


    }


.secondary ul a {
    background: #04008A;
    color: #feb501 !important;
    text-decoration: none;
        padding: 4px;
        padding-right: 100px;


    }

Alles anzeigen

werden die Buttons ja breiter, was auch so sein soll aber wenn der Text umgebrochen wird (macht der IE bei einigen Sachen) dann überschneiden sich die paddings.

jottlieb

Puh, da fällt mir leider irgendwie nix auf die Schnelle ein.
Man kann höchstens(?) verhindern, dass Text umgebrochen wird - aber ob das sinnvoll wäre?
http://www.css4you.de/Texteigenschaften/white-space.html

Monika

Du musst zu beiden Angaben dazuschreiben:

line-height:1.4em;
also so :

CSS

.secondary ul a:hover {
line-height:1.4em;
    background: #9cff00;
    color: #000 !important;
    text-decoration: none;
        padding: 4px;
        padding-right: 100px;


    }


.secondary ul a {
line-height:1.4em;
    background: #04008A;
    color: #feb501 !important;
    text-decoration: none;
        padding: 4px;
        padding-right: 100px;


    }

Alles anzeigen

müßte klappen

lg

Max.

Danke hat geklapppt.

Kann ich den div layer auch dazu benutzen, dass nur um die sich im Seitenmenu befindenen Buttons ein Rahmen drum ist?

Max.

Edit :

Weil wenn ich

PHP

ul.menu li a:hover {
    background: #9cff00;
    color: #000 !important;
    text-decoration: none;
        border-width: thin;
    }


ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
    color: #000 !important;
    background: #9cff00;
    text-decoration: none; 
        border-width: thin;
    }

Alles anzeigen

mache passiert einfach nichts -.-

jottlieb

Probiere mal

HTML

border:thin solid #ffffff;

Max.

ehm kann ich es irgendwie machen, dass die Buttons nicht so an einander kleben?

Also ich möchte, dass die Buttons weiter außeinander sind aber die Rahmen der Buttons nicht an einander kleben.

Ich hoffe ihr versteht was ich meine :D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

K2 Problem

Jetzt mitmachen!