• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

transparenz im drop down menu + verschachteln?

G

Gamer20

New member
1. wie kann ich ein css drop down menu etwas transparenz verpassen?
2. wie kann ich ein css drop down menu verschachteln bzw. in unterkategorien unterteilen?

also man fährt über link, liste klappt auf (3 einträge bzw. zeilen -> 2005;2006;2007), wenn man dann auf einen link fährt, klappt rechts noch eine liste bzw. tabelle auf (also 2007->Osterfest;Weihnachten, Urlaub)

also so wie in windows, wenn ich Programme -> zubehör -> Systremprogramme anklicke usw.)!

Code: von css datei:

Code: 
ul.dropdown{
    list-style: none;
    margin:0;
    padding:0;
    width:100%;
    z-index:99;}

ul.dropdown * ul{
    list-style: none;
    margin:0;
    padding: 0;
	display:none;
	position:absolute;
	z-index:99;
	width:20em;}

ul.dropdown li{
    float:left;}

ul.dropdown li * li{
    border:1px solid #fff;
    float:none;

    position: relative;}

ul.dropdown ul * ul{
    left:98%;
    top:0;}

ul.dropdown a{
    display:block;}

ul.dropdown ul * a{
    height:100%;}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul{
    display:none;}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul{
    display:block;}

code von dem einem button in der menuleiste oberhalb:
.......
' hab 5 td´s bzw. zellen mit buttons und bei einem button brauch ich nur ein drop down menu (klappt so bis jetzt, nur eben ohe verschachtelung)


Code: 
<td align=center width=20%><ul class=dropdown>
<li>
<a href=index.php?Seite=2><img border=0 src=$Bilder[1]></a>       
<ul> 

<table>
<tr>
<td><img border=0 src=2007.PNG></td>
</tr><tr>
<td><img border=0 src=2007.PNG></td>
</tr><tr>
<td><img border=0 src=2007.PNG></td>
</tr>
</table>
              
</li>
</ul>
</td>
 
Zuletzt bearbeitet:
Gamer20 schrieb:
Code: 
<td align='center' valign='bottom' width='20%'><ul class='dropdown' id='mainmenu' style='position: middle'><li><a href='index.php?Seite=2'><img border='0' src='$Bilder[1]'></a>       
<ul> 

<table border='0' style='border-collapse: collapse' width='100%' bordercolor='#000000'>
<td><a href='index.php'><img border='0' src='2007.PNG'></a></td>
</table>
<table border='0' style='border-collapse: collapse' width='100%' bordercolor='#000000'>
<td><a href='index2.php'><img border='0' src='2007.PNG'></a></td>
</table>
<table border='0' style='border-collapse: collapse' width='100%' bordercolor='#000000'>
<td><a href='index3.php'><img border='0' src='2007.PNG'></a></td>
</table>
              
</ul>
</li>
</ul>
</td>
Zum Vergrößern anklicken....
Vielleicht solltest Du Dir erstmal anschauen, wie man richtig HTML Code schreibt... da stimmt ja fast gar nix
 
danke hat wunderbar geklappt!

