Antworten: 2
Seite [1] |
|
Xevi Wannabe poster Beiträge: 36 |
# Thema - 30.01.2008 um 20:22 Uhr
Hallo ich hab folgendes prob schaut mal bitte hier http://www.incredible-gaming.eu/invex links die navigation. Wenn man drauf geklickt hat wird dieser button so grau/weiß überlegt. das passt natürlich gar nicht zum design. kann mir wer sagen wo mein fehler ist??? hier mal meine CSS hier die CSS body { background-color:#000000; background-image: url('images/bg.jpg'); background-position:center; background-repeat:repeat-y; margin: 0px auto; font-family: Verdana; color: #000000; font-size: 12px; } img { border: 0px; } a:link, a:visited { color: #000000; text-decoration:none; } a:hover { text-decoration:underline; } a.read { color: #BA0200; font-size: 9pt; font-family: Verdana; font-weight: bold; } .navcol { border-bottom: 1px dotted #000000; } #toprow { background-image: url('images/toprow.png'); width: 990px; margin: 0px auto; height: 32px; } #header { background-image: url('images/header.png'); width: 990px; margin: 0px auto; height: 168px; } div#nav_spacer { height: 134px; } #center { margin: 0px auto; width: 990px; } #left { float: left; width: 179px; } #content { float: left; width: 624px; border-top: 1px solid #000000; padding: 4px; } #right { float: right; width: 179px; } #subnavi { padding-left: 3px; font-family: Arial; font-size: 8pt; font-weight: bold; } #logindiv { float: right; padding-right: 4px; padding-top: 4px; } #loginbuttons { float: left; padding-top: 2px; } div.sdmenu { width: 179px; align: center; font-family: Arial, sans-serif; font-size: 12px; color: #fff; } div.sdmenu div { background: url(title.gif) repeat-x; overflow: hidden; } div.sdmenu div:first-child { background: url(toptitle.gif) no-repeat; } div.sdmenu div.collapsed { height: 25px; } div.sdmenu div span { display: block; padding: 5px 25px; font-weight: bold; color: white; background: url(expanded.gif) no-repeat 10px center; cursor: default; border-bottom: 1px solid #ddd; } div.sdmenu div.collapsed span { background-image: url(collapsed.gif); } div.sdmenu div a { padding: 5px 10px; background: #eee; display: block; border-bottom: 1px solid #ddd; color: #066; } div.sdmenu div a.current { background : #ccc; } div.sdmenu div a:hover { background : #066 url(linkarrow.gif) no-repeat right center; color: #fff; text-decoration: none; } hmmm und dann hier noch meine js datei für die navi die Js für die Navi function SDMenu(id) { if (!document.getElementById || !document.getElementsByTagName) return false; this.menu = document.getElementById(id); this.submenus = this.menu.getElementsByTagName("div"); this.remember = true; this.speed = 3; this.markCurrent = true; this.oneSmOnly = false; } SDMenu.prototype.init = function() { var mainInstance = this; for (var i = 0; i < this.submenus.length; i++) this.submenus[i].getElementsByTagName("span")[0].onclick = function() { mainInstance.toggleMenu(this.parentNode); }; if (this.markCurrent) { var links = this.menu.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) if (links[i].href == document.location.href) { links[i].className = "current"; break; } } if (this.remember) { var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)"); var match = regex.exec(document.cookie); if (match) { var states = match[1].split(""); for (var i = 0; i < states.length; i++) this.submenus[i].className = (states[i] == 0 ? "collapsed" : ""); } } }; SDMenu.prototype.toggleMenu = function(submenu) { if (submenu.className == "collapsed") this.expandMenu(submenu); else this.collapseMenu(submenu); }; SDMenu.prototype.expandMenu = function(submenu) { var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight; var links = submenu.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) fullHeight += links[i].offsetHeight; var moveBy = Math.round(this.speed * links.length); var mainInstance = this; var intId = setInterval(function() { var curHeight = submenu.offsetHeight; var newHeight = curHeight + moveBy; if (newHeight < fullHeight) submenu.style.height = newHeight + "px"; else { clearInterval(intId); submenu.style.height = ""; submenu.className = ""; mainInstance.memorize(); } }, 30); this.collapseOthers(submenu); }; SDMenu.prototype.collapseMenu = function(submenu) { var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight; var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length); var mainInstance = this; var intId = setInterval(function() { var curHeight = submenu.offsetHeight; var newHeight = curHeight - moveBy; if (newHeight > minHeight) submenu.style.height = newHeight + "px"; else { clearInterval(intId); submenu.style.height = ""; submenu.className = "collapsed"; mainInstance.memorize(); } }, 30); }; SDMenu.prototype.collapseOthers = function(submenu) { if (this.oneSmOnly) { for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i] != submenu && this.submenus[i].className != "collapsed") this.collapseMenu(this.submenus[i]); } }; SDMenu.prototype.expandAll = function() { var oldOneSmOnly = this.oneSmOnly; this.oneSmOnly = false; for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i].className == "collapsed") this.expandMenu(this.submenus[i]); this.oneSmOnly = oldOneSmOnly; }; SDMenu.prototype.collapseAll = function() { for (var i = 0; i < this.submenus.length; i++) if (this.submenus[i].className != "collapsed") this.collapseMenu(this.submenus[i]); }; SDMenu.prototype.memorize = function() { if (this.remember) { var states = new Array(); for (var i = 0; i < this.submenus.length; i++) states.push(this.submenus[i].className == "collapsed" ? 0 : 1); var d = new Date(); d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000)); document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/"; } }; hmm und dann ist hier noch meine einbindung in meine index.htm Index.htm <script type="text/javascript" src="sdmenu.js"></script> <script type="text/javascript"> var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; </script> </head> <body> </div> <div style="float: left" id="my_menu" class="sdmenu"> <div> <span>NewsTime</span> <a href="?mod=news&action=recent">News</a> <a href="?mod=news&action=list">News Archive</a> <a href="?mod=articles&action=list">Articles</a> </div> <div> <span>InVeX</span> <a href="?mod=members&action=pictured">Members</a> <a href="?mod=wars&action=list">Matches</a> <a href="?mod=contact&action=imprint">Kontakt</a> </div> <div class="collapsed"> <span>Community</span> <a href="?mod=board&action=list">Board</a> <a href="?mod=users&action=list">Userlist</a> <a href="?mod=servers">Servers</a> <a href="?mod=cups">Cups</a> </div> <div> <span>MediaPool</span> <a href="?mod=files&action=list">Downloads</a> <a href="?mod=clansphere&action=about">About</a> </div> </div> hoffe es kann mir wer helfen... ich hab alles mehrmals geprüft und finde es nicht!!! würde mich freun wenns wer weiß. so long XeVi |
Inaktiv |
|
Slider2 Rock the board Beiträge: 86 |
# Antwort: 1 - 30.01.2008 um 22:13 Uhr
<?php div.sdmenu div a.current { background : #ccc; } ?> muss da weg, mach das mal leer, also <?php div.sdmenu div a.current { } ?> oder ganz raus Zuletzt editiert von Slider2 am 30.01.2008 um 22:15 Uhr (4x Editiert) |
Inaktiv |
|
Xevi Thread-Ersteller Wannabe poster Beiträge: 36 |
# Antwort: 2 - 31.01.2008 um 18:07 Uhr
Also fals du das in der Css meinst. hab ich raus und leer gemacht beides versucht.-.. das ist es iwi nicht... wird trotzdem noch grau!!! kanns nioch was anderes sein?? EDIT: aber auch imemr erst wenn ich die mouse wegnehme!!! EDIT2: closed... fehler gefunden... done trotzdem danke Zuletzt editiert von Xevi am 31.01.2008 um 18:27 Uhr (2x Editiert) |
Inaktiv |
|
Dieses Thema wurde von fay-pain geschlossen. |
|
Antworten: 2
Seite [1] |
Latest 5 Showrooms
Demo
Probiere ClanSphere aus und teste daran herum. Demo
Spenden
ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns.
Spenden