WinFuture-Forum.de: Ein Kleines Slidemenü Oder So Was - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
  • 2 Seiten +
  • 1
  • 2

Ein Kleines Slidemenü Oder So Was

#1 Mitglied ist offline   pchero 

  • Gruppe: aktive Mitglieder
  • Beiträge: 264
  • Beigetreten: 10. Dezember 05
  • Reputation: 0

geschrieben 08. Dezember 2006 - 16:35

Hi


ich habe eine kleine Frage und zwar ich will einen Link haben , und wenn man darauf klick soll ein kleines Feld daneben erscheinen Wo man dann zwischen 3 Verschiedenen Seiten Auswählen Kann ? Möglichst ohne Javaskript sondern am bEsten mit CSS ich hatte auch mal eine Lösung bloß leider Verlegt


MFG

p.s sowas in etwa
http://aktuell.de.se...el/css/infobox/
oder http://www.psacake.com/web/jl.asp

bloß das problem ist dann beim 2 das ich danach noch eine weiteres menü öffnen lassen will und dort auch links sind

Dieser Beitrag wurde von pchero bearbeitet: 08. Dezember 2006 - 21:36

0

Anzeige

#2 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 09. Dezember 2006 - 12:41

http://www.cssplay.c...inal_drop2.html
0

#3 Mitglied ist offline   pchero 

  • Gruppe: aktive Mitglieder
  • Beiträge: 264
  • Beigetreten: 10. Dezember 05
  • Reputation: 0

geschrieben 09. Dezember 2006 - 16:21

ich habe jetzt auch schon eins gefunden ^^

ich habe jetzt allerdings versucht es um eine ebene zu erweitern bloß irgendwo stimmt da was nicht


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
.menu {
z-index:1000;
font-size:90%;
height:235px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
position:relative;
border:1px solid #888;
border-width:1px 1px 0 1px;
background:#9bb;
}

.menu li {
background:transparent;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:150px;
color:#000;
text-indent:5px;
border-bottom:1px solid #888;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff; 
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#dde;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* Von mir */
/* keep the fith level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}

/* Ende */


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
/* Von mir */

/* make the fith level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
/* Ende*/



.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}

</style>
</head>
<body>



<div class="menu">
<ul>
<li><a href="#nogo">Item 1</a></li>
<li><a href="#nogo">Item 2</a></li>
<li><a href="#nogo">Item 3 »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="top3">

	<li><a href="#nogo">Item 3a</a></li>
	<li><a href="#nogo">Item 3b »<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top2">
			<li><a href="#nogo">Item 3bi</a></li>
			<li><a href="#nogo">Item 3bii »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul class="top2">
					<li><a href="#nogo">Item 3bii-1</a></li>
					<li><a href="#nogo">Item 3bii-2</a></li>
					<li><a href="#nogo">Item 3bii-3</a></li>
					<li><a href="#nogo">Item 3bii-4</a></li>
					<li><a href="#nogo">Item 3bii-5</a></li>

					<li><a href="#nogo">Item 3bii-6</a></li>
					<li><a href="#nogo">Item 3bii-7</a></li>
					<li><a href="#nogo">Item 3bii-8</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
			<li><a href="#nogo">Item 3biii »<!--[if IE 7]><!--></a><!--<![endif]-->

			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top3">
					<li><a href="#nogo">Item 3biii-1</a></li>
					<li><a href="#nogo">Item 3biii-2</a></li>
					<li><a href="#nogo">Item 3biii-3</a></li>
					<li><a href="#nogo">Item 3biii-4</a></li>
				</ul>

			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
		</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
	</li>
	<li><a href="#nogo">Item 3c</a></li>
	<li><a href="#nogo">Item 3d</a></li>
	<li><a href="#nogo">Item 3e</a></li>

	<li><a href="#nogo">Item 3f</a></li>
	<li><a href="#nogo">Item 3g »<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top7">
			<li><a href="#nogo">Item 3gi »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top1">

					<li><a href="#nogo">Item 3gi-1</a></li>
					<li><a href="#nogo">Item 3gi-2</a></li>
					<li><a href="#nogo">Item 3gi-3</a></li>
					<li><a href="#nogo">Item 3gi-4</a></li>
					<li><a href="#nogo">Item 3gi-5</a></li>
					<li><a href="#nogo">Item 3gi-6</a></li>

				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
			<li><a href="#nogo">Item 3gii</a></li>
			<li><a href="#nogo">Item 3giii »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top3">
					 //Erweiter von mir


					 <li><a href="#nogo">Item 3giii-1 »</a></li>
							<ul class="top3">	  
							   <li><a href="#nogo">Item 3giii-1</a></li>
							   <li><a href="#nogo">Item 3giii-1</a></li>
							</ul>
				  //Ende
					<li><a href="#nogo">Item 3giii-2</a></li>
					<li><a href="#nogo">Item 3giii-3</a></li>
					<li><a href="#nogo">Item 3giii-4</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
			<li><a href="#nogo">Item 3giv</a></li>

			<li><a href="#nogo">Item 3gv</a></li>
		</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
	</li>
	<li><a href="#nogo">Item 3h</a></li>
	<li><a href="#nogo">Item 3i</a></li>
	</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
	</li>
