elmohack

wooho!

Is it possible to embedd youtube into lightbox? I have tried and have not been sucessfull i even tried google but the google search suggest other types of jquery instead of lightbox.. i even tried looking at lightbox forum apparently there are many other people asking help about embedding youtube to lightbox and not a single person on that forum helped .. so anyone have any experience with this? My aim is to get yo utube embedd in lightbox instead of using other s cripts..

do you have any recomendation ? i dont know java 100% ive used javascripts before but not created my own.

Please have a look at the diagram for explenation.. What im trying to achive is within the same page instead of creating 2 html pages to make it possible it may or may not be possible to do but im no expert.

Nevermind but you solved my problem anyway kudos to you sir !

Well done young sir a genius and a scholar ! Thank you i guess i still have alot to learn on how things work but hey its exiting !

yes in the previous post i commented that i manage to make it work , but my question still remains ... at the bottom of the page i have created a button and when you click it it goes to the top (back to top button) its a href # header so it scrolls up to header.. when i have z index and postion relative etc on the content box and header ... the back to top button doesnt work. it just doesnt respond.. but when i take away the codes you provided it works.

Update . I used position top o on the header.. but .. at the bottom of the page i have a back to top b utton.. now that doesnt work.. the button uses jquery to scroll when on click the button goes to div that is specified in this case. the div is # header .. but now it doesnt mvoe it just remains at that position anyway to fix this?

Update @ dsenosuk I did as you said apparently i clicked the wrong html so there was no result but i tested again now and apparently the header is missing when i use the code u gave. and it only display the content div.

Hi, i want the content to go over the header when you scroll down so the content page goes up . @ dsonesuk i tried that stll not difference apparently.. its like the usual stuff.. Ill paste my cs code here so you can verify. #header{width:100%;background:#000000;height:460px;background:url(../images/header.jpg);no-repeat;min-width:1000px;position: fixed; z-index:0;} #content {position:relative; z-index: 10;width:100%;padding-top:40px;background:#000000;height:auto;background:url(../images/wbg.jpg);min-width:1000px;} there are other divs within the content box so im sure it would work still but still not working so :s//

I tried that.. can you please give more direct instructions z index on header or body i tried on either still dont work even with negative or positive.

Hi, im not sure how to do this so i need some advice , im trying to get contents scroll over a navigation bar ill try to show an illustration image attached. I was trying to use position fixed at the header but that doesnt help since it stays there the effect im trying to get is the body scrolling over the header , in other words making the div below another div scroll on top of that div when you scroll down. Please look at attached image.

Ok my issue is that the image in the attached file (screen shot) refuses to stay in the box , when i remove the menu the image stays in the box, does anyone have a clue of what is causing this issue? Please see attachment to roughly get what i mean. The image size is 1000px by 150px so it should fit nicely but apparently it leaves a blank space in the div on the top i have tried verticle align top still not results.i tried float right it stays within the heigh of the box properly BUT it moves to the extreme right.. i can fix it by using position relative left : negative but i want to figure out what the issue is without using any position relative negative etc. Please help :S Here is the HTML Code - <div class="menu"> <ul> <li style="width:300px; height:135px; padding:0px ;border: none;"><a href="#" ><img src="images/logo1.png"> </a></li> <li ><a href="#" ><img src="images/home1.png"></a></li> <li><a href="#" id="current">Web Hosting</a> <ul> <li><a href="#">Shared Hosting</a></li> <li><a href="#">Domains</a></li> </ul> </li> <li><a href="/faq.php">Servers</a> <ul> <li><a href="#">Virtual Private Servers</a></li> <li><a href="#">Dedicated Servers</a></li> </ul> </li> <li><a href="webdesign.html">Web Design</a></li> <li><a href="support.html">Support</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> (here is where i get the probem the image overflow or rather doesnt stay within the div for a better deccription look at the attach image to what i mean ) <div class="bannerbox"><div class="banner"><img src="images/ds-banner.jpg"></div></div>------------ End of html code-start of css - .bannerbox{background:black;border:0px;margin:auto;width:100%;height:150px;padding:0px; } .banner{background:red;border:0px;margin:0 auto;width:1000px;height:150px;padding:0;vertical-align:top; position: relative; left: 0px; top: 0px; } img{vertical-align:top;}------------------------ menu css.menu{clear:both;min-width: 1000px; border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000000; width:100%; }.menu ul{ background:#000000; clear:both; height:110px; list-style:none; width: 1000px; max-width:1000px; margin: 0 auto; padding:0; } .menu li{ float:left; padding:0px ; min-width: 60px; height: 50px;width: 110px; } .menu li a{ background:#000000 url("images/vline1.png") bottom right no-repeat; color:#cccccc; border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px; display:block; height: 110px; font-weight:normal; line-height:110px; margin:0px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: #131313 url("images/arrow1.png") bottom center no-repeat; color:#FFFFFF; text-decoration:none; } .menu li ul{ border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px; background:#131313; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200 /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { background:url('images/hr.png') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; height:auto; /*removethis*/ } .menu li:hover li a{ background:none; } .menu li ul a{ line-height:75px; display:block; height:75px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background:#393b3b url('images/arrow2.png') center left no-repeat; border:0px; border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px; color:#ffffff; text-decoration:none; } .menu p{ clear:left; }