HTML - Can Someone Help A Complete Newbie Plz?
I have to create an html table with a script and make every cell clickable,so that it can summon an other function.
I can create the table but the clicking part is a little confusing for me. I mean, in a script we can't use tr and td,right? Therefore we can't use events, right? Then how can we solve this? Similar TutorialsHi I heard about html important. But i have doubt in html we can develop a website without help of other language. So plz clear me it is possible we can develop a site completely httml or not. Any idea or suggestion will be aprreciated. thanx Hi All. I am building my first website from scratch. The layout is basically broken down into 5 divs: header, top menu, left menu, content and footer. You can see a rough draft which I made using Joomla he http://www.petiot.dnsalias.com/LRL/ (hope the page is reachable) I came to ask myself very very basic and general question for which I need directions more than detailed answers really: What is the normal approach for website content display? 1 - having as many web pages as their are possible menu configurations (e.g. mainlink1/sublinkA mainlink1/sublinkB mainlink2/sublinkA mainlink2/sublinkB etc etc) and load them according to which link the user click? 2 dynamically changing the content of part of the page (i.e. left menu and content) according to the link the user click in the top and left menu respectively. I feel the second approach is the right one, but I think I am missing something. I know how to change the text content of a HTML tag using javascript. I also read about frames that allow to load a page within another page, but I understand that frames are not so popular. I guess my question is: Is it possible to dynamically change the content of a div by loading the html code contained in a separate html/css files? (so for instance I could only update the left menu and content div when the user click on a top men link) if not what is the right way of achieving the same result? Any links or even general keywords I could google would be welcome! Many thanks, I'm new to HTML and still working around it. However now the problem im facing is i've created a normal one pager with simple checkbox's, hence if the user selects the checkbox it changes its color to green, if its not selected it remains red. Anywayz im trying to figure how to email a complete copy this page into a email (outlook) being the defualt email client and IE8 used as the browser. i.e if i only check 5 out of 9 selections, it should show me the exact copy/style in a email format. Once the user hits submit the email shall pop up with whatever selections made and highlighted. Would appreciate assistance in advance. Im too sure if there is anything else i need to provide or mention. I have zipped the html file have attached to this thread. P.S : created this in MS Word and manual editing done via notepad. So here's my site http://canadianhabbo.com/ Now when you make the screen smaller everything moves together, make it bigger and it looks normal... I'm wondering how to make my images stick... this is the code I'm using to align the main image where I want it. HTML Code: <span style="position:absolute; z-index: 1; left:15%; top:30.5%"> <img src="http://canadianhabbo.com/images/mainimage.gif"/> </span> Try it yourself drag the window smaller and larger and you'll see what I mean. ;] Basically the only reason I'm worrying about this is because people with 800x600 setting will most likely have problems viewing it. Hope someone can help. Im a beginner so please if anyone knows let me know. Im actually learning for free on w3schools.com and e-learningcenter.com but now, Im willing to buy me a complete course even though I know I can learn for free. Thank you so much! Html email does not display image background in Outlook, Gmail, Yahoo and MSN, i am using PHP code.. the images will not appear when sitting it as a back ground in the TD. but i am sure with my file path, it will only display if being coded as <img src=images.jpg> Hi everyone, i have been getting errors on validator w3 i have tried every thing i can to sort this problem out but im now lost for ideas. Here is the code i have errors on, if you need any more info please let me know <script language='javascript'>var sp_key = 'd6nz91881gggks48';</script><script type='text/javascript' src='http://www.spottt.com/js/spottt.js'></script><noscript><style type="text/css"> table.spottt_tb, table.spottt_tb tr, table.spottt_tb td, table.spottt_tb a, table.spottt_tb tr a img { margin:0; padding:0; border:none; background:none; position:static; text-decoration:none; display:block; width:125px; vertical-align:top;} .spottt_thumb, .spottt_thumb img, .spottt_thumb a, .spottt_thumb td { height:125px; } .spottt_label, .spottt_label img, .spottt_label a, .spottt_label td { height:21px;}</style><table cellspacing="0px" class="spottt_tb" id="sp_code_table_d6nz91881gggks48"><tr class="spottt_thumb"><td><a href="http://click.spottt.com/sp_click_d6nz91881gggks48.php" target="_top"><img src="http://view.spottt.com/sp_image_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr><tr class="spottt_label"><td><a href="http://home.spottt.com/sp_index_d6nz91881gggks48.php"><img src="http://view.spottt.com/sp_label_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr></table></noscript> Hello, I recently started making websites and I need a little help. I'm using adobe dream weaver cs3 and am having trouble with a few things. First, I am wanting to use a conveyor belt with images sort of thing, so I found one on the internet and am using that..but now I want to put it in front of a picture but it's not letting me..here's a picture of my screen.. http://img72.imageshack.us/img72/6222/screenvf4.jpg So that box of pictures I want to be right after the "Bayside Baptist" Any help would be appreciated..I've never posted on forums before so I don't know if you would need to see the XHTML code but if you do just ask Thanks! Shane hello all i am so happy to have found your site! I have a domain and website hosting set up with my internet provider. i downloaded filezilla. i created my website using microsoft publisher. when i try to upload it using the filezilla, i get 550 access denied. help, what am i missing???? thanks! Hi Len here from Cape Town,South Africa. Done a lot of websites, using Netobjects Fusion, hence no coding.(Damn!) My own website www.2busycamping.co.za has a database which I want to change to PHP/MySQL based but battling with the data entry form. Any help would be appreciated. The drop down box (Province/Country) does not forward the entered data when selected and submitted. The other fields do! PS. this is code I have copied and pasted form bits and pieces I have found, so apologies in advance! Code follows: <form action="welcome3.php" method="get"> <FONT COLOR='#6633FF' SIZE='4'> <label><label><br /> <label>Select the fields that apply and click on FIND RESORTS.</label><br /> <label><label><br /> <select> <option value=""></option> <option value="">Southern Africa</option> <option value="">Eastern Cape</option> <option value="">Free State</option> <option value="">Gauteng</option> <option value="">Kwazulu-Natal</option> <option value="">Limpopo</option> <option value="">Mpumalanga</option> <option value="">North West</option> <option value="">Northern Cape</option> <option value="">Western Cape</option> <option value="">Bostwana</option> <option value="">Malawi</option> <option value="">Mozambique</option> <option value="">Namibia</option> <option value="">Zimbabwe</option> </select> <label>Province/Country<label><br /> <label><label><br /> <input type ="text" name = "Resort_name" </label> Resort Name (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Route" </label> Route (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Closest_town" <label> Closest Town (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Pets_allowed" <label> Pets Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Day_visitors_allowed" <label> Day Visitors Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Have_conference" <label> Has conference facilities (Can be left blank) : </label><br /> <label><label><br /> <input type ="submit" value="FIND" /> </form> Thanks Len hi guys, i have just learned HTML and at first i thought it is easy but it frustates sometimes when i can't find the solution, here is the code of a page i am designing, Quote: <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <META content="MSHTML 6.00.5730.13" name=GENERATOR> <STYLE type=text/css>BODY { FONT-FAMILY: verdana, arial, sans-serif } </STYLE> <LINK media=screen href="Cybus X_files/template_css.css" type=text/css rel=stylesheet></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0> <TBODY> <TR> <TD class=s5_tl></TD> <TD class=s5_tm></TD> <TD class=s5_tr></TD></TR> <TR> <TD class=s5_ml></TD> <TD class=s5_mm></TD> <TD class=s5_mr></TD></TR></TBODY></TABLE></BODY></HTML> as far as first row is concerns it seems ok but as soon as i add second row the output becomes wierd.here is the snapshot, here comes the css code, Quote: .s5_tl { height:20px; width:24px; background:url(../images/s5_tl.png) no-repeat top left; float:left; } .s5_tm { height:20px; background:url(../images/s5_tm.png) repeat-x; float:left; } .s5_tr { height:20px; width:24px; background:url(../images/s5_tr.png) no-repeat top right; float:left; } .s5_ml { width:24px; background:url(../images/s5_ml.png) repeat-y top left; float:left; padding-left:24px; } .s5_mm { background:url(../images/s5_mm.png); float:left; } .s5_mr { width:24px; background:url(../images/s5_mr.png) repeat-y top right; float:left; padding-right:24px; } and here are the images which im using as a background, => s5_tl.png => s5_tm.png => s5_tr.png => s5_ml.png => s5_mm.png = s5_mr.png plz guys help me here i can't find what's going wrong with this!!!to see the original site of which im copying the basic design is http://cybusx.in/ Hi folks. I need some help with an HTML site I am trying to make, so please do me a favour and hear me out. I should add that I know some simple HTML stuff (ie. I can make simple pages no sweat), but am pretty quick on the uptake. What I am trying to do is make a HTML page to keep track of orders for my small business. The layout is pretty simple- I need to make a form where I can enter orders as they come in (simple info- cutomer name, order size, that kind of thing), and then have the form publish the order into a queue/chart of some sort. Then, I need to be able to have that published order queue somehow accessible/editable so that once an employee has finished an order, they can confirm that the order is indeed finished, as well as include notes about when it was finished, where the order is in waiting in the warehouse, etc. Finally, a page essentially the same as above, but this time to confirm shipping with notes about shipping company/time, etc. Hopefully this model came out clear, and someone can point me in the right direction of how to go about getting this started. It by no means has to be pretty- just functional. Can someone give me a brief tutorial about how to make the forms and have them publish into some kind of master queue? Hello, i'm a business manager for 2 different up and coming businesses within the UK. On one of our sites we have widgets we are putting on the site displaying news from a few different organisations within the environmental sector. I have 5 or 6 widgets in total I am using, and when I put the widget codes into my boxes on the page I wish to have the information displayed on the website, they appear vertically on top of each other, meaning that the page becomes very long with the widgets on there. What code should I use to get the HTML code to know that I want the widgets to sit next to each rather than in a line down the page? I hope you understand what I mean, things involving websites are not my primary business activities so my knowledge of terminology is a bit lacking. Regards, Sean fixed!sdasffdf deeletete Hi there, Im currently making a website and im afraid im pretty new to this. I am making a fairly simple site >> http://www.monk3d.com/healthcarebed3.html If you download the page, you will see I have placed the logo, links, and footers, however I dont have a space for the actual content! Im probably being stupid, but im not sure how to add a new section. I attached a diagram where the blue box shows where I need the content. I hope this is explained properly. kind regards, Rob Ok, so here's what I'd like. Any help would be greatly appreciated. I would like a url to load in 1 I would like a constant, stay on top, stay at top, follow your scroll, area where 2 is. I would like to be able to place content where 2 is. 3, I would like to be able to edit the length of the content area. 5$ via paypal for first person who helps. Thanks again. Hi all, I'm new to this forum and to HTML and i have a question when i create a button in HTML how do i: A. run a function once the button is clicked on? (i want to run some exe file from my machine) B. locate the button on a specif place on the screen (ex, up,down,sides) any where on the screen an example whould be great. Thanks. Hy I'm new here and new to everything that's related to webdesign and coding so maybe I have silly questions but that's it!,and also sorry for my english - hope you will understand what I have to say. I work on this ImageCube http://keith-wood.name/imageCube.html but I would like to make it like this one http://www.cancan.ro/ with previous/next buttons and with thumbscroller. I know my question is related also to jquery but I will be pleased with the answer regarding only html too. I succeeded to make both previous/next buttons and the thumbscroller to work somehow but I can only make them functioning properly one at a time - I can't make them to function properly both in the same time. I know to make this things work only like this so if you know a better way to do it just tell me. Whatever values do I put either in html or javascript can't seems to work like it should. For example in this case like in below all thumbs and both directionButtons get the first value from document in this case "0" which is uluru.jpg.So,in another words (in this case from below) whenever I click either on whichever of the thumbs or on whichever of the directionButtons the Cube repeatedly rotate the Uluru image. I tried all kinds of variants -to put different values but in neither cases don't work well. So if you can help me I would much appreciate it,and if you have other ideas please give me the entire code because like I said I'm very new to all in this field. HTML Code: <body> <div id="directionCube" class="cube"> <img src="img/uluru.jpg" > <img src="img/islands.jpg" > <img src="img/gorge.jpg" > </div> <div id="thumbs"> <input id="direction" value="left" type="hidden"> <input id="next" value="0" type="hidden" /> <img src="1_thumb.jpg"> <input id="direction" value="left" type="hidden"> <input id="next" value="1" type="hidden" /> <img src="2_thumb.jpg"> <input id="direction" value="left" type="hidden"> <input id="next" value="2" type="hidden" /> <img src="3_thumb.jpg"> </div> <script type="text/javascript"> $('#directionCube').imagecube({direction: 'up', repeat: true, pause: 3000, shading: true}); $('#thumbs').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next') .val(), 10); cube.imagecube('change', {direction: $('#direction') .val()}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> <input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden"> <img id="directionButtonRIGHT" src="control_right.jpg"> <script type="text/javascript"> $('#directionButtonRIGHT').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next').val(), 10); cube.imagecube('change', {direction: 'right' , selection: 'forward'}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> <input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden"> <img id="directionButtonLEFT" src="control_left.jpg"> <script type="text/javascript"> $('#directionButtonLEFT').click(function() { var cube = $('#directionCube'); var next = parseInt($('#next').val(), 10); cube.imagecube('change', {direction: 'left', selection: 'backward'}). imagecube('rotate', next, function() { $('#current').text($(cube.imagecube('current')).attr('title')); }); }); </script> </body> Hi All Been a reader of this site a while now and have found the info very helpful. Currently designing my own site to sell classic cars and really like the way a celebrity site shows its images. ANy idea how this is done? Heres the link... oops-we're a family-friendly place Thanks in advance Al Hi All, Wondered if I could get some help. I have wrote a simple HTML script to create a simple Pro-Forma for cusotmers to fill out a few things. I also have a SUBMIT button that what I want it to do when clicked is automatically send the data from the form to an email address. So far I have managed to get the SUBMIT button to create an email with the email address in the to and the data in the subject. However I want it to auto send without the cusotmer seeing and also when the data is copied into the email it is just all linked together seperated by & signs. I am new to this and cant seem to get it to automatically send and wondered if anyone could help Thanks in advance |