<li><a href="#nogo">Item 4</a></li>
<li><a href="#nogo">Item 5</a></li>
<li><a href="#nogo">Item 6 »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="top6">
	<li><a href="#nogo">Item 6a</a></li>
	<li><a href="#nogo">Item 6b »<!--[if IE 7]><!--></a><!--<![endif]-->

	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top2">
			<li><a href="#nogo">Item 6bi</a></li>
			<li><a href="#nogo">Item 6bii »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top2">
					<li><a href="#nogo">Item 6bii-1</a></li>

					<li><a href="#nogo">Item 6bii-2</a></li>
					<li><a href="#nogo">Item 6bii-3</a></li>
					<li><a href="#nogo">Item 6bii-4</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
		</ul>

	<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
	</li>
	<li><a href="#nogo">Item 6c</a></li>
	<li><a href="#nogo">Item 6d</a></li>
	<li><a href="#nogo">Item 6e</a></li>
	<li><a href="#nogo">Item 6f</a></li>
	<li><a href="#nogo">Item 6g »<!--[if IE 7]><!--></a><!--<![endif]-->

	<!--[if lte IE 6]><table><tr><td><![endif]-->
		<ul class="top7">
			<li><a href="#nogo">Item 6gi »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
				<ul class="top1">
					<li><a href="#nogo">Item 6gi-1</a></li>
					<li><a href="#nogo">Item 6gi-2</a></li>

					<li><a href="#nogo">Item 6gi-3</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>
			<li><a href="#nogo">Item 6gii</a></li>
			<li><a href="#nogo">Item 6giii »<!--[if IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->

				<ul class="top3">
					<li><a href="#nogo">Item 6giii-1</a></li>
					<li><a href="#nogo">Item 6giii-2</a></li>
					<li><a href="#nogo">Item 6giii-3</a></li>
					<li><a href="#nogo">Item 6giii-4</a></li>
					<li><a href="#nogo">Item 6giii-5</a></li>

					<li><a href="#nogo">Item 6giii-6</a></li>
					<li><a href="#nogo">Item 6giii-7</a></li>
					<li><a href="#nogo">Item 6giii-8</a></li>
					<li><a href="#nogo">Item 6giii-9</a></li>
				</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
			</li>

		</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
	</li>
	<li><a href="#nogo">Item 6h</a></li>
	<li><a href="#nogo">Item 6i</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-
->
</li>
<li><a href="#nogo">Item 7</a></li>

</ul>
</div>



</body>
</html>
Das was jetzt gekennzeichent ist ist von mir Es klappt auch soweit bloß das menü geht net auf :rolleyes:

MFG

Dieser Beitrag wurde von Witi bearbeitet: 11. Dezember 2006 - 19:03

0

#4 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 10. Dezember 2006 - 13:28

Also ich habs inzwischen so einigermaßen mit meinem Dropdown Menü hinbekommen nur es öffnet sich immer dasselbe fenster bei jeden link. Also sagen wir mal beim ersten button steht "Artist" und darunter "News" und "Tour Daten" dann öffnet sich z.B. bei der Kategorie "Music" auch wieder "News" und "Tourdaten":

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="de">

<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#CCCCCC" scroll="yes" link="#FFFFFF">
<div align="center">
  <center>
<table width="640" border="3" cellspacing="1" height="679" bordercolordark="#FFFFFF" bordercolorlight="#FFFFFF" bgcolor="#FFFFFF">
  <tr> 
    <td height="246" width="638">
    <!--webbot bot="HTMLMarkup" startspan --><style type="text/css">
<!--
body {
	scrollbar-face-color : #8c8c8c;
	scrollbar-highlight-color : #a7a7a7;
	scrollbar-3dlight-color : #a7a7a7;
	scrollbar-shadow-color : #a7a7a7;
	scrollbar-darkshadow-color : #a7a7a7;
	scrollbar-track-color : #a7a7a7;
	scrollbar-arrow-color : #000000;
}
.style1 {
    font-family: "Tahoma";
    font-size: 11px;
    color: #000000;
	text-align:justify; }


#dropmenudiv{

position:absolute;
border:1px solid #151515;
border-bottom-width: 0;
background-color:#CCCCCC;
font:normal 11px Tahoma;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #151515;
padding: 1px 0;
text-decoration: none;
font-weight: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #28313a;
}

-->
</style>	<!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

<!--
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit [url="http://www.dynamicdrive.com/"]http://www.dynamicdrive.com/[/url]
 for full source code
***********************************************/

var menu1=new Array()
menu1[0]='<a href="Blog.htm">Tagebuch</a>'
menu1[1]='<a href="Biografie.htm">Biografie</a>'
menu1[2]='<a href="Casting.htm">Casting</a>'

var menu2=new Array()
menu2[0]='<a href="Newyork.htm">New York</a>'
menu2[1]='<a href="Berlin.htm">Berlin</a>'
menu2[2]='<a href="Amsterdam.htm">Amsterdam</a>'

var menu3=new Array()
menu3[0]='<a href="Fotoport.htm">Portfolio</a>'
menu3[1]='<a href="Artwork.htm">Murals</a>'
menu3[2]='<a href="Buch.htm">Buch</a>'

var menu4=new Array()
menu4[0]='<a href="kolumne.htm">Kolumnen</a>'
menu4[1]='<a href="recherchen.htm">Recherchen</a>'

var menu5=new Array()
menu5[0]='<a href="Links.htm">Links</a>'
menu5[1]='<a href="Impressum">Impressum</a>'

var menu6=new Array()
menu5[0]='<a href="Links.htm">Sonstiges</a>'
menu5[1]='<a href="Impressum">Weiteres</a>'

var menu7=new Array()
menu5[0]='<a href="Links.htm">Gästebuch</a>'
menu5[1]='<a href="Impressum">Frag mich</a>'

var menu8=new Array()
menu5[0]='<a href="Links.htm">Kontakt</a>'
menu5[1]='<a href="Impressum">Ende</a>'
		
