HTML - Display Images

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

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!

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!

Hi guyz,

i have a query

Mouse over the datagrid cell display tooltip or panel to display information

but only using HTML and CSS not using javascript.
can anyone help me. because im gonna use it on htmleditor on c# desktop application

thax before

Simple question.

I have 2 images I'm displaying but they are displaying side by side. I want them to be one on top and one on the bottom.

Here is my code:

<p>
<img src="images/GoldCard_Page_1.jpg" Align="left">
</p>


<p>
<img src="images/GoldCard_Page_2.jpg" Align="left">
</p>

Hi, i have an issue with images in that my site was up and running ok, then a computer crash ended my old PC (not sure if relevent). So new PC, now when i go into my ftp and upload an image from my computer, it will be there and i do the normal in that i get properties of image in ftp and add this into my html. At this point all is ok, image shows on website in new window but as soon as i sign out of my ftp any new images will disapear and just leave the box outline and red x. Sorry this is probrably something simple, but it`s been doing my head in for months. Any ideas, help please.

I have a two questions if you see an image on the web for example a map you would like to create yourself can you look at the webpage's source and use that as a guide? Does copyright laws apply?

Well second question will come when I get an answer to first question.

Thanks
sunrise

Hello!

I'm new to these forums and am looking for a little help with my website I'm currently building. I'm trying to look for a unique way to display my images on a page. One particular way I'm thinking of is to hover over a tumbnail of the image and it pops up bigger so you can see it. Is there any code out there for that?

Hi, im new to this so sorry for my lack of knowlage.

Anyway, I have made a new directory on my website to house our gaming reviews I have copied exactly the same image directorys that work on our main directory in there
and the images show up when previewing on my pc but not when i upload to the web, also appartnly no images or styles work in IE?

www.gameoracle.co.uk

help much appriciated

Hi, I'm kinda new to HTML.. I want to add 2 different images aligned horizontally, but one would be aligned on the left of the page, and one to the right.. how would I do that?

I'm currently in the process of rebuilding my website and I'm having some trouble.

I'm looking to get the page to look like this:
http://img170.imageshack.us/img170/5833/designwh9.png

This is what I'm at right now:
http://www.bclw.ca/content/index2.html

The buttons (unlike in the image design) are not touching each other.

Is there a way to do this only using HTML? Or am I going to have to purchase one of those Website Design programs?

Thanks for any help you can give!

Hello everyone,

I am currently working on a website that will have a simple gradient border (something like an "outer glow" from Photoshop) along the border of a nested table in the page. The final result will be a simple box with data centered in the middle of the page...

However, my question is more related to programming in general. I have two options:
1. Have a linear gradient (1 px by 5 px) which is rotated in the 4 cardinal directions, and then tiled all around the page. Also there will be corners (5 px by 5 px) on, you guessed it, the corners.

2. Creating tables, for instance:

//"invisible" is a font class with size="1px"

<table class="invisible" cellpadding="0" cellspacing="0" width="710">
<tr height="100">
<td width="1" bgcolor="#000000"></td>
<td width="1" bgcolor="#333333"></td>
<td width="1" bgcolor="#666666"></td>
<td width="1" bgcolor="#999999"></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="1" bgcolor="#FFFFFF"></td>
<td width="700" bgcolor="#FFFFFF">
<!-- TemplateBeginEditable name="body" -->

SITE CONTENT HERE

<!-- TemplateEndEditable -->
</td>
<td width="1" bgcolor="#FFFFFF"></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="1" bgcolor="#999999"></td>
<td width="1" bgcolor="#666666"></td>
<td width="1" bgcolor="#333333"></td>
<td width="1" bgcolor="#000000"></td>
</tr>
</table>

which recreate the same action as tiling the gradient along the outside edges using the simple HTML colors. Which, from the standpoint of REDUCING actual work done by the server, would be the more effective (not my time, which clearly option 2 takes more of).

I know very little about image compression, and how the whole process works for calling up images from a server. Any explanation is appreciated.

Thanks again,
BlitzKampf

Greetings,

I just recently started learning HTML and I am currently taking an HTML class in my college. One of my assignments was to create a web page with a certain amount of requirements but for some reason my teacher was not able to view the pictures when she tried to look at my assignment. Can someone please take a look at my source code and let me know what is wrong with it?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<title>Internet Security</title>

<style type="text/css">

h1 {text-align: center}
h3 {text-align: center}

body {background-color: #FFEBCD}

</style>
</head>

<h1>Security and the Internet</h1>

<body>

<p>Internet Security has become vital in today's society. With the imposing attempts to breach other computers, it is important to have good anti-virus software.
Viruses can come in many different types. First and foremost are your standard <em><strong>trojan viruses</strong></em>. These viruses are used to steal passwords
so the hacker can attempt to gain pertinent user information. Another form of a virus is a <em><strong>boot virus</strong></em>. A boot virus infects floppy disk or
master boot records on a hard drive. They replace the boot record program (which is responsible for loading the operating system in memory)
copying it elsewhere on the hard drive or overwriting it. Boot viruses load into memory if the computer tries to read the disk while it is booting.<hr /></p>


<h3>Other Types of Security Dilemmas</h3>

<p>Other security problems that are slowly rising include wireless network hacking. In this particular method of breaching, the perpetraitor attempts to steal a
wireless connection by using DOS (denial of service attacks), man in the middle, Identity theft or MAC spoofing and sometimes, caffe latte attacks.
The most frightening part of this type of breach, or any for that matter is the hackers ability to gain personal information by using the aforementioned methods.
It is very important to secure your computer with an anti-virus program as well as, a firewall to ensure you are not a victim.
Below is a security checklist which will aid in keeping hackers out of your system.<hr /></p>

<h4 style="color:#DC143C">Ways to Stay Internet Safe</h4>

<!-- The following six lines represent how ordered list work and would appear on a web page -->

<ol>
<li>Install an anti-virus program and firewall and, <strong>keep the definitions up to date</strong></li>
<li><strong>NEVER</strong> open any attachments unless you know the sender</li>

<li>Do not close your anti-virus and firewall. Real time protection is often active while they are open</li>
<li><strong>DO NOT</strong> visit un-safe websites. Again, virus protection usually has a site watch plug in to aid in this</li>
</ol>

<p>Follow these helpful tips and you should remain virus free</p>

<p>The following pictures to the right indicate two great antivirus and spyware programs used for Internet security today. I personally use both of these.
Each of these particular pieces of software serve their own purpose. The AVG Free is used for scanning for viruses while the SuperAnti-Spyware is used
to scan and resolve issues pertaining to spyware and adware.

<!-- Picture links are displayed below -->

<p><a href="http://free.avg.com/" title="click here to visit AVG's website">
<img src="AVG.gif" alt="photo of anti-virus software" border="0" align="right" width="140" height="140"/></a></p>

<p><a href="http://www.superantispyware.com/" title="click here to visit SuperAnti-Spyware's website">
<img src="super.gif" alt="picture of SuperAnti-Spyware" border="0" align="right" width="140" height="140"/></a></p>
<br>
<br>
<br>
<br>
<br>

<br>
<br><hr />

<p>In the next few steps I am going to describe how to stay virus free if using a wireless network</p>

<h2 style="colorC143C">Instructions For Setting Up a Safe Wireless network</h2><br>






</body>
</html>

Hi,

I currently have a bit of a problem, you can see for yourself at http://el-nath.net/forum

Notice that all the images are around 3-4 pixels off their place that they're supposed to be at. Can someone please view the source code and give me a solution?