P.S. code hab ich doch nur zu testzwecken, feinheiten (korrekte schreibweise und kürzen des codes, aufs nötigeste (evtl. schleife wegen menueinträgen) mach ich immer zuletzt, wenn ich den code wirklich 100%ig fertig hab. so kann ich z.b. bei border mir immer mal noch was anschauen, was die ansicht der zellen (breite usw.) oder so, betrifft.

jetzt fehlt mir nur noch das verschachteln, jemand da einen plan oder irgendo im netz ein tutorial?

hab zwar mal nachgeschaut, aber bis jetzt nix gefunden!
 
Gamer20 schrieb:
P.S. code hab ich doch nur zu testzwecken, feinheiten (korrekte schreibweise und kürzen des codes, aufs nötigeste (evtl. schleife wegen menueinträgen) mach ich immer zuletzt, wenn ich den code wirklich 100%ig fertig hab. so kann ich z.b. bei border mir immer mal noch was anschauen, was die ansicht der zellen (breite usw.) oder so, betrifft.
Zum Vergrößern anklicken....
Klar, Du frickelst die ganze Zeit mit Schmutzcode rum und am Ende wird alles sauber gemacht. Und durch das Bereinigen entstehen auch keine neuen Fehler in der Darstellung....
Wers glaubt - Du hast keine Ahnung von HTML, als lern erstmal die Basissachen!

Gamer20 schrieb:
jetzt fehlt mir nur noch das verschachteln, jemand da einen plan oder irgendo im netz ein tutorial?

hab zwar mal nachgeschaut, aber bis jetzt nix gefunden!
Zum Vergrößern anklicken....
Augen aufmachen soll helfen!
 
ah mal ein mod der sich groß tut. große fresse und das wars, wie?

das kann ich auch!

naja lutscher gibts überall auf der welt, aber besonders in dt.!
 
Gamer20 schrieb:
ah mal ein mod der sich groß tut. große fresse und das wars, wie?

das kann ich auch!

naja lutscher gibts überall auf der welt, aber besonders in dt.!
Zum Vergrößern anklicken....
Schön, dass man sich mit Dir kultiviert unterhalten kann. Leider bist Du merkbefreit. So merkst Du nicht, dass Dein Problem längst gelöst ist, dass Deine Vorgehensweise absolut stümperhaft ist oder dass Dein HTML Code mies ist.
Hoffentlich sind die Ferien bald rum, zu viel Freizeit bekommt Dir offenbar nicht.
 
he schau mal in deinen ersten beitrag, wer hat hier angefangen groß zu spucken und andere für dumm zu erklären? außerdem bin ich kein php und co. freak, sondern eigentlich nur anwendungsprogrammierung, somit siehts (selbst wenn ich dann das script ordentlich ins richtige script einbaue), net perfekt aus, wie der herr das dem bilderbuch gewöhnt ist. also halt dich in zukunft zurück.

ich hab den code aus dem netz, hab nur mal eine tabelle zu testzwecken rein geklopft, ob das sriptt überhaupt die tabelle (so wie ich das will) aufklappt.

außerdem hab ich die tabelle mit frontpage gemacht, weils schneller geht!
 
Vorschlag:
845caa4d57a602f5eea90c256c7fc125.png
 
vom script des menus? keine ahnung, hab die zip datei schon ne weile auf dem rechner und habs jetzt endlich mal angepaßt, so wie ich mir das vorstelle (nur rein von der funktionsweise her, vorher war alles nur li und ul befehlen gemacht und ich wollt ne tabell haben, da man die besser anpassen kann)!
 
he ich bin ein friedlicher mensch, aber sobald mir einer schief kommt, geh ich GLEICH an die decke.

naja von ul und li hab ich null ahnung, deshalb mach ich immer viel mit tabellen (hovereffekte für schrift und bilder usw. usw.)!
 
Gamer20 schrieb:
he schau mal in deinen ersten beitrag, wer hat hier angefangen groß zu spucken und andere für dumm zu erklären? außerdem bin ich kein php und co. freak, sondern eigentlich nur anwendungsprogrammierung, somit siehts (selbst wenn ich dann das script ordentlich ins richtige script einbaue), net perfekt aus, wie der herr das dem bilderbuch gewöhnt ist. also halt dich in zukunft zurück.
Zum Vergrößern anklicken....
Bei der Anwendungsprogrammierung ist es auch nicht üblich erstmal jede Menge Schmutz zu schreiben, um diesen dann zu bereinigen. Und warum? Richtig: der Compiler haut Dir gehörig auf die Flossen, wenn der Code nicht richtig aufgebaut ist. Fühl Dich auf die Flossen gehauen.

Desweiteren ist nicht korrekt geschriebener / aufgebauter HTML Code die Ursache für eine ganze Reihe von Problemen. Sicherlich kann man auch kaputten Code in manchen Internetanschaugeräten gut aussehen lassen, aber i.d.R. tut man sich mit korrektem Code wesentlich leichter.

Gamer20 schrieb:
vom script des menus? keine ahnung, hab die zip datei schon ne weile auf dem rechner und habs jetzt endlich mal angepaßt, so wie ich mir das vorstelle (nur rein von der funktionsweise her, vorher war alles nur li und ul befehlen gemacht und ich wollt ne tabell haben, da man die besser anpassen kann)!
Zum Vergrößern anklicken....
hmm... Du solltest echt mal zwei, drei Schritte zur Seite gehen, Deine Merkbefreiung wird ja immer schlimmer.... :rolleyes:
Und zu Deiner Aufklärung: anna55 sprach nicht direkt mit Dir, auch wenn sie in Deinem Thread gepostet hat.
 
mit dem code mist würd ich mal zu MS gehen, frontpage haut viel müll mit rein, den ich manchmal auch gleich entferne, weils unnötiges zeug is.

außerdem wenn ich programmiere, mache ich viel mit schleifen und ich kürze auch soweit es geht.

z.b. hab ich bei tabelle nur <table width=100%> drin stehen (wenn ich das script kürze und net noch den anderen mist, aber bereinigen tue ich immer er st hinteher, aber damit der herr zufrieden ist, werd ich den code vorher noch bereinigen)!
 
Gamer20 schrieb:
mit dem code mist würd ich mal zu MS gehen, frontpage haut viel müll mit rein, den ich manchmal auch gleich entferne, weils unnötiges zeug is.
Zum Vergrößern anklicken....
Gut erkannt, es gibt andere Tools. z.B. Notepad (wenn schon Windows)

Gamer20 schrieb:
außerdem wenn ich programmiere, mache ich viel mit schleifen und ich kürze auch soweit es geht.
Zum Vergrößern anklicken....
Wenn Du Schleifen so inflationär und so halbherzig, wie die HTML Tabellen anwendest, dann Hülfe!!

Gamer20 schrieb:
z.b. hab ich bei tabelle nur <table width=100%> drin stehen (wenn ich das script kürze und net noch den anderen mist, aber bereinigen tue ich immer er st hinteher, aber damit der herr zufrieden ist, werd ich den code vorher noch bereinigen)!
Zum Vergrößern anklicken....
Also dann mal im Klartext:
- Du hast Tabellen ohne Zeilen
- Du verwendest Tabellen, wo nur LI erlaubt ist
 
so hab den 2. code etwas bereinigt, so besser?

zu frontpage:

damit zimmere ich mir nur auf die schnelle meine tabellen, wenn ich mir ein design ausdenke. so kann ich mal schneller was ändern (zellen teilen oder wiedere zusammen fürhren, einfach mal was hin und her ziehen mit der maus usw.)!

wenns design bzw. layout paßt, nehm ich vieles weg und bau es ins script ein. und wie erwähnt war es nur ein TESTSCRIPT ob die tabelle überhaupt aufklappt.
 
Zuletzt bearbeitet:
hab doch noch nen problem mit der transparenz!

so sieht die funktion in der css datei aus:

Code: 
ul.dropdown * ul
{
list-style: none;
margin:0;
padding: 1;
display:none;
position:absolute;
z-index:30;
width:10em;
}

wenn ich dann noch folgendes hinzufüge


-moz-opacity:0.7;
-khtml-opacity:0.7;
filter:alpha(opacity=10);

klappt die sub-tabelle nicht mehr auf. also soweit ich das durchgetestet habe, liegt es an "filter:alpha(opacity=10);"! wenn ich dies entferne, wird die sub-tabelle aufgeklappt, aber ich hab keine transparenz mehr *heul*!

[Edit]

hat sich erledigt, ich habs jetzt direkt in <table style=.... rein geschrieben, statt in die css funktion!
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben