Problem mit Pulldown Menü

L

LOLA

Guest
HI,
ich habe ein Pulldown Menü auf meine Homepage gemacht.
Darunter habe ich ein Bildeingefügt.
Das Bild setzt jetzt erst da an, wo das aufgeklappte PulldownMenü ended und nicht direkt an dem geschlossenen Pulldown menü!

Kann ich das irgendwie ändern?

Gruß lola
 
bitte poste einen link wo wir das ganze anschauen können. das hilft bei der beantowrtung der frage

gruss

urs
 
Hi,
also ich hab die Page noch net auf einem Space deswegen poste ich einfach mal den Quellcode .. das Grünne sollte halt schon am unausgeklappten Pulldown menü ansetzen!
CODE
<html>
<head>
<title>Untitled </title>
<STYLE TYPE="text/css">
<!--

A
{
Color: red;
Text-Decoration: none;
}

A:HOVER
{
Color: green;
Font-Weight: bolder;
}

.block
{
Width: 100px;
Height: 80px;
}

.unter
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Position: relative;
Color: red;
Background-Color: yellow;
Visibility: hidden;
Width: 174px;
Text-Align: center;
Cursor: pointer;
}

.haupt
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: yellow;
Width: 174px;
Border-Bottom-Color: silver;
Border-Bottom-Width: 1px;
Border-Bottom-Style: solid;
Text-Align: center;
Cursor: w-resize;
}

-->
</STYLE>
</head>

<body>
<script language="JavaScript" type="text/javascript">
<!--

function MenueAuf(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="visible";
}

else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="visible";
}
}

function MenueZu(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="hidden";
}

else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="hidden";
}
}

//-->
</script><br>
<br>

<table border="0">
<tr>
<td><table border="0">
<tr>
<td><!--webbot bot="HTMLMarkup" startspan --><DIV CLASS="block1">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue1')"
OnMouseOut="MenueZu('Menue1')">Link1</DIV>
<DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue1')"
OnMouseOut="MenueZu('Menue1')">
<A HREF="1.htm">Untermenue 1</A><BR>
<A HREF="2.htm">Untermenue 2</A><BR>
<A HREF="3.htm">Untermenue 3</A><BR>
<A HREF="4.htm">Untermenue 4</A><BR>
<A HREF="5.htm">Untermenue 5</A><BR>
</DIV>
</DIV>
<!--webbot
bot="HTMLMarkup" endspan --></td>
<td><!--webbot bot="HTMLMarkup" startspan --><DIV CLASS="block2">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue2')"
OnMouseOut="MenueZu('Menue2')">Link2</DIV>
<DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue2')"
OnMouseOut="MenueZu('Menue2')">
<A HREF="1.htm">Untermenue 1</A><BR>
<A HREF="2.htm">Untermenue 2</A><BR>
<A HREF="3.htm">Untermenue 3</A><BR>
<A HREF="4.htm">Untermenue 4</A><BR>
<A HREF="5.htm">Untermenue 5</A><BR>
</DIV>
</DIV>
<!--webbot
bot="HTMLMarkup" endspan --></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#00FF00"> </td>
</tr>
</table>
</body>
</html>
 
hallo

ich habs mir mal angesehen. meiner meinung nach liegt dies daran dass du tabellen verwendest. und die zelle passt sich in der grösse dem grössten inhalt an.
ich würds mal mit layer versuchen.
vielleicht hat hier jemand noch eine bessere lösung

gruss

urs
 
hallola
blink.gif


layerr was eher die falsche variante ... hab mal gesucht und folgendes gefunden:
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

ist das sowas wie du suchst??

gruss

urs
 
Ich hab ja schon so ein Menü.
Ich will ja nur das irgendwie machen, wie obn beschrieben..
Kann aber kein Englisch
wink.gif


Gruß Sebi
 
also

gehe zu altavista webseiten übersetzungsservice

gib den link den ich dir gemailt habe in folgendes feld ein:
"Übersetzen Sie eine Webseite"

bei der sprache wähle englisch ins deutsche

und klicke auf übersetzen

