getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Bewertung: Bewertung: 2 Stimmen, 5,00 durchschnittlich.
Alt 07.12.2004, 19:15   #46
alf
TP-Junior
 
Registriert seit: Aug 2004
alf macht alles soweit korrekt

->


danke fü die Antwort,

das mit dem extra css habe ich schon probiert,
wenn ich immer die Zeile :
PHP-Code:
<ul id="nav" class="dropdown" style="padding:0;margin:0;"
vor der <li><a .........> einfügen benötigt es ewigkeiten zum laden
obwohl ich die css nicht als externe Datei habe sondern mit in die
Hauptseite eingefügt.

Warum das <table> ...?
... wenn ich dieses nicht mache habe ich z.B. Fünf-Menüpunkte
direkt nebeneinander und ich möchte gerne das sich das Menü von
den Abständen der einzelnen Menü's auf 100% aufteilen,
also über die komplette Zeile und nicht nur in der Mitte oder Links.

Gruss und Danke Alf
alf ist offline   Mit Zitat antworten


Alt 07.12.2004, 22:14   #47
TP-Junior
 
Benutzerbild von heschii
 
Registriert seit: Oct 2004
Ort: Karlsruhe
heschii macht alles soweit korrekt
Hi, ... ich weis nicht ob ich dich richtig verstanden habe, aber du sollst ja nicht für jedes <li> von dem Menu2 eine neue Liste beginnen ...

<li class="menu2"><a href="#">Menu2</a>
<ul>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu2</a></li>
</ul>
</li>

und nun müsstest du doch für li.menu2 die Farbe nach Belangen anders wählen können ....

Zu deiner Tabelle ... du kannst doch auch die Breite der LI's Pprozentual angeben ....

<ul>
<li style="width: 33%; float: left; text-align: center;"><a href="#">asd1</a></li>
<li style="width: 33%; float: left; text-align: center;"><a href="#">asd2</a></li>
<li style="width: 33%; float: left; text-align: center;"><a href="#">asd3</a></li>
</ul>


gruß heschii
__________________
Denke nie gedacht zu haben, denn das Denken der Gedanken ist Gedankenloses denken! Denkst du, du denkst, dann denkst du nur du denkst, aber denken tust du nicht ...

»» DerHeger
heschii ist offline   Mit Zitat antworten
Alt 30.12.2004, 02:23   #48
TP-Insider
 
Registriert seit: Jul 2003
Ort: München
Fexxx ist auf einem guten Weg
einen kleinen IE 5.5 Bug gibt es da noch, das Menü ist damit wegen des Abstandes zum nächsten Feld nicht benutzbar. Wie kann man das beheben ???

Außerdem hätte ich noch gerne einen weißen Trennstrich zwischen den Menüpunkten habs mit border-top:1px; border-color: #fff; probiert, hat aber nicht funktioniert (wo muss ich das einsetzen ?)

CSS
PHP-Code:
ul.dropdown
{
    list-
stylenone;
    
margin:0;
    
padding:0;
    
width:100%;
}

ul.dropdown ul
{
    list-
stylenone;
    
margin:0;
    
padding0;
    
display:none;
    
position:absolute;
    
z-index:99;
}

ul.dropdown li
{
    
float:left;
    
padding:1px/* helps Opera with hover - do not remove! */
}

ul.dropdown li li

    
float:none;
    
positionrelative;     /* required? */
}

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

ul.dropdown a
{
    
display:block;
}


ul.dropdown ul a
{
    
width:13em;
}



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

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



/****************** END required for menu functionality, DO NOT CHANGE! ******************/


/**************** eyecandy *****************/


body
{
    
fontVerdana;
    
font-size10px;
    
    
}

ul.dropdown a
{
    
background-color:#ffffff;
    
color:#444;
    
padding4px;
    
text-decoration:none;
    
    
}

ul.dropdown a:hover
{
    
background-color:#929191;
    
color:#fff;
    
}