var menuwidth='165px' //default menu width
var menubgcolor='#242424'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'
" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWid
th-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeig
ht-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeigh
t
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHe
ight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu
//-->
</script>
<style type="text/css">
<!--
body {
	background-image: url(http://athanasie.net/images/v12-bg.jpg);
}
-->
</style><!--webbot bot="HTMLMarkup" endspan --><img border="0" src="header01.jpg" width="629" height="244"></td>
  </tr>
  <tr> 
    <td height="12" width="638" bgcolor="#000000">
    <a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" target="_top" href="links.htm">
    <img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="huhu.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="abc.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="google.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="hihi.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="zuu.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="lllaa.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a><a onclick="return clickreturnvalue()" onmouseout="delayhidemenu(); MM_swapImgRestore()" onmouseover="dropdownmenu(this, event, menu1, '100px'); MM_swapImage('Auftakt','','http://athanasie.net/images/v12_03h.
jpg',1)" href="as.html"><img src="button_normal.jpg" name="Auftakt" border="0" width="78" height="19"></a></td>
  </tr>
  <tr> 
    <td height="271" width="638" bgcolor="#000000">
    <p align="center">
    <font color="#FFFFFF">text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
   text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text text text text text text text text text 
    text text text text text text text </font></p>
    </td>
  </tr>
</table>
  </center>
</div>
</body>
</html><!--webbot bot="HTMLMarkup" endspan -->

Kann mir irgendjemand den Fehler sagen?

Dieser Beitrag wurde von Witi bearbeitet: 11. Dezember 2006 - 19:03

0

#5 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 11. Dezember 2006 - 17:50

Hilfe! Bitte Bitte kann hier niemand den Fehler finden?
0

#6 Mitglied ist offline   Witi 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.940
  • Beigetreten: 13. Dezember 04
  • Reputation: 43

geschrieben 11. Dezember 2006 - 19:02

Benutzt doch bitte bei größeren Texten den codebox-Tag. Danke! (Ich war mal so frei)

Warum machst du das mit javascript und nicht CSS?
Bei mir bspw. funktioniert das gar nicht, da ich JS ausgeschaltet habe.

Abgesehen davon ist dein Code nicht gerade gut lesbar...

onmouseover="dropdownmenu(this, event, menu1, '100px')

Überall steht menu1
witi@jabber.ccc.de 0xAAE321A2

50226 - Witis Blog
0

#7 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 11. Dezember 2006 - 19:55

Ich hab nur diesen Code gefunden den ich so halbwegs verstanden habe :blink: Kennt irgendjemand den Code in CSS und hat jemand eine deutsche Anleitung mit den bis jetztigen Links konnte ich wenig anfangen..
0

#8 Mitglied ist offline   Nigg 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.339
  • Beigetreten: 19. Mai 04
  • Reputation: 13

geschrieben 11. Dezember 2006 - 20:14

CSSPlay (schon oben erwähnt) ist doch ne 1A Ressource.

http://www.cssplay.c...enus/index.html
npm - nginx php mysql

Wenn dir kalt is, geh in eine Ecke, da sind meist 90°
Eingefügtes Bild
0

#9 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 12. Dezember 2006 - 15:24

Ganz ehrlich ich schnall da gar nichts ich bin zwar ziemlich gut in Englich aber was sowas mit dem PC angeht eher weniger das müsste man mir erklären ... *verzweifelt bin* ;D
0

#10 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 15. Dezember 2006 - 20:42

Von CSS hab ich auch kaum Ahnung kann mir nicht irgendjemand helfen?
0

#11 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 16. Dezember 2006 - 08:17

Die Lösung ist auf CSS-Play ausführlich dargelegt und erläutert. Eine Anpassung an deine Bedürfnisse wird niemand so aus dem Ärmel schütteln. Zumal für IE 5.0 noch eine zweite Lösung erforderlich ist.

Folglich gibt es zwei Möglichkeiten. Entweder du lernst CSS und nimmst die Anpassungen selbst vor, oder du suchst jemanden, der sich damit auskennt. Dies wird allerdings Geld kosten, fürchte ich.

Die erste Möglichkeit wirst du vorziehen. Hilfe zur Selbsthilfe gibt es hier kostenlos. Fertige Lösungen nicht, oder eher selten.
0

#12 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 16. Dezember 2006 - 13:25

Ich brauch doch gar nix was auf meine Bedürfnisse angepasst ist. Ich brauch nur etwas deutsches!! Und dazu brauch ich doch die Hilfe hier. Ich suche eine Seite wie man so ein Drop-Down Menü mit CSS hinbekommt und die auch Deutsch ist oder das mir irgendjemand den Code postet (muss ja nicht an meine Bedürfnisse angepasst sein vlt. nur erklärt wo ich Sachen Ändern kann und ab wann) - es gibt ja immer solche Teile in einem Code die man nicht ändern sollte..
0

#13 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 16. Dezember 2006 - 14:45

http://barrierefrei....icks/menues.php

Das dort beschriebene dropdown-menu folgt allerding einem gänzlich anderem Ansatz, wird wahrscheinlich aber auch mit IE5.0 funktionieren. Die Lösung ist nicht eben schick, aber vielleicht ist es einfacher zu verstehen.

Wie auch schon bei cssplay musst du einen Blick in den Quelltext wagen um die Funktionsweise zu verstehen.
0

#14 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 17. Dezember 2006 - 21:16

Hab jetzt zig Versuche gestartet. Aber mein Dropdown werden nur als ganz normale Links angezeigt. Ich hab bei Versuchen den Code einfach mit eingebaut und bei anderen Versuchen per css. datei...ging beides irgendwie bei mir nicht. Was mach ich den nur Falsch?
0

#15 Mitglied ist offline   Kimmy121 

  • Gruppe: Mitglieder
  • Beiträge: 14
  • Beigetreten: 04. Mai 06
  • Reputation: 0

geschrieben 19. Dezember 2006 - 18:38

So ich bin inzwischen weitergekommen - es wird inzwischen schonmal angezeigt wie es auch in der Vorlage aussieht...aber an der falschen Stelle...an die Richtige bekomm ich es nicht ... ich bin durch Zufall auf eine andere CSS DropDown Seite gestoßen aber als ich es da endlcih an der passenden Stelle hatte hat sich dort alles verschoben -_-

so hätte ich gerne das es mit css aussieht http://i5.photobucket.com/albums/y178/Dyla...epagecssgut.jpg

und so auf keinen fall..
http://i5.photobucket.com/albums/y178/Dyla...e_cssfalsch.jpg
0

Thema verteilen:


  • 2 Seiten +
  • 1
  • 2

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0