perfekt ist es nicht aber verständlich (übrigens wenn es auf der seite was von "tropfen unten" heisst sind die dropdown gemeint
smile.gif
)

gebe im formularfeld die anzahl der dropdowns die du machen willst ein, z.b. 3
und klicke auf submit, was soviel wie absenden heisst.

jetzt wird unten fixfertiger code angezeigt. du kannst den code anschauen und dein script dementsprechend anpassen.

gruss

urs
 
NEIN .. ich hab mir das alles angeguckt, aber so meinte ich das nicht.
Es soll mein Menü sein und das ist anders aufgebaut .. und deswegen funzt das net .. kann mir denn keiner sagen was ich machen muss?

Gruß Sebi
 
eben es ist anders aufgebaut und drum funzt es nicht (in tabelle)
wenn es genauso aufgebaut sein soll wie es schon ist dann kann ich dir leider nicht helfen.

gruss

urs
 
Nein .. ok .. dann plz helf mir .. ^^
Hastg du ICQ oder so?

Gruß lolo
 
Hallo LOLA

Ich hab mir dein Code mal angeschaut und etwas dran rum gebastelt.
Ich denke, dass dies eine Lösung sein könnte:

Gruss Jonas

CODE
<html>
<head>
<title>Pulldown Menü</title>
<STYLE TYPE="text/css">
<!--

body {
font-family: Verdana;
font-size: 14px;
}

A
{
Color: red;
Text-Decoration: none;
}

A:HOVER
{
Color: green;
Font-Weight: bolder;
}

.block1
{
Width: 100px;
Height: 80px;
Position: absolute;
left: 20px;
top:30px;
z-index:1;
}

.block2
{
Width: 100px;
Height: 80px;
Position: absolute;
left: 220px;
top:30px;
z-index:2;
}

.text1
{
position: absolute;
left: 20px;
}

.text2
{
position: absolute;
left: 220px;
}

.unter
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Position: relative;
Color: red;
Background-Color: yellow;
Visibility: hidden;
Width: 174px;
Text-Align: center;
}

.haupt
{
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 14px;
Font-Weight: bolder;
Position: relative;
Color: blue;
Background-Color: yellow;
Width: 174px;
Border-Bottom-Color: silver;
Border-Bottom-Width: 1px;
Border-Bottom-Style: solid;
Text-Align: center;
}
-->
</STYLE>
</head>

<body>
<script language="JavaScript" type="text/javascript">
<!--

function MenueAuf(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="visible";
}

else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="visible";
}
}

function MenueZu(Men)
{
if(document.getElementById)
{
document.getElementById(Men).style.visibility="hidden";
}

else if(document.all && !document.getElementById)
{
document.all[Men].style.visibility="hidden";
}
}

//-->
</script><br>
<br>

<DIV CLASS="block1">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">Link1</DIV>
<DIV CLASS="unter" ID="Menue1" OnMouseOver="MenueAuf('Menue1')" OnMouseOut="MenueZu('Menue1')">
<A HREF="1.htm">Untermenue 1</A><BR>
<A HREF="2.htm">Untermenue 2</A><BR>
<A HREF="3.htm">Untermenue 3</A><BR>
<A HREF="4.htm">Untermenue 4</A><BR>
<A HREF="5.htm">Untermenue 5</A><BR>
</DIV>
</DIV>

<div class="text1">
<p>Hier kommt der Text.</p>
</div>

<DIV CLASS="block2">
<DIV CLASS="haupt" OnMouseOver="MenueAuf('Menue2')"
OnMouseOut="MenueZu('Menue2')">Link2</DIV>
<DIV CLASS="unter" ID="Menue2" OnMouseOver="MenueAuf('Menue2')"
OnMouseOut="MenueZu('Menue2')">
<A HREF="1.htm">Untermenue 1</A><BR>
<A HREF="2.htm">Untermenue 2</A><BR>
<A HREF="3.htm">Untermenue 3</A><BR>
<A HREF="4.htm">Untermenue 4</A><BR>
<A HREF="5.htm">Untermenue 5</A><BR>
</DIV>
</DIV>

<div class="text2">
<p>Hier kommt der Text.</p>
</div>

</body>
</html>
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben