HTML - Probably Simple, I Want To Be Able To Display A List Of Images In A Specific Folder
Hi all,
I'm helping a friend out with his website but have come across a bit of an issue which I think may be related to the web server itself although I'm sure there's a way round it? http://www.pixelrite.co.uk/completed/ Basically my friend wants to be able to upload images that he has worked on into this folder so people can then browse to the above url and simply download the images they want. I used to have a similar thing on an old site of my own which was just a load of files I had uploaded into a folder, anyone could then download them from there. I suspect it's some sort of server side security implemented by the host... is there some way to insert a very basic index.html page into the folder that somehow would show any files that were currently in that folder allowing someone to right click and download them? Thanks in advance! Similar TutorialsHi i need help i need to make a webpage that lists folders and subfolders within a folder and it needs to automaticaly update when a new folder is added Please help Hi I'm setting up a site that sells images that the user creates online by selecting a combination of PNG images with transparency (using drop down menus). The images are layered using CSS, and the last layer has a watermark image to help prevent print screen copies. I then use PHP to create a composite image of the user's final work, that they can then buy. The only problem is that there is nothing to stop the user from bringing up each individual image on a new browser page using the address of each image eg http://www.mysite.com/images/image1.png - downloading or print screening them, and making their own composite image. I was wondering if there is a way to prevent someone accessing the individual images by typing something like http://www.mysite.com/images/image1.png in a fresh browser tab? I found something using .htaccess - but I don't fully understand it - I think it isn't meant to do what I need: RewriteEngine On RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(.*\.)?mysite.com [NC] RewriteRule \.(jpeg|jpg|gif|png)$ - [F] It is supposed to stop hot linking, but I think that's a different problem. Thanks for your time and help. Shaun hi to all. i need a search script to show directly the resulting elements and not a list of links to pages. also i need to display specific elements from a html page with more elements. pls help me, i searched all over the net but can't find what i need... Hi! Didnt know if to put this in HTML or CSS. I want a title, date and thumbnail of my recent posts from the category "blog" to appear in my footer, siimilar to this side (they have it in the sidebar though) http://i56.tinypic.com/30a9nhx.jpg. Because there is PHP involved, I can't really peak into the source code I've tried this hack, btu it also genereates an excerpt which is not what I want, as it gets too long to fit in my footer, plus, there is no category thumb: Quote: <?php query_posts('showposts=4&cat=114'); while(have_posts()) : the_post(); ?> <h4>" rel="bookmark"><?php the_title(); ?></h4> Posted on <?php the_date(); ?> <div align="left" valign="top"><?php the_excerpt(); ?></div> <div align="right">" rel="bookmark">Read More</div> <?php endwhile; ?> Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. All right, I've stumbled upon a bit on a design block. I'm not sure what I want to do to display images. I don't know if I want to do a gallery...or just have thumbnails and then you click on them to view a larger image...I just don't know what I want to do. So, I was wondering if someone out there could help me and decide what would be best to use with my layout - which here is what it looks like: http://i46.tinypic.com/jj74hw.png - here is the homepage thus far: http://thexoticzoo.webs.com/home.html Any suggestions and help on coding? I am in a band and I'm trying to figure out how to display reoccuring show/ gig information in a side menu on everypage on our website. Right now I am retyping the show list on 25 different pages when ever we get a new show. I think iFrames would be a good solution, but I don't really want to work with iframes as it doesn't view for some people. Unless anyone knows a new version of iframes that works fine for all browsers. You can head to our page http://www.apothys.us if you want to see what I'm talking about. Also, on firefox, the lineup of the graphics are shifted on some pages. It looks fine on IE. Can anyone bring some incite on this problem? In the following code, the image display is inconcsistent: - Firefox: works in all cases - IE7 over Internet: works - IE7 locally: image does not display; I get a placeholder. - IE7 locally on my other computer: works. By "locally", I mean that the HTML file and the image are on my local hard disk; by "Internet", I mean that the HTML file and the image are on the server at my web site service. The image is in the same directory as the HTML file in all cases. Here's the code: <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html> <head> <title>My Page</title> </head> <body> <p>Welcome to My Page</p> <img height="231" width="346" border="0" src="roadtrip003.gif"> </body> </html> I suspect an IE7 setting on the offending computer, but I've looked around quite a bit and it ain't obvious to me. Any thoughts? Hi, I have this msql database containing images, when user enter a query, the program needs to display images back, what is the usual practice for this kind of task? copy all those images to a folder and refer to them with img tag? delete all of them later? care to share some of your tips? Thanks, A.C. I've got three drop-down lists in a navbar that displays properly in IE but not in Firefox or Sea Monkey. I can't figure out what I'm doing wrong. The lists under "Historic District" and "Take Action" are fine, but the two items under "Blog" don't show up in FF or SM. The "Blog" links are external. Would that matter to FF and SM? The WC3 turned up the likely error, but when I added and/or removed a ul and/or li tag, I got strange results and was unable to fix the problem. If someone can explain what I should do and why I'd appreciate it. WC3 flagged the <ul> tag after <li><a href="http://west80s.blogspot.com/">Blog</a></li> because: "document type does not allow element "UL" here; assuming missing "LI" start-tag" Here's the site: http://west80s.org/ Here's the code: Code: <ul class="NavHoriz-menu"> <li class="first"><a href="index.htm">Home</a></li> <li> <a href="http://">Historic District</a> <ul> <li class="first"><a href="Historic-District.htm">Proposed District</a></li> <li><a href="letters-index.htm">Support the Historic District</a></li> <li><a href="GB-pix.htm">Gilbert Brownstones</a></li> <li><a href="WestPark.htm">West Park Church</a></li> <li><a href="330-W-86-St.htm">330 W 86th St</a></li> </ul> </li> <li><a href="http://west80s.blogspot.com/">Breaking News</a></li> <li><a href="http://">Take Action</a> <ul> <li class="first"><a href="hydrofracking.htm">Hydrofracking</a></li> <li><a href="letters-index.htm">Support the Historic District</a></li> </ul> <li><a href="MembershipForm.htm">Join</a></li> <li><a href="mailto:info@west80s.org">Contact Us</a></li> <li><a href="http://west80s.blogspot.com/">Blog</a></li> <ul> <li class="first"> <a href="http://west80s.blogspot.com/2011/07/please-help-us-wipe-out-graffiti-this.html">Graffitti Removal</a></li> <li><a href="http://west80s.blogspot.com/2011/07/weve-adopted-tree.html">Beautificaiton</a></li> </ul> </li> </ul> Thanks for any help. Ellen I just started learning HTML, and made a file just to try out the various things I have learned. The below is said file. When I attempt to view it my picture does not appear, and I don't understand why. Help is much appreciated. <html> <head> <title>Test page</title> </head> <body> <center><h1>Yay for me</h1></center> <p>This is cool</p> <p>Bla bla bak</p> <ul> <li>Yay</li> <li>for</li> <li>me</li> </ul> <br> <img src=“Caster.jpg” /> </body> </html> Hi guys, I have on my webhost a ton of pictures and I would like to be able to go to that directory... xxx.com/photos ...and have a page display all the files located in that directory just in a list....then be able to click on them so it displays. Just a file list basically. eg: pic1.jpeg pic2.jpeg etc Is there a simple code to allow me to do this? Thanks! I have list of files in a folder which are to be displayed in html table. Each file should be shown as follows ------------ | image1| | | ------------ <image 1 file name> ------------ | image2| | | ------------ < image 2 file name> its image and name of the file below the image. I am new to this html and needs help! Thank you, Krishna. I am making a page with a load of thumbnails which are links to other pages. The code is essentially... Code: <a href="#"> <img src="thumbnail" /> <span> <img src="larger image with some nice css styling" /> </span> </a> a span has display none and and a:hover span has display block. What I want to know is does the larger image load with the whole page or does it only load when you hover on the link. I.E. does having loads of hidden images effect page load time? Thanks Hello, I have designed sites in the past but am in need of some assistance. I am designing a website for an artist who wants to be able to offer his clients fine art prints for sale. He needs to be able prints with several different product options; i.e. canvas print with 1" stretch, 2" stretch and framed prints. I want to be able to offer check boxes (or equivalent) that will display an image of the different product options available. If the 1" stretch check box is checked I need an image of a canvas on a 1" gallery wrap frame to be displayed. If they click on the "frame" check box, I need an image of a framed painting to be displayed. What is the best method to use to accomplish this? I've researched and experimented but am at a bit of a loss. Any help will be greatly appreciated. Thank you in advance!! -John I need to display an image (size 1024x768) in IE explorer so when i hit f11 (kiosk mode) its full screen. Then I need that image to refresh every X seconds with out flickering on the screen. The file is a bmp and is about 5mb and only will be changed a few times a day by a program I wrote in Vb.net. It will write over the existing file so the webpage would pick up the changes when it refreshes. Codes I'v tried already: Code: <html> <head> <META HTTP-EQUIV="Expires" CONTENT="-1"> <META HTTP-EQUIV="refresh" CONTENT="10;URL="meta.htm";"transition"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> <style type="text/css"> html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;} body {font-family:verdana, arial, sans-serif; font-size:76%;} #background{position:absolute; z-index:1; width:100%; height:100%;} #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} #content {padding:5px 300px 20px 200px;} p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;} </style> </head> <body> <div> <img id="background" src="View.bmp" alt="" style="position: absolute; left: 0; top: 0" width="90%" height="90%" /> </div> </body> </html> and Code: <IMG src="OR View.bmp" name="refresh" Padding="0" Width="1024" Height="768" Scrolling="0"> <SCRIPT language="JavaScript" type="text/javascript"> <!-- var t = 120 // interval in seconds image = "OR View.bmp" //name of the image function Start() { tmp = new Date(); tmp = "?"+tmp.getTime() document.images["refresh"].src = image+tmp setTimeout("Start()", t*1000) } Start(); // --> </SCRIPT> However the first one flickers and the 2nd doesnt display in full screen. Any information or even pointing me in the right direction would help. I know almost nothing about java and html =x I'm looking for a lightbox type script that can show an external .html (iframe) on my page. I saw it a while back while I searching for scripts but I can't find it anymore, and I wasn't if it was reliable or not. What I want it to do: Click on a picture or link Opens up a lightbox on top of the Website, but instead of an image it will be an iframe displaying a contact form. Thanks! I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0) I was wondering if anyone know what it could be HTML Code: Code: <div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul> CSS Code: Code: #nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); } Any help at all would be appriciated please I can show u the website via Private message if you are interested in helping Thanks in advance Reply With Quote Hi, This is jyothi, i am creating tree folders in html but i don't know the correct script. Can anyone please help me. |