Thanks, I did see that but didn't realise the menu changed when you clicked the CSS menu you wanted until I went on the link again, that will be perfect.

In the end we're all just the same

Hi, I am working on my website and found it would be easier to have main hyperlinks on top of the page as drop down menus, the same as on this site, but not sure how to do that. I have previously used flash menus on some websites I have created but don't like those since search engines can't read flash. I already searched online but can't find an easy answer on how to do this. How can I do this? Thanks in advance

In the end we're all just the same

Thanks Peter, will try that.

In the end we're all just the same

Hi, I have a form that I am creating for my website, and its for people to use if they find a butterfly or moth and cannot identify it. Basically what I want is for the user to fill in the form and if they have an image to send, select an image and send the message. Code I have: <form action="mailer.php" method="post" name="form1" id="form1" style="margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; width:300px;" onsubmit="MM_validateForm('from','','RisEmail','subject','','R','verif_box','','R','message','','R');return document.MM_returnValue"> Your Name:<br /> <input name="name" type="text" id="name" style="padding:2px; border:1px solid #CCCCCC; width:180px; height:14px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;" value="<?php echo $_GET['name'];?>"/> <br /> <br /> Your e-mail:<br /> <input name="from" type="text" id="from" style="padding:2px; border:1px solid #CCCCCC; width:180px; height:14px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;" value="<?php echo $_GET['from'];?>"/> <br /> <br /> Stage:<br /> <select name="stage"> <option value="Caterpillar">Caterpillar</option> <option value="Pupa">Pupa</option> <option value="Cocoon">Cocoon</option> <option value="Adult">Cocoon</option> <option value="Leaf Mine">Leaf Mine</option> <option value="Leaf Mine Vaccated">Leaf Mine (Vaccated)</option> </select><br /> <br /> Method:<br /> <select name="method"> <option value="UV Light Trap">UV Light Trap</option> <option value="MV Lamp">Mercury Vapour Lamp</option> <option value="Tungsten Light">Tungsten Light</option> <option value="Actinic Light">Actinic light</option> <option value="Household Bulb">Household Bulb</option> <option value="Camping Lamp">Camping Lamp</option> <option value="Infrared">Infrared Light</option> <option value="LED Lights">LED Lights</option> <option value="Carlights">Car Headlights</option> <option value="Lighted Window">Attracted to Lighted Window</option> <option value="Streetlight">At street light</option> <option value="Security light">At security light</option> <option value="Torch">Found via torchlight</option> <option val

Hi, 10 milliseconds, yes that's what I meant, I wanted the progress bar to go up 1 every 10 milliseconds until it hit the maximum value then stop, btu the timer stop isn't working. The timer doesn't appear to stop, or I think the way I have the code, its won't stop as it trying to go one higher than the maximum value of the progress bar and not stopping when it gets to maximum value. I just was not sure where to put the timer stop code so that the timer would stop when progress bar gets to its maximum value, I think this way it will stop when it gets one over its maximum value, which it can't do.

In the end we're all just the same

I am using C# 2010 and I have an access database that connects to my form and I have 7 tables in it, all tables have the same fields but show different information (its an front end user application that connects to a database that has information on shellfish and each table is a different family but contains same field headings such as common name, size of shell, shape of shell, distribution etc...). What I would like to is have two list boxes on my form, one to choose the table and second to choose information on the first column of the table as the first column is the common name of the species you are looking for, which is different depending on the table chosen, and when you choose one, it loads the information into the correct textboxes. How would I do this? Haven't worked with creating front end database applications for about 4 years and getting a little rusty. Thanks in advance.

In the end we're all just the same

I have a progress bar on my first form (first form you see when application loads). What I want to happen is when the form opens for the progress bar to go up 10 every second until it gets to its maximum value of 100, stop and stay at maximum value then enable a button which is disabled. Code on form load:

Timer time1 = new Timer();
time1.Interval = 10;
time1.Tick += new EventHandler(timer1_Tick);
time1.Start();

Code on timer tick:

progressBar1.Value += 1;
timer1.Stop();

Now the problem with this code, I get an error because the progress bar tries to go 1 higher than its maximum value and I can't figure how to get the progress bar to stop trying to go higher when its at its maximum value. I am not sure where to put the button enable code since there is something I am doing wrong here. Next I have another button that when clicked I want it to close the form and open another form. I don't want the form to hide when closed but exit the form completly, but putting form1.close (); it won't work as its my first form, the whole app just exits. What should I do?

In the end we're all just the same

Hi, I was using Microsoft Expression Web 2 to do this

In the end we're all just the same

