hendrikius Posted June 8, 2006 Share Posted June 8, 2006 Hi everybody,I have a horizontal CSS menu on the top and a vertcal CSS menu left from my website...how can i align a basic slideshow in the middle section of my homepage.I can't seem to pull it off.Thanks in advance Link to comment Share on other sites More sharing options...
scott100 Posted June 8, 2006 Share Posted June 8, 2006 Does this help? just put the slideshow within the boxhttp://scott100.atspace.com/box.htm Link to comment Share on other sites More sharing options...
pulpfiction Posted June 8, 2006 Share Posted June 8, 2006 Try this, <html><body><form><div style="border:1px solid black;height:550px;text-align:center;"><div style="height:30;">This is the Menu on the top</div><div style="width:100%;border:1px solid black;"><div style="width:20%;border:1px solid red;float:left;height:400;">This is the Menu on the left</div><div style="width:80%;border:1px solid green;float:left;height:400;">This is the where the slideshow will be</div></div></div><form></body></html>ps: you can change the height, important part is "float:left" Link to comment Share on other sites More sharing options...
hendrikius Posted June 8, 2006 Author Share Posted June 8, 2006 Wat are the tags for a box pleaseWith kind regardsHendrikius Link to comment Share on other sites More sharing options...
pulpfiction Posted June 8, 2006 Share Posted June 8, 2006 Not clear of what you mean by a box, but try this using <div>....<div style="width:100px;border:1px solid black;height:100px;text-align:center;">Is this the kinda box you need???</div> Link to comment Share on other sites More sharing options...
hendrikius Posted June 8, 2006 Author Share Posted June 8, 2006 Where do i have to put these tags? Link to comment Share on other sites More sharing options...
scott100 Posted June 8, 2006 Share Posted June 8, 2006 Where do i have to put these tags?<{POST_SNAPBACK}> They go in the body section of the web page Link to comment Share on other sites More sharing options...
hendrikius Posted June 8, 2006 Author Share Posted June 8, 2006 Great!Now i still don't have a ...... clue!Sorry...JavaScript is new to me.Would it help if i would place the code of the slideshow?Anyway, thanks for helping out here.With kind regards Ronny Henri Link to comment Share on other sites More sharing options...
hendrikius Posted June 8, 2006 Author Share Posted June 8, 2006 Here it is...<script type="text/javascript">var slideimages=new Array()var slidelinks=new Array()function slideshowimages(){for (i=0;i<slideshowimages.arguments.length;i++){slideimages=new Image()slideimages.src=slideshowimages.arguments}}function slideshowlinks(){for (i=0;i<slideshowlinks.arguments.length;i++)slidelinks=slideshowlinks.arguments}function gotoshow(){if (!window.winslide||winslide.closed)winslide=window.open(slidelinks[whichlink])elsewinslide.location=slidelinks[whichlink]winslide.focus()}</script><a href="java script:gotoshow()"><img src="http://www.w3schools.com/images/iis_dnserver.gif" name="slide" border=3 width=180 height=180></a><script type="text/javascript">//Verander hier de plaats van de plaatjes en de linksslideshowimages("http://www.websonic.nl/images/vista_right.jpg"," http://www.yourhosting.nl/affiliate/banner...if"," http://www.websitemaken.be/avatar/2.jpeg")slideshowlinks("http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl")//Verander hieronder de snelheid van de SLideshowvar slideshowspeed=3000var whichlink=0var whichimage=0function slideit(){if (!document.images)returndocument.images.slide.src=slideimages[whichimage].srcwhichlink=whichimageif (whichimage<slideimages.length-1)whichimage++elsewhichimage=0setTimeout("slideit()",slideshowspeed)}slideit()</script> Link to comment Share on other sites More sharing options...
scott100 Posted June 8, 2006 Share Posted June 8, 2006 (edited) Ok based on the layout code pulpfiction posted this is where you would put your slideshow code. <html><body><form><div style="border:1px solid black;height:550px;text-align:center;"><div style="height:30;">This is the Menu on the top</div><div style="width:100%;border:1px solid black;"><div style="width:20%;border:1px solid red;float:left;height:400;">This is the Menu on the left</div><div style="width:80%;border:1px solid green;float:left;height:400;"><script type="text/javascript">var slideimages=new Array()var slidelinks=new Array()function slideshowimages(){for (i=0;i<slideshowimages.arguments.length;i++){slideimages[i]=new Image()slideimages[i].src=slideshowimages.arguments[i]}}function slideshowlinks(){for (i=0;i<slideshowlinks.arguments.length;i++)slidelinks[i]=slideshowlinks.arguments[i]}function gotoshow(){if (!window.winslide||winslide.closed)winslide=window.open(slidelinks[whichlink])elsewinslide.location=slidelinks[whichlink]winslide.focus()}</script><a href="java script:gotoshow()"><img src="http://www.w3schools.com/images/iis_dnserver.gif" name="slide" border=3 width=180 height=180></a><script type="text/javascript">//Verander hier de plaats van de plaatjes en de linksslideshowimages("http://www.websonic.nl/images/vista_right.jpg"," [url="http://www.websitemaken.be/avatar/2.jpeg"%3b%29"]http://www.websitemaken.be/avatar/2.jpeg")[/url]slideshowlinks("http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl","http://www.websonic.nl")//Verander hieronder de snelheid van de SLideshowvar slideshowspeed=3000var whichlink=0var whichimage=0function slideit(){if (!document.images)returndocument.images.slide.src=slideimages[whichimage].srcwhichlink=whichimageif (whichimage<slideimages.length-1)whichimage++elsewhichimage=0setTimeout("slideit()",slideshowspeed)}slideit()</script></div></div></div><form></body></html> Edited June 8, 2006 by scott100 Link to comment Share on other sites More sharing options...
hendrikius Posted June 9, 2006 Author Share Posted June 9, 2006 This script does not work...it takes apart my complete website.Thanks anyhow...With kind regards Link to comment Share on other sites More sharing options...
scott100 Posted June 9, 2006 Share Posted June 9, 2006 This script does not work...it takes apart my complete website.Thanks anyhow...With kind regards<{POST_SNAPBACK}> The script you pasted works fine, i then showed you how to implement it into a layout you described which also works fine.Im not sure how your trying to insert it into your code put if you post it then i can take a look and point you in the right direction. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now