|
HTML - Align A Javascript Applet
Hi,
I have searched high and low, maybe I'm looking for the wrong information. What I want to do is align a scrolling Javascript applet to the right of my logo on my page. If I use right align it will align to the far right of the page, I have looked up using different divs to no avail. The current code I have is Code: <body> <p><img src="avid logo copy.png" width="900" height="167" border="0" align="left" usemap="#Map" /> <map name="Map" id="Map"><area shape="rect" coords="311,116,379,148" href="avid.php" target="_self" alt="Home Page" /> <area shape="rect" coords="397,117,483,147" href="gallery.php" target="_self" alt="Gallery" /> <area shape="rect" coords="502,116,638,145" href="promotions.php" target="_self" /> <area shape="rect" coords="654,116,737,144" href="profile.php" target="_self" /> <area shape="rect" coords="760,117,885,145" href="contact.php" target="_self" /> </map></p> <script type="text/javascript" src="js/scroller.js"></script> <div align="left"> <p> </p> </div> I'm wondering if I need to add a table of somesort but have never intergrated javascript in webpages before. Any advice would be great, I am more than happy to read an appropriate tutorial as opposed to asking to someone to fix it for me. That way I am actually learning instead of someone else doing it for me. If someone does know how to do it, if you could supply a brief description of the reasoning for particular code that would be a great help to me. Thanks, sLaeYa edit: website is www.avid-effects.com/test/avid.php Similar TutorialsFirst of all sorry, but couldn't figure out where to put this :s anyway, I'm wondering what would be a good program to write Java applet's with for a website. I'm planning on making my own Java irc (applet) so that it will blend in nicely with the rest of the website style, and as such doesn't clash with it so any good programs, tutorials would be welcome Hello I would like to show my friends some java applet that I have made, so I decide to make a tiny html file showing it. However, I always get: Error. Click here for details. The html file and the java class file are in the same map. This is the html file: HTML Code: <Html> <Head> <Title>Java Example</Title> </Head> <Body> Hello<br> <br> <Applet Code="Test.class" width=200 Height=100> </Applet> </Body> </Html> And the java code, just an example. Code: import java.applet.*;
import java.awt.*;
public class Test extends Applet
{
public void paint(Graphics g)
{
g.drawString("Test :o",40,40);
}
}
I've got an applet with some features, one of which a background image. It's actual size is 10.60 inches wide by 5.30 inches of height. Using WIDTH="744" and HEIGHT="600" (as shown on the code below) does not display the entire image. Can someone tell me the right setting of values to fix it? Is there a code to authomatically capture whatever the size of the .jpg and make it fit? Thanks in advance. Here's the html: <p align="center" <APPLET code=string WIDTH="744" HEIGHT="600"> <param name="para_back" value="background.jpg"> </APPLET> </p> Looking for a simple Java applet that will search filenames from an entered keyword and display matching files for download. All that I can seem to find will search the contents of a file (html/txt) and display results. I'm looking to search through PDF filenames and display results. tnx I have the following in an XHTML (.gsp, similar to .jsp) file that is intended to display the JMOL applet, but it isn't working. The 'jmol' directory is in the same directory as the XHTML file. Jmol.js is in that 'jmol' directory. I have a PDB file to display also inside the 'jmol' directory. Code: <head> <script type="text/javascript" src="./jmol/Jmol.js"></script> </head> ... <body> <script type="text/javascript"> jmolInitialize("./jmol"); jmolApplet(400, "load ./jmol/input_str.tinker.pdb;"); </script> </body> Thoughts? Hello. I have a question. In order to put an applet in my web page, I have to link to my applet. This works great for normal people viewing my page, and they can use my applet just fine. However, I don't like the idea of people being able to look at the source code, get the link to the applet location, enter it into their browser, and then download my jar file because then they can hack into the jar, decompile, and steal my code (not that it is worth stealing, but still). How can I keep people from being able to download my jar file? My guess is to have the applet some kind of folder options that only allow web-server be able to access it if that is possible. I tried messing with the folder security settings but either the jar was still able to downloaded by entering the link in the browser, or the jar file wasn't able to be read by the web-server. Please help me out. Thank you. Hey guys, I recently wrote my first java applet, and I've been trying to put it up on my website. I created a .jar file with the applet and the two extra classes it needed to run (a concrete class and an interface). I first embedded it using <applet> tags, and it seemed to work nicely. I ran it on my computer on Chrome, Firefox, and IE with no problems. But so far it hasn't worked on any other computer, and I've tried five different computers, and three different browsers (Chrome, Firefox, Opera). I realized it may have been due to the fact that <applet> tags have been depreciated, so I tried to make another one using <object> tags, which failed to work at all. I'm pretty confused, so any help would be appreciated! Here is the first version(using <applet> tags): (deleted) And the second version (using <object> tags): http://artymowicz.atwebpages.com/projects/gravity.html hi everybody, i want inter communication among frames ne frame containing applet and another frame containing list of experiment. first frame which have a java applet contains a breadboard having load button,by clicking it a circuit will be drawn by taking information from a file. i want dat i have no. of files as no. of experiment,once user click on a experiment corresponding file should be selected(marked) and after pressing the load button that circuit shoud be drawn on the bread board. one experiment code is like this but it is not working <a href="/rlabs/home/HTML/invertingAmpPictures.html" target="frame3" onClick="document.parent.frame1.breadboardApplet.setFileToLoad('invertingAmp')">Inverting amplifier The following webpage uses an a href to turn the chunk of java code into a link to the bottom of the page, while this works in Safari it doesn ot in FireFox v2/3 (I have not got IE, can somebody confirm). How can I make the java applet link work under FF? http://lovelago.googlepages.com/java_button_2.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><!-- charset must remain utf-8 to be handled properly by Processing -->
<meta http-equiv="content-type" content="text/html; charset=utf-8"><title>java_button_eg : Built with Processing</title>
<style type="text/css">
/* <![CDATA[ */
body {
margin: 60px 0px 0px 55px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
background-color: #ddddcc;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
a { color: #3399cc; }
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:active { color: #3399cc; text-decoration: underline; }
a:hover { color: #3399cc; text-decoration: underline; }
/* ]]> */
</style></head><body>
<a href="#Bottom"> <div id="content">
<div id="java_button_eg_container">
<!--[if !IE]> -->
<object classid="java:java_button_eg.class" type="application/x-java-applet" archive="java_button_eg.jar" standby="Loading Processing software..." height="100" width="100">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="outer">
<!--<![endif]-->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab" standby="Loading Processing software..." height="100" width="100">
<param name="code" value="java_button_eg">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="inner">
<p>
<strong>
This browser does not have a Java Plug-in.
<br>
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</div>
<p>
</p>
<p>
Source code: <a href="http://lovelago.googlepages.com/java_button_eg.pde">java_button_eg</a>
</p>
<p>
Built with <a href="http://processing.org/" title="Processing.org">Processing</a>
</p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="Bottom">Bottom</a>
</body></html>
I'm learning HTML and the teacher has us learning deprecated tags - Just to let you. If I want to center this tag, where do I put the align code? <h1><font color="#4f4fc1">HTML Forums</font></h1> HELP! Hi every one. Well i have a problem with align="center" In tow PCs this align not working (its not coming to center) In one PC that i tried somehow its work. I did the same in all 3 PCs. So my question is why ??? Thanks Hi, I wonder if anyone could help me solve what is probably a very simple problem. My website is www.danmondayeteaching.com In Chrome and Safari it displays how I want it. However, in IE my e-mail address will not align right. In Firefox there is a thin black border to the cell with my e-mail address in. I've tried lots of ways to solve the problem to no avail. Here is the offending code: <tr> <td nowrap width="80%" border= "0" style="border-style: none; border-width: medium" height="102"> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0"><b><font color="#FFFFFF" size="6" face="Verdana">Dan Monday E-teaching</font></b> </p> <p style="margin-left: 6; margin-top: 0; margin-bottom: 0; horizontal-align: middle"><b><i><font color="#A8E1F2" face="Verdana"> <img src="skypelogo.png" alt="Skype" img style="vertical-align:middle"> your way to better English</font></i></b> </td> <td width= "20%" border= "0" style="border-style: none; border-width: medium" height="102"><td align= "right"> <p style= "text-align: right; margin-right: 28;"><b><font color="#FFFFFF" size="4" face="Verdana">monday.daniel@gmail.com</font></b></p></td> </tr> tldr - IE won't align my e-mail address to the right. Thanks in advance for any suggestions. <td valign="top" background="" rowspan="9" width="666"><div style="width: 200; height: 200; background-color: transparent; font-family: arial; font-size: 11px; color: FF2222; font-weight: normal; font-style: normal; text-align: left; border-width: 1px; border-style: solid; border-color: 952716; overflow: auto; padding: 5px;">Test</div> This is the code i have. How would i move it away from the top and left side by a certain amount of pixles? For example, 100 pixles from top and 50 from left side. i have this 2 images firefox ie7 how can i make the page in in intenret excplorer to look like in firefox? here is the code PHP Code: <?php include("muzica/config.inc"); $link = mysql_connect($mysql_host, $mysql_username, $mysql_password); $result = mysql_query("SELECT id, name, artist, catagory, size FROM ".$mysql_database.".songs ORDER BY id DESC LIMIT 5;"); for($i = 0; $i < mysql_num_rows($result); $i++) { echo "<br style=\"line-height:3px\">"; echo "<table width=\"100%\"><tr><td width=\"80%\"><img src=\"images/marcer.gif\" align=\"left\" style=\"margin-left:6px; margin-right:6px\"><span class=\"orange\"><a href=\"muzica/browse.php?catagory=".mysql_result($result, $i, "catagory")."\" class=\"orange\">".mysql_result($result, $i, "artist")." - ".mysql_result($result, $i, "name")."</a></td> <td>".mysql_result($result, $i, "size")."</td> </tr></table></span>"; echo " <br style=\"line-height:9px\">"; echo "<img src=\"images/hl2.gif\"><br>"; } mysql_free_result($result); mysql_close($link); ?> I'm trying to make this page/table align to the top of the page so that when the entire page is maximized, it will still "stick" to the top rather than in the middle of the page. The editor I am using (Visual Studio 2003) shows that it is at the top of the page but when running it and maximized the page, the content is centered to the middle of the page. Any ideas on how to resolve this? It is using a bit of CSS too..... Code: <body bottomMargin="0" rightMargin="0" MS_POSITIONING="GridLayout"> <form class="crm" id="crmForm" method="post" runat="server"> <table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0"> <tr> <td> <table height="100%" cellSpacing="0" cellPadding="0" width="100%"> <TBODY> <tr> <td> <div class="simon"> <table style="TABLE-LAYOUT: fixed" cellSpacing="0" cellPadding="0" width="100%" border="0"> <COLGROUP> <col width="110"> <col> <col> <col width="120"> <TBODY> <tr> </tr> <tr> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24"> </td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Candidate Details</td> <td style="FONT-WEIGHT: bold; WIDTH: 299px; BORDER-BOTTOM: black 1px solid" height="24">Vacancy Details</td> <td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Filtering Options</td> </tr> <!--etc..... --> css: Code: formButton
{
background-color: #6699cc;
padding: 2px 4px 3px 4px;
color: #000000;
font-size: 8pt;
font-family: tahoma;
height: 17px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
border-width: 0px;
}
TEXTAREA
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 100%;
border: 1px solid #7b9ebd;
}
.inputfields
{
font-size: 8pt;
font-family: tahoma;
width: 100%;
height: 19px;
border: 1px solid #7b9ebd;
}
INPUT.rad
{
width: 15px;
border: 0px;
cursor: hand;
}
DIV.tab
{
overflow-y: auto;
padding: 10px;
}
TD.sec
{
width: 100%;
color: #000000;
font-weight: bold;
padding-left: 0px;
padding-bottom: 2px;
text-overflow: ellipsis;
overflow: hidden;
}
TD
{
font-size: 11pt;
font-family: tahoma;
}
TD.bar
{
border-bottom: 1px solid #000000;
}
TD.req
{
font-weight: bold;
color: #9F2409;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 5px;
}
TD.statusBar
{
background-color: #63769B;
color: #ffffff;
padding-left: 5px;
height: 24px;
border-bottom: 1px solid #485673;
font-weight: bold;
}
LABEL
{
cursor: hand;
}
TD.radioLabel
{
padding-left: 2px;
padding-right: 10px;
}
TABLE.layout
{
table-layout: fixed;
width: 100%;
height: 100%;
}
div.tab
{
width: 100%;
height: 100%;
border: 1px solid #466094;
background-color: #EEF0F6;
display: none;
}
body
{
font-size: 11px;
margin: 0px;
border: 0px;
background-color: #EEF0F6;
cursor: default;
}
td
{
font-size: 11px;
}
table
{
cursor: default;
}
a
{
color: #0000ff;
font-weight: bold;
}
span.menu
{
height: 100%;
padding: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #7288AC;
}
table.mnuBar
{
color: #000000;
height: 22px;
width: 100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCDFE5, EndColorStr=#BDC2CB);
}
td.mnuTitle
{
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
cursor: default;
color: #000000;
}
td.mnuRight
{
width: 100%;
text-align: right;
padding-right: 5px;
}
DIV.header
{
font-size: 20px;
font-weight: bold;
color: #000099;
margin-bottom: 20px;
border-bottom: 1px solid #000044;
}
TR.header
{
font-weight: bold;
background-color: #E0E3E8;
}
th
{
border-right:0;
border-left:0;
background:url(imgs/bar_line.gif) left center no-repeat;
}
dataGrid.Table
{
border-collapse: collapse;
border-spacing: 0;
background-color: #000000;
}
dataGrid.td, th
{
margin:0;
padding:0;
}
.Glass
{
background-image:url(Img/Blank.gif);
background-repeat:repeat-x;
}
.Glass:hover
{
background-image:url(Img/GradientBlue.gif);
background-repeat:repeat-x;
}
I have three DIV: <!-- Top 5 Hotels --> <div id="top5container"> HOTELS/RESORTS<br /> </div> <!-- Top 5 Restaurants --> <div id="top5container"> RESTAURANTS </div> <!-- Top 5 Shows --> <div id="top5container"> ENTERTAINMENT </div> I want to wrap those three DIVs (most likely in another DIV) and have them centered in this DIV. See www.vegastraveling.com and see on the welcome page. I want the 3 "top 5" to be centered... but I can't seem to have it work So it's basically centering 3 DIVs within a DIV. Hi, Can anyone tell me how i can accomplish this: http://www.tendervendors.com/dev/index-table.html without using display: table-cell. Atm, the exact same code, just without display: table-cell displays: http://www.tendervendors.com/dev/index.html Anyone got any ideas? TIA Matthew Millar i have a javascript running a scrolling text on my site and im trying to position it to either align to the right or set x,y coordinates... i already tried putting align =right in the tag and it didnt work here is what im working with... http://www.freewebs.com/fallingrain11/1.html here is the call up im using i also <iframe width="165" height="215" src="irawr-scrollernewstic.html" SCROLLING="no" FRAMEBORDER="0" border=0></iframe> why can't i align my texarea and my three side panels? http://www.hottunaint.com/press7test.html Hi there, I'm trying to pull a dynamically generated page into order and I'm struggling to work out how I can get these tables within a larger table to align to the top. Unfortunately I'm stuck with them and can't use Divs or something more sensible because the way it's generated, however I can use css etc. You'll see that the tables alter their vertical alignment based on the text in the box, I want it to align to the top by default and stretch the bottom as required. Code: <table style="width:500px;"> <tr> <td style="width:25%"><table valign="top" class="news_box"><tr><td class="newscategory_Tutorial"><img src="images/6.jpg"/></td></tr><tr><td>Tutorial | <span class="news_title">Ocean Waves</span></td></tr> <tr><td>A detailed tutorial on stuff!</td></tr></table></td><td style="width:25%"><table valign="top" class="news_box"><tr><td class="newscategory_Article"><img src="images/5.jpg"/></td></tr><tr><td>Article | <span class="news_title">Article number one</span></td></tr> <tr><td>Short text to describe the article itself goes here</td></tr></table></td><td style="width:25%"><table valign="top" class="news_box"> <tr><td valign="top" class="newscategory_News"><img src="images/1.jpg"/></td> </tr><tr><td valign="top">News | <span class="news_title">Boardroom Basics</span></td> </tr> <tr><td valign="top">subtitle text goes here</td> </tr></table></td><td style="width:25%"><table class="news_box" valign="top"> <tr><td valign="top" class="newscategory_Article"><img src="images/2.jpg"/></td> </tr><tr><td valign="top">Article | <span class="news_title">test3</span></td> </tr> <tr><td valign="top">nbdfn</td> </tr></table></td></tr></table> |
|||||||