HTML - Why Do Background Images Show With Drop In Boxes?

Hey all, I've been looking all over the net for a tutorail about this, but I can't seem to find one.

What I'm trying to do is make a drop-down box where you can select an option, press a submit button, and it'll open up a new window *or tab for firefox users* pertaining to that information, such as a site that I choose to link to it. This is the code I'm using for my option box

<div align="left">
<select name="xfer" size="1" style="color:000000;
background-color:226622; font-family:trebuchet ms;
font-size:11px; border:thin solid "ffffff;>
<option></option>
</select>
</div></form>

I'm totally stumped here. Any help would be greatly appreciated!

-Cheers, Billy

First I am not sure if this is the right place to post this, it might need to be in a different language section. Sorry for that if it is.

I need to create a set of drop down boxes, most likely 6. Each box needs to have 4-5 different options in it. There is no order in which they need to be set up because the user HAS TO be able to start with whatever box they want. From their choice in the first box, certain selections in the other drop down boxes would have to be eliminated. Same with the second, third and so on. There can be no predetermined order of what one they start with because not all the boxes will apply to every user.

Another way to imagine the basic concept if I am not clear enough is go to any car website like kbb.com. When you first select the company who makes your car, Honda for example, the next box over will bring up a list of all the cars Honda makes. Then when you choose the car, Accord for example, the next box will give you the option of the manual or automatic and so on. I am kind of looking for this functionally, but I need it to be where you can start with any box and no matter what you choose in the first box, it does not eliminate all other choices, just 1 or 2 from each box (based on the selection).

I know this is kind of hard to understand, it is even harder for me to describe. lol. If you can give me any help that would be wonderful, even if it is just a language this would be able to be accomplished in. I would really like there to be a web version for a website as well as a stand alone program to run on computers (this will probably be done in C# I am guessing).

Thank you so much,
Brian Stoiber

Here is the page I am working on:


http://pharosgroup.net/index.php?opt...=article&id=79


From Leadership Competency downward, I am trying to align those drop down boxes so that each of them are the same no matter how long or short the question is. It seems all questions that take up two lines have the boxes all the way to the right by default and its perfect just the way I want it! However I cannot get the rest to matchup correctly, any tips or help would be great! I do have Dream weaver also but cannot figure it out! I can also post the code if it will help.

Hey there, not sure if this is the right place to post this but here goes. (Did look to make sure but wasn't a 100% positive)

Anyway, I'm pretty familiar with the basics of html. I can read it and understand what most of it says. My first question is, do you think frames would be a good idea here ??I don't work them often so I'm not too familiar with them but I do understand how they work. I was thinking just two side by side or would I need to do one on top & two side by side. Nothing would alter above the main image so it's why I didn't think it was necessary. But again, not an expert.

Second question. On this on this page is more complicated. I know about drop down boxes but what I was thinking of have it has it is now except the dark purple not show until you click on the letter you want. (I know that sounds like a normal drop down box but I'm not sure how else to explain it) Just wondering if that was possible to do without it being too difficult.

<3 thanks a lot everyone. I appreciate all help.
Lilly

Would it possible to use the iGoogle api to drag and drop boxes around ?

Could you indicate me the link ?

thanks

Hi, I am looking for some help with HTML forms, namely forms which mainly comprise of drop-down boxes.

I know how to create drop-down boxes in forms, though what I want is that each variable in the drop-down box should go to a different URL. For example, if someone selects "variable 1" and then clicks submit, it should go to a different URL than when they select "variable 2" and click submit. I have all the URL's, though I'm just not sure of how to make each variable go to a different URL.

Can someone help me out with this? If anyone knows of a site which has something similar like this can you please direct me to it so that I can look at he source? Thanks.

Hi all.

I've been updating a website that now has a list that is getting to big and takes up abit of scrolling.

Can anybody direct me to code that allows me create drop down boxes for each catagory that lists the html pages. When the user selects the page from within the drop down box it either goes straight to the page or they need to click "go".

Cheers.

Leroy

We are doing a website for our shop and need a place where our local dealers can come online and see what we have in stock. i need to have 4 drop down boxes:
1) rim size,
2)brand
3)offset
4)bolt pattern.

but they dont have to have all 4 criterias to seach so they can search all the 20 inch rims no matter what brand. i was thinking this is something similar to the one on cardomain.com (towards the middle of the left side. it says browse community and then has 2 boxes and a go button).

please advise. thank you

I'm trying to modify the code from php fusions forum, the problem is that when users post images (using the [img] tag) and the image is big, the page layout moves to accomodate the large image, this is of course not really any good.

So. I'm attempting to make large images (Bigger than 360x600) have scroll bars, so they don't damage the page layout.

I've managed to get this code working, after alot of beating it around.

The problem is, is that in IE an image that is smaller than 360x600 still takes up 360x600 on the page, this is of course bad.

Code:

