|
HTML - Table Issue And Html / Java Book?
i have 2 questions... 1st can any1 help me figure out why i cant get my tables to properly work arround my flash menu ? you can see here if you minimize the window the table lets my flash menu move into my text it use to not do this but i dont know what i did...
http://www.freewebs.com/fallingrain11/outcome.html the code im using for this is below :: <tr><td bordercolor="#7FFC00"; align="left" Width="17%" valign="top"> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <a href="javascript:void" > <object cellpadding="100"; classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="143" height="395"> <param name="BGCOLOR" value="#0"> <param name=movie value="irawr-flash-menu-vertical.swf"> <param name=quality value=high> <embed src="irawr-flash-menu-vertical.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="143" height="395" bgcolor="#0"> </embed> </object> </a></div> ALSO CAN ANY1 PLEASE RECOMEND A GOOD JAVA & GOOD HTML BOOK ? I HEARD JAVA FOR DUMMIES WAS HORRIBLE... I REALLY NEED A BOOK FOR EACH TO HELP ME OUT... THANKS... Similar TutorialsHow to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals I've been trying to find a good book to learn HTML from the beginning, I can't learn from online tutorials because I like having a book infront of me. My only worry is that all books I find were made 5+ years ago and I fear that the language may have changed since then and that I'll be learning things that are invalid now. Are there any recent books or even books that have been made years ago but are still very valid now? What are your top 5 recommended books for beginners? Thanks a lot. Hello guys, i was wondering if any of you knows of :Some sort of book with html tests. Like in math where there are lots of tests and problem books , is there any place where we can find/buy/download HTML test books? Thanks in advance for your answers and since is almost the last day of the year i will rush in wishing you all HAPPY NEW YEAR! Anyone know of an inexpensive and SEO friendly way to display book pages in an online html reader? I am developing a bookstore website where people can read the entire book online before buying, and the option of using an online flash-based PDF reader doesn't work for SEO. In the html format, the books would have to be displayed page by page so people couldn't steal and distribute the entire book easily. Is the only way to do this by programming every page or is there a program, script or compiler that is good for SEO and will do the job cheaply? There are many online libraries that have hundreds of thousands of pages readable online, so how do they do it cheaply? Thanks. Hello Gurus, I have a webpage with two tables in it. I need to have both table of same identical height(65px) however the issue is, that one table ends up being larger than other one. no matter what I try it does not stay at 65px height. Pleaes help. Below is the code snippet Thanks, Ruchir --------- <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <br></br> </div> <!-- start content --> <!-- DIV CONTENT --> <head> <style type="text/css"> /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { /*background: #A17461 url(images/img01.jpg) repeat-x;*/ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #B1C0C7; } /*ol { list-style-position: inside; }*/ blockquote { border-left: 1px solid #9E9D89; } a { color: #FFFFFF; } a:hover { text-decoration: none; } /* Content */ .link:visited { font-family: Georgia,Arial,Verdana; vertical-align:top; color:rgb(0,82,82); text-align:auto; text-decoration:none; vertical-align: top; } .link:hover { font-family: Georgia, Arial,Verdana; vertical-align:top; color:rgb(0,148,231); text-align:auto; text-decoration:underline; vertical-align: top; } .link { font-family: Georgia, Arial,Verdana; vertical-align:top; color:Gray; text-align:auto; text-decoration:none; </style> <body> <div style="margin-left:0%"> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label</div> <div> <table cellspacing="0" cellpadding="0" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> <td> <!--2--> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label2</div> <div> <table cellspacing="0" cellpadding="15" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/managedservices.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/rfims.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </tr> </table> <!--aaa--> </div> </head> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> </div> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> Hello! I would like to learn HTML for work and was wondering if anyone could recommend a DVD Tutorial Program (preferably) or a book for someone who knows nothing about HTML. Thank you! Jeff Hey everyone, I'm currently implementing some tables with borders defined via a stylesheet. When attempting to print this in IE7 there appears to be an issue with the way the border is drawn. If there is a table element which is page broken in the middle and continues on a second page, the left and right borders do not appear until the second page. I have tested out my HTML table elements in Firefox and Chrome, and they both produce the correct layout. Here are screenshots of the print output in PDF. Is there anything I can do with the styling to correct this in IE7? IE: http://img198.imageshack.us/img198/5097/18897772.jpg Firefox: http://img691.imageshack.us/img691/5403/firefoxu.jpg Thanks for your time, Mike IE8 and Chrome display this as I would like. Firefox does something strange: any cell that doesn't have a corresponding cell in the next row down will be extended into that row. Any ideas? HTML 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><title>
Untitled Page
</title>
<link rel="Stylesheet" type="text/css" href="/SMSTool.NET/css/StyleSheet.css" />
<style type="text/css">
table{
border-collapse:collapse;
border:solid black 1px;
}
td, th{
border:solid black 1px;
}
</style>
</head>
<body>
<table>
<tr><td>TD</td><th>TH</th><th>TH</th><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><td>TD</td></tr>
</table>
</body>
</html>
Let me start by say I am a newbie so please be gental, also let me thank you ahead of time. I do appreciate your time already... So on my left navigation I have an issue with the contact us image / newsletter image. Everything looks great until I roll over newsletter. It changes contact us to newsletter....I think it has to be in my javascript but I can't pinpoint it. Any help would be great. Ok, so I've recently been given a project my my comp sci teacher to do a word game. It's the one where the computer picks a random word of a certain length and you have to guess the word. Each guess, it tells you the amount of letters that are in the word (but not the ones that are in the right place. For example, moon + know = 2.) I currently have the word game down, but I need help with an extra credit part. Also, I'm writing this in java and making it web based. Only on my local host though. For example, I got http://localhost:8000/rawr.html (rawr being the name of the page) and I get taken to my homepage. The main focus of the lab was doing binary search and word comparison, but the teacher always add extra credit parts for those who go above and beyond. Now, because this is java, it is extremely hard to do HTML commands, for instance, changing font color and the name of the title bar. I have to do con.println("<html><body>random junk la la</body></html>"); with con being my network connection object. I can also do con.println("<html><body>"); con.println("random junk la la la"); con.println("</body></html>"); and other ways of rearranging the print statements. Now that you all have the background, let me ask my question. I want to be able to have a table of letters and when I click on a letter once, it goes to blue and when I click on it one more time it turns red with a strike-through and when I click on it once more, it resumes its normal black format. So I need someone who's good at Java and HTML to help me If you need more information or background, just ask me and I'll provide it. And I need help pronto cause it's due soon. Thanks ~Smipims~ // JavaScript Document document.write("<style type=\"text\/css\"><\/style><script type=\"text\/javascript\">function init(){ var mywindow; w=+screen.width; \/* this value may be edited *\/ h=+screen.height; \/* this value may be edited *\/ t=(screen.height-h)\/2; l=(screen.width-w)\/2; features='height='+h+',width='+w+',top='+t+',left='+l+',scrollbars=1,resizable=1,menubar=no,location =no,directories=no,toolbar=no,'; df=document.forms[0]; df[0].value=''; df[0].focus();df.onsubmit=function() {if(df[0].value==''){ alert(''); df[0].focus(); return false; }else {if(mywindow) { mywindow.close(); } mywindow=window.open('http:\/\/www.smalldotdesign.net\/'+df[0].value,'',features, document.title = "Hello"); mywindow.focus(); return false; } } } window.addEventListener? window.addEventListener('load',init,false): window.attachEvent('onload',init);<\/script><\/head><body><form action=\"#\"><div> <label for=\"inp1\"><\/label> <input id=\"inp1\" type=\"text\"> <input type=\"submit\" value=\"Login\"><\/div><\/form><\/body><\/html>"); where do i put a Code: document.title = "X" I need to make the title of the popup window a value and it's not working... the form and button don't appear when I try to do this. Can someone help? Hello, I had a pretty basic html site that I made then one of my customers offered to spruce it up a bit. I gave him the go-ahead but told him that it had to be in html for search engine indexing. He did not build it in html, rather java (or maybe a combo - regardless, it is over my head). After launching it, I have watched it go backward in the search engines. Keywords, etc are at 100%. I tried to make a site map using the automatic generator from xmlsitemaps.com, but only three pages are found. So, not only are the robots not indexing it, apparently it does not follow "normal" programing that xmlsitemaps follows. Someone suggested adding html links under each java link in my menu. For example, here is a current link in my menu: <li><a href="javascript:getView( 'buyers' )">Buyers</a></li> If making an html link, I would reference the full path to the "buyers" page like this: <a href="http://clearchoicehi.com/index.php?c=Index/getView&v=buyers>Buyers</a> But if I did that, I would have two "Buyers" showing. Any way to do something like an ALT tag for the java and place the html in the ALT tag? Or should I just add a seperate menu somewhere in html? My site is NCinspector.com Thanks for your help. Hey, I'm helping design a site www.tbdgaming.com and we have an ad box up top that shows different pictures and captions for each one, and what we'd like to do is have those pictures (theres 5) switch every x seconds to the next one, and we'd like it to be clean. The code is: Code: <!-- starting headlines -->
<div class="headlineWrap" id="headlineWrap">
<!-- headline 1 -->
<div id="headline1">
<a href=""><img src="http://i39.tinypic.com/2zycr3n.gif" alt="" /></a>
<div class="headlineContent">
<div class="headlineTxt">To Be Determined - Coming Soon</div>
<div class="headlineSwitch">
<a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1on.gif" alt="" /></a>
<a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a>
<a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a>
<a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a>
<a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a>
</div>
</div>
</div>
<!-- headline 2 -->
<div id="headline2" style="display: none;" >
<a href=""><img src="http://i42.tinypic.com/aazxqh.gif" alt="" /></a>
<div class="headlineContent">
<div class="headlineTxt">To Be Determined - Coming Soon</div>
<div class="headlineSwitch">
<a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a>
<a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2on.gif" alt="" /></a>
<a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a>
<a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a>
<a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a>
</div>
</div>
</div>
<!-- headline 3 -->
<div id="headline3" style="display: none;" >
<a href=""><img src="images/content/headlinepic.gif" alt="" /></a>
<div class="headlineContent">
<div class="headlineTxt">To Be Determined - Coming Soon</div>
<div class="headlineSwitch">
<a href="#javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a>
<a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a>
<a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3on.gif" alt="" /></a>
<a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a>
<a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a>
</div>
</div>
</div>
<!-- headline 4 -->
<div id="headline4" style="display: none;" >
<a href=""><img src="images/content/headlinepic.gif" alt="" /></a>
<div class="headlineContent">
<div class="headlineTxt">To Be Determined - Coming Soon</div>
<div class="headlineSwitch">
<a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a>
<a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a>
<a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a>
<a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4on.gif" alt="" /></a>
<a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5.gif" alt="" /></a>
</div>
</div>
</div>
<!-- headline 5 -->
<div id="headline5" style="display: none;" >
<a href=""><img src="images/content/headlinepic.gif" alt="" /></a>
<div class="headlineContent">
<div class="headlineTxt">To Be Determined - Coming Soon</div>
<div class="headlineSwitch">
<a href="javascript:setImg(0)" onclick="switchHeadline('headline1');"><img src="images/icons/1.gif" alt="" /></a>
<a href="javascript:setImg(1)" onclick="switchHeadline('headline2');"><img src="images/icons/2.gif" alt="" /></a>
<a href="javascript:setImg(2)" onclick="switchHeadline('headline3');"><img src="images/icons/3.gif" alt="" /></a>
<a href="javascript:setImg(3)" onclick="switchHeadline('headline4');"><img src="images/icons/4.gif" alt="" /></a>
<a href="javascript:setImg(4)" onclick="switchHeadline('headline5');"><img src="images/icons/5on.gif" alt="" /></a>
</div>
</div>
</div>
</div>
<!-- ending headlines -->
And again the site is www.tbdgaming.com, so if anyone could send me the HTML or non-executable java (no .jars to be added to directories) so that the pictures would rotate between eachother I'd really appreciate it. Also if there it a way to shorten the code I would appreciate it, as you can see its very long because its divided up so that each headline is separately coded to work when selected, but is there some way I can combine it into one compact space so that it functions the same but is shorter? How can I run HTML from Javascript? What I mean is that from etc. index.html I will load a file.js script, which will include the whole HTML. Not sure if I can explain myself correctly, do you know what I mean? Hi! Is it possible to make a self-updating HTML version of this java table? I need it for my Excel project, cause it cannot open java based tables. Thanks. I am having trouble trying to create a table that each table cell changes colour on mouseover and mouseout. I have posted my codes so far where I have managed to change the cursor on mouseover and mouseout. Any help would be most appreciated. This is table.html Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/Tests/table.js"></script>
</head>
<body>
test table
<table border="1" class="pictures" style="margin-left: 300px" width="300px">
<tr >
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>1</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>2</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>3</p></td>
</tr>
<tr>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>4</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>5</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>6</p></td>
</tr>
<tr>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>7</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>8</p></td>
<td onmouseover="cursor_hand()" onmouseout="cursor_clear()"><p>9</p></td>
</tr>
</table>
</body>
</html>
This is table.js Code: function cursor_hand(){
document.body.style.cursor = 'pointer';
}
function cursor_clear() {
document.body.style.cursor = 'default';
}
To whom may concern I'm looking to build a site that is a networking site. The site will consist of member pages with private messaging with blogging ability as well forum type rooms. I'm versed in the graphic end but have no real understanding of java or advanced html code needed to put something of this magnitude together. If any one could point me in a direction or possible book or two that would help me write something like this i would be forever grateful. Also any one who is looking for a hobby is free to help me out. This is one of those in the long run projects. Hi, i am creating a web page dynamically through ajax like this here i am creating a td element and appending a button element to it Code: var td5= document.createElement("TD");
td5.style.whiteSpace = "nowrap";
td5.setAttribute("id", "button" + hostname);
var button=document.createElement("input");
button.setAttribute("type", "button");
button.setAttribute("id", "updatebutton" + hostname);
button.setAttribute("value", "Click here");
button.setAttribute("onclick", "alert('OK')");
td5.appendChild(button);
it appearing good on web page the but when i click the button, where i am not getting supposed alert Code: button.setAttribute("onclick", "alert('OK')");
line is not showing effect and when i try like this Code: button.onclick=new Function (alert('hi'));
when my IE loads the page i am getting alert where as , alert must come after clicking the button any work around please Thanks R Hi, i have created two radio buttons to run 4 functions in my javascript. these run perfectly in IE but dont work in Google Chrome or Firefox! i really need this resolving. Please help. The Javascript is: <script type="text/javascript"> <!-- } function changetextcolor() { document.getElementById('textbtm').style.backgroundColor = '#ffffff'; } function changetextcolors() { document.getElementById('textbtm').style.backgroundColor = '#ffff00'; } function change_background(){ backgroundv=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/white.png"/>'; } function change_backgro(){ backgrov=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/yellow.png"/>'; } //--> </script> The HTML coding is: <input type="radio" class="poll1" name="backgroundimg" onClick="javascript:change_background();changetextcolor();" checked> <input type="radio" class="poll2" name="backgroundimg" onClick="javascript:change_backgro();changetextcolors();"> Please help me! Hey there guys... I've been trying to make an HTML program that opens programs I direct it to. Now I have the layout all correct, it looks almost like a control panel with my most commonly used programs. I put hyper links on the pictures, but when I click on the picture that dialog box keeps opening! It's getting a bit irritating... Is there a way I can make them open with out keep clicking on open or save in the dialog box. I can't get notepad opened either! This is not web based just for my PC if that makes anything any easier! Also if there anything in JAVA that will be cool. I saw something to do with PERL but I cannot run the code on my PC, I think thats only web based and the coding is way to complicated! Thanks |
|||||||