ul.dropdown ul a
{
    
background-color:#606060;
    
color:#fff;  
    
text-decoration:none;
     
padding:4px;
    
}

ul.dropdown ul a:hover
{
    
background-color:#929191;
    
color:#fff;
    
}

ul.dropdown ul li
{
    
background-color:#606060;
    
    
    

edit:

sobald das miteingebaut wird:

ul.dropdown li * li
{ filter:Alpha(opacity=90);
-moz-opacity: .90

hackt es beim IE bei der weitervertschachelung ??? (siehe DEMO: Sytem -> Benutzermanager -> NIX MEHR ZUSEHEN)
Miniaturansicht angehängter Grafiken
css-only-pulldown-men-js-ie5_bug.jpg  
__________________
Spitzen Hoster: All-Inkl

Geändert von Fexxx (30.12.2004 um 03:55 Uhr).
Fexxx ist offline   Mit Zitat antworten
Alt 01.01.2005, 13:32   #49
TP-Newbie
 
Registriert seit: Jan 2005
rootilein macht alles soweit korrekt
Question

warum ist in der .css ein styletext drin, und von den befehlen identischer in der .html??

kann ich das net alles einfach in die .css reinschieben?
sieht dann besser aus auch der code, außerdem will ich alle funktionen zentral in einer datei haben!
rootilein ist offline   Mit Zitat antworten
Alt 10.01.2005, 19:51   #50
TP-Junior
 
Registriert seit: Dec 2004
chris24 macht alles soweit korrekt
Question

Hätte auch nur noch ne Dumme frage, wie schaff ich es denn dieses Menü schön zentriert zu setzten, ich hab schon einniges ausprobiert bin aber immer noch nicht drauf gekommen.


Danke
chris24 ist offline   Mit Zitat antworten
Alt 10.01.2005, 20:41   #51
TP-Newbie
 
Registriert seit: Jan 2005
rootilein macht alles soweit korrekt
Question

ja, das problem hatte ich auch...!
aber auch nicht geschafft!!

was anderes: das menü geht bei mi rin jedem browser (firefox, opera, ...), nur der IE zickt rum!
schaut es euch am besten ma selber an:
http://www.chill-out-hoehle.de/5/

für hilfe wäre ich sehr dankbar!
rootilein ist offline   Mit Zitat antworten
Alt 13.02.2005, 11:55   #52
TP-Junior
 
Registriert seit: Feb 2005
media-team macht alles soweit korrekt
Ich hoffe dass hier im Post noch einer zwischendurch reinschaut.
Ich bin seit Tagen absolut am verzweifeln und weis nicht mehr weiter.

Ich habe das Menü mal folgendermassen aufgebaut.


HTML :
PHP-Code:
<div id="menu">
 <
ul id="nav" class="dropdown" style="padding:0;margin:0;">
  <
li><a href="*">Onlinetools</a></li>
   <
ul>
    <
li><a href="*">HTML-Editor</a></li>
    <
li><a href="*">Webseitensperre</a></li>
    <
li><a href="*">PDF-Rechnung</a></li>
   </
ul>
 </
ul>
</
div
CSS :
PHP-Code:
ul.dropdown ul {
    list-
stylenone;
    
margin:0px;
    
padding:0px;
    
display:none;
    
position:absolute;
}
ul.dropdown li {
    list-
style:none;
    
float:left;
    
font-weight:bold;
             
padding:2px;
}
ul.dropdown li li {
             
background-color#E4E4E4;
             
filter:alpha(opacity=75);
             -
moz-opacity:0.75;
             
opacity0.75;
             
positionrelative;
}
ul.dropdown ul ul {
    
left:98%;
    
top:0;
    
width:100%;
}
ul.dropdown a {
    
display:block;
}
ul.dropdown ul {
    
width:13em;
}
ul.dropdown li:hover ul ulul.dropdown li:hover ul ul ulul.dropdown li:hover ul ul ul ul {
    
display:none;
}

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

#nav {
    
font:10px verdana;
        
background-color:#f9f9f9;
}
#nav a {
    
color:#fff;
    
padding:3px;
    
text-decoration:none;
}
#nav a:hover {
    