<div style="max-width: 360px; width: auto !important; width: 360px; max-height: 600px; height: auto !important; height: 600px; overflow: auto;"><img src="imgurl" /></div>

So, if anyone can figure out how to make this not take up 360x600 with images that are not that large, it'd be great.

You can see an example of the problem by viewing this page in firefox, and IE. Firefox displays the page correctly.

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,
I am working on a form. The second question depends on what the user has selected for the first question, so I have managed to set it to "Hidden" onload. This works fine.

The first question is a drop-down menu option, and depending on the answer given will determine weather question 2 needs answering.

I can get question to appear, if the user selects an answer needing question two answering. But if they make a mistake and decide to change the answer, question 2 won't hide again.

Here is the script and html:

Code:

<script language=javascript type='text/javascript'> 
function hidediv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'hidden'; 
} 
} 
}

function showdiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'visible'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'visible'; 
} 
} 
} 
</script>

<body id="tt13" onload="javascript:hidediv()">

Code:

          	<li>
          	  <h3> Services Required</h3>
          	  <label for="website">What services will you need?<br />
          	    <select name="website" class="textarea" id="websites" onchange="javascript:showdiv()">
          	      <option selected="selected" onchange="javascript:hidediv()">Please Choose:</option>
          	      <option onchange="javascript:showdiv()">Web Site Only</option>
          	      <option onchange="javascript:showdiv()">Web Site &amp; Hosting</option>
          	      <option onchange="javascript:showdiv()">Web Site &amp; Domain</option>
          	      <option onchange="javascript:showdiv()">Web Site, Hosting &amp; Domain</option>
          	      <option onchange="javascript:hidediv()">None of These</option>
        	      </select>
              </label>
        	  </li>
            <li id="hideshow">
              <br />
              How many pages do you think will you need?<br />
              <select name="Pages" class="textarea">
                <option value="#" selected="selected">Please Choose:</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20+</option>
                <option>I'm Not Sure.</option>
                </select>
            </li>

I think it's something I've set wrong in onchange"" etc.. I've tried "onclick".

Any ideas why the menu won't hide again?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html,body {
	height:100%;
	padding:0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#table {
	height:100%;
	border:double;
}
-->
</style>
</head>

<body>
<table width="660" align="center" cellpadding="0" cellspacing="0" id="table">
  <tr>
    <td valign="top" background="main_07.png"></td>
  </tr>
</table>
</body>
</html>

This is my code, I simplified it. In the table, I have main_07.png as my background. Inside dreamweaver, it shows normal. But browse as firefox, it just won't show. What is the problem?

Thanks.

Hello,
I am in the very early stages of redesigning our home page. The drop down menus at the top of the page fall behind our rotating (slideshow) images.

http://jaxpubliclibrary.org/new-home3.html

Z-index does not work to correct this problem.

I'd appreciate any help you can give me. Thank you. Linda

So here's hoping you fine people will be able to help me

I've found similar things, but not like this.

I have a HTML Form, just a normal simple form, the data is sent using POST method to PHP, PHP has a thank you page, I get the E-Mail easy!

>> Boring Part Start << This website is a online booking form for holidays in Cornwall, UK. People enter there info, then the party info. The thing is people in the party could be 1, could be 5, could be 8, or even just 2. >> Boring Part End <<

I Want A Drop Down Menu that will be able to hide forms or show forms

So, it goes like this

Title First Name Last Name Date Of Birth
[field] [field] [field] [field]
[field] [field] [field] [field]
[field] [field] [field] [field]

But I want it so, if someone picks the number 1 from this drop down list, only the first row of forms, or if someone picks 5, it shows 5 rows and if someone clicks 2, it only shows 2.

I was wondering if I could use the Drop Down to hide DIV's or something and put each row in a DIV.

Oh and btw, the fields are in tables at the moment.

I made that more complicated then I should off ... lol. My HTML skill isn't that good, but I'll get my hands dirty if I must.

Jme

Hey everyone,

I'm pretty new to html, and am having a problem with displaying some images. I cant seem to find any problems with the code I have, but the images wont show up in any browser.

<center>
<table border = "0">
<tr>
<td><img src="/images/Home button.jpg" alt="Home" width="117" height="50"/></td>
<td><img src="/images/apartments button.jpg" alt="apartments" width="117" height="50"/></td>
<td><img src="/images/Tenant button.jpg" alt="Tenant Info" width="117" height="50"/></td>
<td><img src="/images/Utilities.jpg" alt="Utilities" width="117" height="50"/></td>
<td><img src="/images/About button.jpg" alt="About Us" width="117" height="50"/></td>
<td><img src="/images/contact button.jpg" alt="Contact Us" width="117" height="50"/></td>
</tr>
</table>
</center>

I'm positive I have the file name and extension right, there all jpg's and all around 560KB. Help would be greatly appreciated.

Thanks,
Bill