HTML - Pasting Images Into Web Form.

Hello everybody,

maybe someone can help me with a problem on my site. There is a form on the page where the user can select images from a dropdown list, it looks like this:

Code:

<FORM NAME="form">
<SELECT NAME="selbox" SIZE="1" ONCHANGE="imgchange()"> 
<OPTION VALUE="cards/gifs/deck1">Essential</OPTION> 
<OPTION VALUE="cards/gifs/fool">0</OPTION> 
<OPTION VALUE="cards/gifs/magician">I</OPTION>
<OPTION VALUE="cards/gifs/priestress">II</OPTION>
<OPTION VALUE="cards/gifs/empress">III</OPTION> 
</SELECT>
</FORM>
</TD>
<TD VALIGN="TOP" ALIGN="CENTER"><BR>
<FORM NAME="frm">
<INPUT TYPE="text" SIZE="18" NAME="indate"><P><INPUT TYPE="button"
VALUE="show me" ONCLICK="getcard()"></P>
</FORM>

Now I would like to put a link on each image when it is shown on the page, so that the user can click on it and get the 'explanation window'.

How should I write the links when the url should load in a popup window?

The link for one image would look like this:

Code:

<A HREF='javascript:cards("cards/fool.html")' ONFOCUS="this.blur();">xxx</A>

Right now I do not even manage to open a link in the same window, let alone in a pop up..

Any help would be greatly appreciated,

thanks for reading!

Yatkha

Hi,

I sliced my web layout in PS. So far so good, I've done about 4 or 5 pages and it's gone fairly smoothly. However I'm having trouble with some coding on a particular page.

I want to have a contact form on my contact page. But it's an HTML table and so are the slices. I've tried a couple of different ways to see if I could get it to 'lay' on top of the background image slice, but no luck.

Take a look for yourselves: http://www.beemerphotography.com/contact.html

Code:

<form name="contactform" method="post" action="contact.php">
<table width="450px">
</tr>
<tr>
 <td valign="top">
  <font color="#FFFFFF"><label for="name">Name</label></font>
 </td>
 <td valign="top">
  <input  type="text" name="name" maxlength="50" size="30">
 </td>
</tr>

<tr>
 <td valign="top">
  <font color="#FFFFFF"><label for="email">Email Address</label></font>
 </td>
 <td valign="top">
  <input  type="text" name="email" maxlength="80" size="30">
 </td>

</tr>
<tr>
 <td valign="top">
  <font color="#FFFFFF"><label for="telephone">Telephone Number</label></font>
 </td>
 <td valign="top">
  <input  type="text" name="telephone" maxlength="30" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <font color="#FFFFFF"><label for="comments">Comments (Type of session(s): engagement, wedding, family, etc. | Booking date if applicable)</label></font>
 </td>

And I've tried this:
Code:

<table background="http://www.beemerphotography.com/contact/images/info.gif" width="409" height="467">

And also, I have another page that is just not displaying for some reason. I have gone over the code, redone the slicing, redone the coding, and I can't figure it out for the life of me why it isn't displaying anything: http://www.beemerphotography.com/abo...ng/prints.html

script completed, thx

Hi all,

I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc.

Can this be done?

Thanks

I have a form with a number of elements. One of these elements is:

<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">

Clicking on that element makes the form submit.

But if I add a similar element:

<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!">

...clicking on that also makes the form submit.

So was wondering if anyone knew what the rules were for which elements make a form submit?

Cheers,
James

Hi

My site is at www.bigbadroo.com.au/dht/index.php

It's looking ok in most browsers at the moment, but I have a couple of questions:

1) why is ie6 cutting off and repeating the background images?

2) why is ie6 putting big red crosses and borders on my three main button images?

3) how do I get the DIV box1 to extend all the way to the top of the screen in IE6 and IE7?

Thanks for your time and help guys.

Shaun

Hi,

Does anyone know a code that can be used so that if there is no image to go into an image box the box will be invisible, i.e. there won't be a little box with a cross in it.

Thanks
Colin

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?

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

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?

On Opera when you place the mouse on an image it shows the file
On Mozilla and Netscape it doesn't show ALT at all.

Can this be sorted out?
Thks

Hi People,

I am trying to take a basic background image.
Split it into 3 chunks (top bar, middle blank 1px high, bottom bar)
The idea was that I would set the middle image to be 1px and make it repeat so that when the user scrolls down the page, the background image scales accordingly. Also so that it would look ok via different browsers.

I cut my image into three, no problem there.
I then thought it would be a simple case of inserting my image and setting the CSS accordingly but I am getting different results in IE and FF (but of course).

Example:
HTML CODE

HTML Code:

<div id="image1"><img src="images/image1.jpg" alt="image description"></div>

CSS CODE

PHP Code:

body {
    margin-top:20px;
 }


#image1 {
    text-align: center;
    padding-top: 540px; 
    padding-bottom: 0;
 } 


When I put this in, the image moves down to the bottom of the page in both IE and FF. Of course FF looks like it place the image in the right place but IE ends up putting lots of white space underneath the image. Any ideas ?

Also, Is there a much simpler way of getting the image to scale according to the person scrolling? I am keep to learn a few different methods as it all helps.

Thank you all

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>

Hello,

Yes on the same computer, I am quite happy with FF, but when I check the same image
on IE, it seems lower quality image even though it is the same image on the same site!!

how can i put images on my page using html or css where you cant right click and copy the image or see the image url. (kinda like a background image, but where i can add several of them)