color:#B3BCD0;
}
#nav a.is_blind {
    
color:#cfcfcf;
}
#nav a.is_blind:hover {
    
color:#cfcfcf;

Nun wollte ich noch ein 2. Untermenü unterbringen was jedoch nicht funktioniert, wenn ich im CSS im Abschnitt
PHP-Code:
ul.dropdown li li {
           .....
           
positionrelative;
           .....

die ->position:relativ;<- stehen lasse, dann wird gar kein zweites angezeigt.
Wenn ich es rausnehme wird es zwar angezeigt, fängt aber von oben an und nicht am Menüpunkt an dem es aktiviert wird.

Ich habe mal auf meiner Seite ( www.online2day.de ) im Menü ein 'testmenü' reingemacht um es zu veranschaulichen. Hier auch mal den HTML für das Testmenü.

PHP-Code:
HTML:
<
li><a href="*" target="Hauptframe">Testmenü</a></li>
 <
ul>
  <
li><a href="*"><font color="#000000">Untermenü1</font></a></li>
  <
li><a href="*"><font color="#000000">Untermenü1</font></a></li>
  <
li><a href="*"><font color="#000000">zum Untermenü2</font></a></li>
   <
ul>
    <
li><a href="*">Untermenü2</a></li>
    <
li><a href="*">Untermenü2</a></li>
    <
li><a href="*">Untermenü2</a></li>
    <
li><a href="*">Untermenü2</a></li>
    <
li><a href="*">Untermenü2</a></li>
   </
ul>
  <
li><a href="*"><font color="#000000">Untermenü1</font></a></li>
 </
ul
Für Hilfe wäre ich super dankbar :-)

Gruss und Danke
media-team ist offline   Mit Zitat antworten
Alt 12.03.2005, 12:56   #53
TP-Newbie
 
Registriert seit: Mar 2005
frankblack macht alles soweit korrekt

Noch ein kleiner Hinweis zum Dropdown


Ein schickes Menü! Lob an den Programmierer. Hier noch etwas, was mir aufgefallen ist bzgl. Timeout beim Internet Explorer.

Ich habe festgestellt, dass das Menü NUR zu schnell zufährt, wenn die Inhalte des Menüs über einem anderen Link liegen. Ich habe mir den Kopf zerbrochen, wie dies zu verhindern sei. Schlußendlich war die Lösung recht simpel:

Der Haken liegt anscheinend an der dropdownmenu.css.

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

    position: relative;
}
Wenn der border-Eintrag nicht mehr da ist, macht der IE auch keine Probleme mehr. Anscheinend? ist der IE der Meinung dass dieser Bereich ausgespart ist und man somit darunterliegende Links erreichen kann.

Ich hoffe ich habe mich mit meiner Lösung nicht "blamiert" und andere können das hier bestätigen?

MfG
frankblack
frankblack ist offline   Mit Zitat antworten
Alt 24.03.2005, 09:51   #54
TP-Insider
 
Benutzerbild von SteffenR
 
Registriert seit: Dec 2004
Ort: Braunschweig
SteffenR bringt sich richtig einSteffenR bringt sich richtig ein
Das Menu ist wirklich klasse - hab das gleich mal mit meinem lästigen Javascript Dings ausgetauscht - nur läuft es im IE wieder mal nicht korrekt ..

http://port11.de/bastelecke/test.htm
Die CSS ist hier zu finden:
http://port11.de/bastelecke/conf/style.css
und der ausgefallene Hilfsmotor
http://port11.de/bastelecke/conf/css_dropdown.js

