HTML Help

Want simple script to reveal parts of picture when clicked.

scphillipp1 — Fri Nov 20, 2009 5:04 pm

Author: scphillipp1

Posted: Fri Nov 20, 2009 5:04 pm

Ok I've simplified things -- one hurdle at a time.

This script displays 2 buttons (1 and 2) when I click on either one of them I'd like it to display something -- later I will make it display as I want, but for now just as a test. But I am doing something wrong. When I click on one of the buttons (either one) it does nothing. Where have I screwed up?

Here is my code:
<html>
<head>
<script type="text/javascript">
function clearblock()
{
document.getElementById("bt1"). alert(test1)
document.getElementById("bt2"). alert(test2)
}
</script>
</head>
<button name="bt1" type=button id="bt1" style="height: 125; width: 170;" onclick="clearblock()">
<font face="arial" size="7">1</font>
</button>
<button name="bt2" type=button id="bt1" style="height: 125; width: 170;" onclick="clearblock()">
<font face="arial" size="7">2</font>
</button>

</html>

Thanks for your help.
PS. Its not that I am running right to here for help, -- honest to God, I have been trying and trying to get this - scouring the web I got notes EVERY where on my desktop. I am about 5 hours into this and refuse to give up.

help! random extra space appeared between my rows

JackieWild — Fri Nov 20, 2009 4:23 pm

Author: JackieWild

Posted: Fri Nov 20, 2009 4:23 pm

yeaaaah! congratz mate.. this actually worked great! thanx so much

My first website! Need specific inputs and critique

sticks464 — Fri Nov 20, 2009 3:29 pm

Author: sticks464

Posted: Fri Nov 20, 2009 3:29 pm

I didn't go through all your css to see what default height divs were set at, but the white line is caused by these div's with no content

Code:

If you move the iframe inside the wrapper div and place it after the list of links it works better, plus some different styling

Code:

<ul>

<li id="active"><a href="/index.html">Home</a></li><li id='pg87177151'><a href="/firm.html">Firm</a></li><li id='pg86044130'><a href="/investment-philosophy.html">Investment Philosophy</a></li><li id='pg12220690'><a href="/research.html">Research</a></li><li id='pg46605662'><a href="/services.html">Services</a></li><li id='pg6640195'><a href="/links.html">Links</a></li><li id='pg83884282'><a href="/contact.html">Contact</a></li><li id='pg23024156'><a href="/disclaimer.html">Disclaimer</a></li>
</ul>
<iframe style="float:right;" src="http://free.timeanddate.com/clock/i1raoal9/fs11/fcfff/tc000/pc000/ftb/tt1" frameborder="0" width="179" height="16"></iframe>

</div>

Use the w3c validator to check for valid code and errors.

Using a JSP page as the source in a frame

PayneLess Designs — Fri Nov 20, 2009 3:22 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 3:22 pm

That's a secure site/page and requires logging in. Have you registered your CAC? Not sure after that is done whether you can access the page or not.

You might want to take a look at using iFrame tags unless your page is using the frameset doctype.

Weird Scroll

PayneLess Designs — Fri Nov 20, 2009 3:08 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 3:08 pm

Didn't see that problem in Firefox or IE 8, but you might correct these HTML errors and see if they help:

HTML Errors (5 Errors, 326 warnings)

CSS Backgrounds

PayneLess Designs — Fri Nov 20, 2009 2:54 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 2:54 pm

Web-Based Tools for Optimizing, Formatting and Checking CSS: http://sixrevisions.com/css/css_code_optimization_formatting_validation/

CSS Tutorials:

http://www.w3schools.com/Css/default.asp
http://www.csstutorial.net/
http://www.echoecho.com/css.htm
http://www.html.net/tutorials/css/
http://www.w3.org/Style/Examples/011/firstcss

http://htmldog.com/guides/cssbeginner/
http://www.davesite.com/webstation/css/
http://www.htmlcodetutorial.com/character_famsupp_193.html

Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

If you want specific help, need specific coding or more detail.

I can't download flash!

PayneLess Designs — Fri Nov 20, 2009 2:51 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 2:51 pm

Most flash files are copyrighted and are not suppose to be easy to download. If you have permission to use the flash file, then which site are you having problems with in downloading?

Iframe tag: Different appearance in different browsers

PayneLess Designs — Fri Nov 20, 2009 2:08 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 2:08 pm

Try fixing these first...

12 CSS Errors

38 Critical HTML Errors

You are coding to a very strict doctype: XHTML 1.0

Implementing HTML coding on empty webspace?

PayneLess Designs — Fri Nov 20, 2009 12:54 pm

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 12:54 pm

You're welcome. Have a good read.

Sideways text

knittingguy — Fri Nov 20, 2009 12:08 pm

Author: knittingguy

Posted: Fri Nov 20, 2009 12:08 pm

For Firefox, you can use
-moz-transform: rotate(-90deg);

Balloon problem

PayneLess Designs — Fri Nov 20, 2009 11:47 am

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 11:47 am

Rich HTML Balloon Tooltip

I like this one better...

Information balloon pop-ups

Radio Buttons

PayneLess Designs — Fri Nov 20, 2009 11:41 am

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 11:41 am

You're welcome. That happens to us all.

Image positioning problem in different browsers

iift_sam — Fri Nov 20, 2009 10:54 am

Author: iift_sam

Posted: Fri Nov 20, 2009 10:54 am

hey thanks!...i tried relative positioning..and it's working!

sticks464 wrote:

Are you positioning off a relative container or positioning off the body?

Background color not displaying

sticks464 — Fri Nov 20, 2009 10:08 am

Author: sticks464

Posted: Fri Nov 20, 2009 10:08 am

Remove the quotes from the color name. Using color names is not good for some browsers. hex color codes
Quotes are only required for font names that consist of two words with spaces, not color names.

CSS problem/DIV

PayneLess Designs — Fri Nov 20, 2009 7:23 am

Author: PayneLess Designs

Posted: Fri Nov 20, 2009 7:23 am

Some questions. What is these for?

Code:

/* Can't just use "#" */
#
{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}

/* Scroll colors work IE only. No selector name */
/*Everything within the BODY tags*/
{
scrollbar-base-color: blue; /*Scrollbar color*/
scrollbar-arrow-color: red; /*Scrollbar arrow color*/
scrollbar-DarkShadow-Color: grey; /*Scrollbar shadow color*/
FONT-FAMILY: Verdana,Arial,Helvetica /*The font properties*/
}

/* TWO Listed */
#tabledescription {
width: 100%;
height: 3em;
padding: 2px;
filter: alpha(opacity=0);
-moz-opacity: 0;
}

Which box are you having problems with?

CSS ERRORS

HTML Errors

Need to remove these from within the HTML tags:

Quote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

This one has to be moved to the very TOP of your page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sticks gave some good advice here for your similar post.