I am creating a webpage on my website that has tables for showing the superfamily, families and subfamilies of moths and butterflies and on web editor, it looks like this: Now this page loads fine on Google Chrome, but on IE9 (32 or 64-bit) it doesn't render properly and I am getting this (the text below the image seems to appear in the wrong place a lot): http://img10.imageshack.us/img10/9065/ie9page.png and http://img696.imageshack.us/img696/2248/ie9page2.png What I want to do is have a sort of tree diagram table for each superfamily. You have the superfamily, its the first image on the first table, then there is a second table below that that has the families within that superfamily in it with 4 per row and if I have pages reguarding species of moth or butterfly in that superfamily or family, I show an image and below it I have "Number of species" and this is in a cell on the row below the image. Here is the code for one of the tables, I copied the code onto a new HTML file and tried it to see if any other code was messing up the table but it still messed up. I know IE9 is still in its unfinished state and I havn't tested the code in older IE7 or 8 browsers yet.

			[Nymphalinae](file:///H:/E%20Backup/My%20Passport/Website/Daves%20Leps%203/DM_BB%20Website/MainPages/Family_Pages/Nymphalinae.htm)
			
			 
		[Satyrinae](file:///H:/E%20Backup/My%20Passport/Website/Daves%20Leps%203/DM_BB%20Website/MainPages/Family_Pages/Satyrinae.htm)
			
			 
		
			[Limenitidinae](file:///H:/E%20Backup/My%20Passport/Website/Daves%20Leps%203/DM_BB%20Website/MainPages/Family_Pages/Limenitidinae.htm)
			
			 
		[Heliconiinae](file:///H:/E%20Backup/My%20Passport/Website/Daves%20Leps%203/DM_BB%20Website/MainPages/Family_Pages/Heliconiinae.htm)

Thanks, your right. I'll see what I can do, I know IE is annoying. Its just that the tex seems harder to read this way and if people find the text a bit hard to read, they won't stay long. I'll see what I can do.

In the end we're all just the same

However, IE being the default broswer that a lot use, I would like the transparacy to work well in it, I use google analytics and more people view my current site in IE than in other browsers, and if the text doesn't look smooth and normal on it, its not really going to help much, its not so much important that the website doesn't look 100% in other browsers as I can say this on my home page.

In the end we're all just the same

I already use a reset CSS, but thanks

In the end we're all just the same

I have only one issue with the code, although it works and now works on IE, on IE any text in child elements does not look smooth: Page on IE: http://img339.imageshack.us/img339/5572/webpageie.jpg[^] Same page on Google Chrome: http://img839.imageshack.us/img839/985/webpagechrome.jpg[^] Is there any way of making the text in the child elements appear normal in IE?

In the end we're all just the same

Thanks all got it :) . I tried the rgba(0,0,0,0.5); and it worked, but not on IE so I thought and then did this and now it works in IE: .Body_Wrapper { background-color: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; /* Force hasLayout in IE. */ }

In the end we're all just the same

Hi, I have a DIV tag that I want to hide the content when the webpage loads and you can click a link to show the content in the tag or hide it. What I am wanting to do is have one link that says "show" before you click it and when you click it, shows the content of the DIV and the text changes to "hide" and when you click "hide" the DIV content hides and the text reverts to saying "show" and when you click it, it shows the DIV content and so on. Code in header:

<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>

the DIV tag where the content is placed in is this:

;

Content here

I have this code to show and hide the div tag:

<a onclick="javascript:showDiv()"</a class="style110"> show</a><a onclick="javascript:hideDiv()" class="style110">hide</a>

Is there a way of using one link to show and hide the div tag rather than two seperate links? And is there a way of automatically hide the content when the page loads so you have to click "show" to show the content? Thanks in advance

In the end we're all just the same

I am trying to, on my homepage show just a sample of what is on my website using a certian number of images. The code I have already is (found code online): Code in header:

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = 'Images/Nepticulidae/Stigmella_Aurella/Stigmella_aurella_Adult1.jpg'
theImages[1] = 'Images/Lasiocampidae/Drinker/Drinker_Moth_Adult_Male1.jpg'
theImages[2] = 'Images/Geometridae/Pale%20Brindled%20Beauty/Pale_Brindled_Beauty_Tree.jpg'
theImages[3] = 'Images/Noctuidae/Cuculliinae/Early%20Grey/earlygrey_Rossa.jpg'
theImages[4] = 'Images/Noctuidae/The%20Satellite/Satellite_Yellow_Stigma1.jpg'
theImages[5] = 'Images/Nymphilidae/Painted_Lady/Painted_Lady_Road.jpg'
theImages[6] = 'Images/Nymphilidae/Small_Heath/Small_Heath_Resting1.jpg'
theImages[7] = 'Images/Nymphilidae/Meadow_Brown/Irish/Meadow_Brown_Flower.jpg'
theImages[8] = 'Images/Nymphilidae/Owl%20Butterflys/Caligo_Menom/Owl_Butterfly_Resting.jpg'
theImages[9] = 'Images/Pterophoridae/Stenoptilia_pterodactyla/Stenoptilia_pterodactyla_Adult1.jpg'
theImages[10] = 'Images/Pyralidae/Chrysoteuchia%20culmella/Chrysoteuchia_culmella_Adult2.jpg'
theImages[11] = 'Images/Sphinigidae/Eyed_Hawk_Moth/Eyed_Hawk_Moth_Resting1.jpg'
theImages[12] = 'Images/Tortricidae/Tortricinae/Syndemis%20musculana/Syndemis_musculana_Mating.JPG'
theImages[13] = 'Images/Unusual%20Moths/Tony%20Kingston/Popular%20Hawkmoth/Popular%20Hawkmoth%201.jpg'
theImages[14] = 'Images/Unusual%20Moths/Roger%20Skeen/Oleander_Hawk_Moth1.jpg'
theImages[15] = 'Images/Unusual%20Moths/Roger%20Skeen/Bastilla_crameri.jpg'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

// End -->
</script>

Code placed where I want the images displayed:

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com

Hi Richard, that seems like a great solution, but I came across a snag, not to do with the code you posted (it would work fine) but more to myself, a small problem that I created meaning I can't use that code. All the code for child elements inside the body_wrapper are on my webpages, not my CSS and now I have over 300 webpages and can't go in and put the code in the CSS file as it would take to long to put the code there and remove the code from each page :sigh: I had an idea though but couldn't find a solution that uses a CSS file only. I have a background image I wanted to use instead of this:

background-color: #000000; /* the background */

Now I wanted the whole image to be 50% transparent like what I wanted to do before I realised my screw up. I have looked about and only found ways of making parts of the image transparent when you insert them on a webpage, but is is possible to make the whole image semi transparent? This would solve my issue then as the image would be transparent and I wouldn't have to modify any more code to fix the parent/child transparecy issue. Thanks David McCormick

In the end we're all just the same

I have a slight issue, tried everything to make this work, half the time I can get the background to be 100% transparent so you don't see it and have the other child elements opaque, but all I want is the background to be 50% transparent so the main background is showing through it. First, here is an image of one of the pages. I want the black border to be semi transparent (50%) but everything else inside this area to appear as it is 100% opaque (that is all child elements inside the body_wrapper): http://img697.imageshack.us/img697/8008/webpage.jpg[^] Here is the code in my CSS file that controls the DIV tag (the "background: #000000;" is the black background code that I wanted to have semi transparent:

.body_wrapper {

padding: 0 20px 20px;
background: #000000;
-webkit-border-radius: 5px;
\_display: inline;

}

The only thing is that I can't modify anything on my HTML pages as I have too many and have to do all this with my CSS file. I have been looking all over and tried a few things but nothing seems to work, can anyone help?

In the end we're all just the same

Hi Dave, First, for stage, prefer a drop down list to choose the stage and the results change accordingly, just show one type of stage, say a table showing the Pieris Napi at adult stage only. What you suggested on having a drop down list to chose the scientific name would be far better, how would I do this so you can choose what you want proir to creating the table, would an input form work best for this, choose the scientific name and stage on a small form then press a button to take you to a chart on that species. I know how to create the form, but not how to get the information onto a chart Havn't used much with charts or inputting data except on tables latley, so I am a bit rusty.

In the end we're all just the same

I have a table in MS Access 2007 database I want to make a chart with, column chart (or whichever one is vertical). The table holds information on various species of insect I recorded over the year, so I could have multiple records for one species. Anyway what I have wanted to do, but haven't been able to figure out what is that: I wanted to make a chart that had Jan, feb, march (all the way to december) on the X axis and up the Y axis I wanted a number (not sure of the number needed on it, up to 500 possibly) and what I wanted to do with the chart is show how many of a particular species I found each month of the year. The fields I wanted to get the information with from the table are the scientific name, date, stage and quantity. The scientific name will be displayed as the title of the table and this is the species I want to find out about. The date is the date that month I recorded the species and the quantity is how many I recorded on that date. I have another field which is called "stage" and when you open the chart it will ask you two things, the scientific name and the stage as the stage (adult, larvae etc...) is quite inomrtant to what I want and I want the stage to be displayed on the chart. Just say I wanted to know about Pieris Napi, I want to type this in when I open the chart, next type in Adult as the stage and I would get a chart showing Jan-December and the total I found each month in a column chart with its scientific name dispayed on title and stage (wether its an adult or pupae etc..) Anyone know how would I do this? I think I would need to make a query from the table to get the information on the scientific name and stage, but not sure what else to do, any help would be appreciated.

In the end we're all just the same