Unter dem Punkt Hilfe gibt es eigentlich den Unterpunkt Info... - dieser wird aber bei MouseOver nicht angezeigt..
Hier einmal der Quellcodeauszug:
PHP-Code:
<div id="menu">
<
ul id="nav" class="dropdown" style="margin: 0pt; padding: 0pt;">
  <
li>
   <
a href="#">Seiten bearbeiten</a>
   <
ul>
    <
li><a href="#" >Startseite</a></li>
    .....
   </
ul>
  </
li>
<
li>
   <
a href="#">Hilfe</a>
    <
ul>
    <
li><a href="#" >Info ...</a></li>
   </
ul>
  </
li>
</
ul>
</
div
edit OK nun läuft es - nehme alles zurück und schiebe die Schuld auf meine eigene Schusseligkeit -.---hatte das schliessende </ul> Tag vergessen


Wenn ich das Javascript für den IE richtig verstanden habe, müsste das Teil doch eigentlich laufen ?
Es wäre klasse, wenn Ihr euch das mal anschauen könntet ..
Schonmal allen Lesern ein schönes Osterfest

SteffenR

Geändert von SteffenR (24.03.2005 um 11:06 Uhr).
SteffenR ist offline   Mit Zitat antworten
Alt 27.03.2005, 21:17   #55
TP-Special Mod
 
Benutzerbild von steffenk
 
Registriert seit: Feb 2005
Ort: Haan / NRW
steffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine User
@SteffenR - die links sind tot, daher kann auch keiner gucken.

Ich habe ein z-index-Problem, wenn unter dem Menü comboboxen sind. Alle Versuche per css den z-index zu beeinflussen haben nicht geklappt. (alles IE)

Ebenfalls habe ich das Abstandsproblem, das man mit der Maus sehr flink sein muss, sonst klappt das Menü gleich wieder zu (auch IE)
__________________

Typo3 · MySQLDumper · dislabs
·
manche Mühlen mahlen schneller ...
"Ich habe Rücken"
Horst Schlämmer
steffenk ist offline   Mit Zitat antworten
Alt 28.03.2005, 09:29   #56
TP-Veteran
 
Benutzerbild von fettmme
 
Registriert seit: Feb 2002
fettmme bringt sich richtig einfettmme bringt sich richtig ein
Zitat:
Zitat von St@eff.en
Ich habe ein z-index-Problem, wenn unter dem Menü comboboxen sind. Alle Versuche per css den z-index zu beeinflussen haben nicht geklappt. (alles IE)
Die Select Felder sind IE System Widgets, die immer über der Internetseite schweben. Soweit ich weiß, kann man nicht über diesen Formularfeldern positionieren.
__________________
class GetProfileCustomerEntityReceiverInformationReceiverAndProgrammingInforma...{
public function __construct(){ if(!$this) die(' '); } }
http://www.thedailywtf.com/
fettmme ist offline   Mit Zitat antworten
Alt 28.03.2005, 10:59   #57
TP-Insider
 
Benutzerbild von SteffenR
 
Registriert seit: Dec 2004
Ort: Braunschweig
SteffenR bringt sich richtig einSteffenR bringt sich richtig ein
@St@eff.en : Das Problem hatte ich auch - lässt sich wohl nicht anders machen - seb meinte, es sei ein Bug / Feature im Mozilla / in der Gecko Engine ...
SteffenR ist offline   Mit Zitat antworten
Alt 28.03.2005, 11:07   #58
TP-Special Mod
 
Benutzerbild von steffenk
 
Registriert seit: Feb 2005
Ort: Haan / NRW
steffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine Usersteffenk lebt für das TP und seine User
Bug im Gecko ? ich habs im IE. Das ist kein Bug, sondern hat schon was mit dem zindex zu tun - ich versuch das nochmal...
__________________

Typo3 · MySQLDumper · dislabs
·
manche Mühlen mahlen schneller ...
"Ich habe Rücken"
Horst Schlämmer
steffenk ist offline   Mit Zitat antworten
Alt 28.03.2005, 11:16   #