Searchfunktion lässt sich nicht anklicken
lima-city → Forum → Sonstiges → Spam und sonstiges Unvergütetes
auto
button
code
dank
fenster
forum
gefunden danke
header
http
index
input
log
panel
paste
position
positionieren
register
switch
url
vergessen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
dein slider liegt über dem inputfield deswegen kannste darauf kein focus setzen
Bild:
http://s1.directupload.net/file/d/3271/b6pk9a4s_png.htm
alternative mach ein z-index swap via jQuery
#head_sup
z-index:1000;
auf klick vom slider login/reg bttn z-index:998;
und beim schliessen wieder 1000 da der slider z-index:999 hat
$(document).ready(function() { // Expand Panel $("#open").click(function(){ $("#head_sup").css('z-index', '998'); $("div#panel").slideDown("slow"); }); // Collapse Panel $("#close").click(function(){ $("#head_sup").css('z-index', '1000'); $("div#panel").slideUp("slow"); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); });
viel spass
Beitrag zuletzt geändert: 30.5.2013 23:20:34 von n0tiert -
vserver schrieb:
hab das jetzt so, jetzt funktioniert zwar die Searchfunktion aber der Panel lässt sich nicht mehr ausklappen, was habe ich vergessen?
#head_cen {width:800px; margin:0 auto} #head_sup {width:800px; float:left; position:relative; z-index: 1000;} #head p.search {width:auto; z-index: 10; margin-top:18px; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999999; line-height:25px; letter-spacing:1px} #head p.search label {width:auto; margin-right:10px; float:left} #head p.search input.txt {width:135px; height:21px; margin-right:7px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#2c2d2c; border:0; background:url(../images/searchbg.png) no-repeat} #head p.search input.btn {width:68px; height:21px; float:left; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-align:center; cursor:pointer; background:url(../images/searchbtn.png) no-repeat} #head p.search input.btn:active {background-position:2px 2px}
Gruß & Danke
schraub alles zurück und teste ma das slider.js was ich angehängt habe sollte es tun :) -
Das muss ich ja nur hier einbauen oder?
ENTFERNT
Beitrag zuletzt geändert: 1.6.2013 23:49:53 von vserver -
ja, habs gefunden Danke :) aber klappt noch nich ganz richtig
ENTFERNT
Beitrag zuletzt geändert: 1.6.2013 23:50:04 von vserver -
vserver schrieb:
ja, habs gefunden Danke :) aber klappt noch nich ganz richtig, da schiebts mir noch etwas anderes auch drüber. Da ist irgendwas verdreht weil beim ausgeklappten funktioniert die Searchbar
keene panik , halbe miete
#head_sup {
float: left;
position: relative;
width: 800px;
z-index: 1000;
}
einfügen so, dann nochmal schauen
Beitrag zuletzt geändert: 30.5.2013 23:40:46 von n0tiert -
Ja, jetzt ist es irgendwie genau andersrum, ausklappen lässt sich der Panel nicht aber die Searchbar funktioniert wieder :)
-
komma in chat , einfacher
-
$(document).ready(function() { // Expand Panel $("#open").click(function(){ $("div#panel").slideDown("slow"); $("#head_sup").css('z-index', '998'); $("#topsliderpanel").css('z-index', '1000'); }); // Collapse Panel $("#close").click(function(){ $("div#panel").slideUp("slow"); $("#head_sup").css('z-index', '1000'); $("#topsliderpanel").css('z-index', '999'); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); });
Beitrag zuletzt geändert: 31.5.2013 0:24:19 von n0tiert -
so wir haben das hier ja geändert
#head_cen {
margin: 0 220px auto;
}
jetzt sitzt der div wieder über den slider
und #topsliderpanel sollte default z-index: 1000 haben
#topsliderpanel {
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 1;
}
#head_cen {
margin: 0 440px auto;
}
dann geht´s wieder nur passt dann wieder das logo/menu nicht wie du es wolltest ......
das muss anders gebaut werden
zip das mal zusammen geb mir den link.....
Beitrag zuletzt geändert: 31.5.2013 10:13:42 von n0tiert -
Habs nochmals aktualisiert, kannst es nochmals runterladen.
Beitrag zuletzt geändert: 1.6.2013 23:51:24 von vserver -
vserver schrieb:
Habs nochmals aktualisiert, kannst es nochmals runterladen, der Panel klappt jetzt aus :) nur ist noch etwas verschoben und beim einklappen kommt die Searchbar so in den Vordergrund :)
schaus dir ma bei mir jetzt an :)
$(document).ready(function() { // Expand Panel $("#open").click(function(){ $("div#panel").slideDown('slow'); $("#head_sup").css('z-index', '998'); $("#topsliderpanel").css('z-index', '1000'); }); // Collapse Panel $("#close").click(function(){ // onComplete swap z-index $("div#panel").slideUp('slow', function() { $("#head_sup").css('z-index', '1000'); $("#topsliderpanel").css('z-index', '999'); }); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); });
übernehme dem code 1:1
Beitrag zuletzt geändert: 31.5.2013 15:32:20 von n0tiert -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage