Beiträge von cycorps

Link hab ich noch nicht, seite ist noch nicht online:

/* NAVIGATION */
#navigation {position: relative; left: -40px; padding: 0; margin: 0;}
#menu ul {padding: 0; margin: 0; font-size: 0px;}
#menu li {height: 32px; float: left; list-style-type: none; overflow: hidden;margin-right: 2px;}


#menu a img {border: 0;display:block; height: 100%;}


#menu img.home         {position: relative; left: 0px; top: 0px;}
#menu img.home:hover     {position: relative; left: 0px; top: -32px;}


#menu img.themen {position: relative;  left: 0px; top: 0px;}
#menu img.themen:hover {position: relative;  left: 0px; top: -32px;}


#menu img.programm {position: relative;  left: 0px; top: 0px; width: 121px;}
#menu img.programm:hover {position: relative;  left: 0px; top: -32px;width: 121px;}


#menu img.antraege {position: relative;  left: 0px; top: 0px;}
#menu img.antraege:hover {position: relative;  left: 0px; top: -32px;}


#menu img.presse {position: relative; left: 0px; top: 0px;}
#menu img.presse:hover {position: relative; left: 0px; top: -32px;}


#menu img.termine {position: relative; left: 0px; top: 0px;}
#menu img.termine:hover {position: relative; left: 0px; top: -32px;}


#menu img.fraktion {position: relative;left: 0px; top: 0px;}
#menu img.fraktion:hover {position: relative; left: 0px; top: -32px;}

#menu li {height: 32px; float: left; list-style-type: none; overflow: hidden;margin-right: 2px;}

Das jeder Button einen eignen CSS-Abschnitt hat weiß ich. Du hast aber geschreiben, dass die height: (halbehöhe der Grafik) in Li soll. und da kann ich ja schlecht 100 verschiedene Breiten angeben

wenn ich LI die höhe 32px gebe, presst IE7 die Grafiken von 64px höhe in die 32px große LI.

Zitat von koslowski

Hi,

normal braucht li ne Höhe und ne Breite und zwar die der halben Grafik( wenn sie zwei Zustände enthält).
a braucht dann wohl display:block und height/width:100% (damit es auf die Ausmasse von li ausgedehnt wird).

was wenn die Grafiken alle unterschiedlich "breit" sind?

Hallo,

gibt es die Möglichkeit das Veröffentlichungsdatum eines Artikels zum Beispiel zurück zu datieren?

Ich veröffentliche zum Beispiel etwas heute und setze als Datum: 25.05.2006 ?

Grüße, am liebsten ohne einen eingriff in MYSQL (via phpmyadmi)

ok,

weiß jemand was zum IE 7? Der zeigt bei mir nämlich die ganze Grafik an. Sprich beide.

http://img38.imageshack.us/img38/3918/unbenannttes.jpg

1) hab einfach #menu li die eigenschaft: margin-right: 2px zugefügt. da es nicht genau bündig endet muss scheint es zu gehen.

2) werd ich mal probieren. Wie muss ich denn im style.css das 3 bild nennen?

#menu img.home         {position: relative; left: 0px; top: 0px;}
#menu img.home:hover     {position: relative; left: 0px; top: -32px;}

so siehts momentan aus.

Huhu, danke für die Antworten.

Hab jetzt die Idee von Kaiser aufgegriffen. Funktioniert auch soweit allerdings habe ich folgende Probleme:

1.) Gebe ich den "Buttons" bei left: 2px um den Abstand zwischen den einzelnen Buttons zu erhöhen wird der Button immer auf der rechten Seite um 2px gekürzt? Warum welche Einstellung ist das?

2.) Wie bau ich dort jetzt das 3 Image ein, wenn eine Seite aktuell geöffnet ist?

3.) Kann ich das ganze Links orientieren? Die Buttons sind bei mir irgendwie zentriert.

ups PN nicht gesehen.

Alternative, um es mit wp_list zu machen:

horizontale Navigation wird via wp_listxxx eingebunden nimmt aber nur die Seiten, die unter die Oberkategorie/Oberseite "headnavigation" sortiert wurden.

möglich?

Danke für deine Antwort. Interessant zu wissen. Allerdings weiß ich nicht ob es mir bei meinem Problem hilft.

Mit "active" oder "visited" schaffe ich es ja nicht, den Button anders darzustellen, wenn die Seite aktuell aufgerufen ist.

wenn ich aber nicht mit den wp-listes arbeite? Ich die Links fest per CSS/HTML definiere?

was gibts dann für eine Möglichkeit?

Hi,

ich will für meine Navigation jeweils 3 Bilder Pro Button verwenden (normal, mouseover, und "aktiv" also wenn die Seite geöffnet ist)

Wie macht man es am besten? Ich wollte eig ein div machen mit dem bild als Background-image und dann per hover etc die eigenschaften ändern.?

Richtiger Weg oder gibts bessere Möglichkeiten? Fürs erste muss es nicht dynamisch sein.

Ich hab nochmal schnell einen Screenshot gemacht wie ich es mir ca. vorstelle. Vielleicht erleichtert das die Arbeit:

http://img19.imageshack.us/img19/8097/footnav.jpg

Wenn jemand ein Design kennt, dass in etwa eine ähnliche oder vielleicht sogar so eine Navigation besitzt - bitte melden ;)

Grüße

das wär sehr nett.

halt mich / uns einfach hier auf dem Laufenden.

keine Ideee?

test

habs jetzt so gemacht: Die Oberseite soll dann jeweils die Kategorie darstellen und ohne link sein.

Wie mach ich jetzt die <li> ohne Einrückung? Und Wie sag ich ihm, dass er für jede Kategorie (Oberseite) eine neue Spalte anfängt?

danke, habs jetzt glaub ich soweit hinbekommen.

jetzt muss ich nur noch den text horizontal zentrieren in der Eingabe.

ok bloginfo muss vor die css-src pfade ()../iamges/xx.xy

ok,

hab jetzt den "neuen" Template-Tag benutzt. Der alte ging zwar auch, aber naja.

Nur was bringt mir das jetzt für das CSS? Die Grafiken werden immer noch nicht angezeigt.

Hab mir auch mit dem bloginfo die URL sagen lassen.

Was ist hier falsch? Die Images haben alle CHMOD 777 und liegen im /images Ordner:

<div style="margin-left: 400px; margin-top: 50px;">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<label class="hidden" for="s"><?php _e('', 'kubrick'); ?></label>
<div><input type="text" style="background-image:url(images/search_mask.gif)" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="image" src="images/search_btn.gif" width="34" height="26" id="searchsubmit"  value="<?php _e('', 'kubrick'); ?>" />
</div>
</form>
</div>