HTML - Need Some Beginner Advice
Fist off I am somewhat new to HTML (mainly have used programs like Dreamweaver and such to create web pages). I am wanting to try and advance my skills a bit and create a HTML with some PHP code in it. My question that I have is about webpage formating.
I am wanting to have a header, footer, left column and right column that has the same data in it all the time. The main body of the page however will display whatever information I search for from the mysql database but the rest of the site (footer, header, etc..) I want to display the same each time. What is the best way of going about this? I am not sure once I click the submit button to load the certain data from the database if I have to create a whole new page or if there is a way to just update the main body of the webpage with the results. Sorry if this is in the wrong forum but wasn't sure if it belonged here in HTML or in PHP, I thought here was good. Any help will be very helpful, Thanks, Scott Similar TutorialsHi,i'm pretty new in this "html world" and i wanna ask u smth,how do i make a connection bweteen a clickable button and a page(not in a new tab),for example: www.eternal-lands.com i press on Features and i get a new page,new text,how do i make that in html?! This page is HTLM written by myself. Please help me to see this page and what to change? - link removed - Yello, new here on the forum hope i have come to the right place. I am making this website with a fixed header with buttons, using ajQery script to get a nice fade effekt on the buttons on mouseover. Looks great in firefox but in ie i get this bugs where a the picture is missplaced. Cant realy get it to work (havnt done html very long) Would anyone care to take a look and help me out a bit? if so i can upload the page as a .rar /plomp I am new to HTML and I am getting an error and do not know why. Please be simple in your solution as I do not have much HTML knowledge. Here is the Error: 1. Error Line 50, Column 111: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag. …57" height="70" alt="HTML Dog logo" /> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Here is the code: 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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Brendan Madigan's Official Webpage</title> </head> <body> <h1>Brendan Madigan is the coolest person in the world</h1> <hr /> <p>If anyone thinks that Brendan Madigan is not cool...</p> <p>They should be examined by a doctor immediatly.</p> <p>Why is Brendan Madigan so cool???</p> <p>Here's why:</p> <ul> <li>Brendan is awesome</li> <li>Brendan is really smart</li> </ul> <hr /> <p>You might be wondering if Brendan is cool enough to do a definition list...<br /><br />He is!<br /><br /></p> <p>Here is a<sup>definition</sup>list made <sub>by</sub> Brendan, himself (you can say the list is holy if you want)<br /></p> <dl> <dt><strong>Brendan</strong>(noun)</dt> <dd><br />A cool person</dd> </dl> <h2>Brendan does nested lists too!<br /></h2> <h4>Brendan's <em>Nested List</em><br /></h4> <ol> <li> <dl> <dt>Brendan(Verb)</dt> <dd><br />To make something cool</dd> </dl> </li> <li><br /> <ul> <li>He Brendaned the movie</li> </ul> </li> </ol> <p>How did Brendan become so good at HTML?</p> <ol> <li>He is really smart</li> <li>He took a class on HTML</li> </ol> <h3>If you want info on Brendan go to this website</h3> <p><a href= "http://www.madigangames.com">Brendan's Company</a></p> <p>Brendan looks like this</p> [b]<img src="testudo.jpg" width="30" height="40" alt="Testudos' image'" />[/b] </body> </html> Thanks for your help! I apologize in advance if I am putting this in the wrong place. I have a website for my webcomic. The site was constructed from a template provided by the host site. Ive messed with it and tried to organize it how I want it but I have pretty much reached the end of my beginner capabilities. My main concern right now is that under the comic page I want two have two spaces, on on the left for comments on the posted page, and another to the right that is overall news, that will show the same for each page. I have the comments section aligned to the left, but I am at a total lose for where to begin as far as the news/blog section. Could anyone please point me in the right direction? Also if anyone has any other suggestions concerning the site I would love to hear them. - suspicious link removed - Thank you. Hey im a beginner at all of this... But i am trying to add a simple image to my web.. here is my code... <html> <head> <title>Pillz Webby</title> </head> <body> Socom Confrontation <img src="sig.jpg" width="400" height="300"/> </body> </html> i have no idea what i am doing wrong... and when i view my properties for my .html file it says it is TYPE OF FILE: FIREFOX DOCUMENT..... shouldnt it say .html??? cuz i saved it as html.. http://www.freewebs.com/ovatime/favlinkz.htm there is a link of a screenshot, this is what comes up whenever i load this code to my browser... any help is appreciated Hi all. I am new to the forums and to HTML/XHTML coding. I am looking for some help with an assignment for a class I am taking. The problem I am running into is that I have the website looking like it is supposed to but it will not pass the W3C validator. Here is the 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Make it Right</title> </head> <body> <h1> <center>Healthy Living Plan</center></h1> <p>Many people today are trying to stay healthy. What sorts of things do you need to do in order to maintain a healty body? Here are some ideas for you. Of course, you should always consult with your doctor before undertaking any new diet or exercise plan.</p> <hr /> <h2> <center>Eat right</center></h2> <p>Refer to the United States Department of Agriculture food pyramid to find out how many grains, vegetables, fruits, meats, dairy, and oils that you should eat daily. Also consult the other resources available on the Internet to determine a plan that will work for you.</p> <h2> <center>Keep a food, mood, and exercise journal</center></h2> <ul> <li>Track what you eat each day</li> <li>Track your mood throughout the day</li> <li>Track the exercise that you do each day</li> </ul> <hr /> </body> </html> And here is the error I get: Error Line 14, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Healthy Living Plan</center></h1> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 20, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Eat right</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 26, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Keep a food, mood, and exercise journal</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Any help or explanation to why this is occurring will be greatly appreciated. Thank you. Hey everyone! I own an airbrush graphics shop and decided to make my own website rather than pay for someone to do it for me so I've read a ridiculous amount of info on html but still need help. Heres my website twizteddezign.com I just got dreamweaver 8 and redesigned the site but uploaded from nvu because all my ftp settings were in nvu. Now for some reason I cant get the pages centered in dreamweaver or nvu (Im sure its something REALLY stupid) so could someone help me out with that? I know there are probably a hundred other things I could do better also, but like I said I'm an airbrush artist-not a web designer so any other tips would be great also. Thanks in advance I really appreciate it. I'm new to coding of all kinds and I was just wondering if there was a better way to do this. I have my menu displayed through css. But when I want to display another link through the <a href> it comes up formatted like my navigation bar. Ill upload the .html file so you can check it out, it seems I have to upload it in .txt format. Please help. Thanks in advance, Fuzzycuzzy I have a website up www.sheridangroupdc.com When I use safari the bottom corner doesn't always display. I'm wondering if someone could provide some insight as to why this is happening. Thanks so much. the code for that portion is as follows... HTML Code: <div id="index_bottom_container_02"> <div id="index_right_text"> <div id="text_header"><img src="images/headers/new/index.jpg"/></div> <div id="txt_index_02"><img src="images/index_text.jpg" /></div> </div> <div id="index_right_flash"><img src="images/footer_small.jpg" alt="sheridan footer" /></div> </div> I just changed the header on my main page http://www.bestsellersworld.com The red bar on the left does not reach all the way to the top and bottom. How do I extend this to make it lok more even? Do you think I need to make the background color where I have "All Reviews", etc. at the very top a different color to make this stand out more or does it look ok as is? Thanks. Hello i am new to web design and after i made a site i want to put to text inputs on my site and when the quest iputs a number in each text field after he presses a button a msgbox will pop having the answer text1 * text2. Thank you I'm a lover for making websites and I never used to be able to make my own designs, because I'm racking up experience I have started deisgning but I don't have enough HTML knowledge to code it. I know the basics and some CSS but I need some Advice on what HTML Tutorial Books you recommend? Hello, I have recently been asked to run the website for my church. (peacegaylord.org) If you go there, you will notice how simple it is. If you look at the source, it is REALLY messed up. I asked the previous webmaster and he said all he had done was take the one created in Word by our pastor, and converted some of the tags to work with older browsers. What this leaves me with is very messy and jumbled code. Now, what I really want to do is to simple re-write the entire site. If I did this I would: Use a style sheet instead of in-line styling Use non-deprecated tags (Obviously) Change the layout completely General clean-up/re-styling etc. Note: If I did this, I would try to make the entire thing HTML 5 compliant. However, a large amount of the people that use the site are older individuals, who may have old computers and therefore, old browsers. I know there is a way to make a browser recognize new tags by adding some javascript, but which tags would I have to do this with? OR I could simply go through and clean the current version up. What my question is: What would some of you do? If you would do the complete re-write, what kind of things would you add? Just looking for some advice Edit: The site is currently down as I am editing it a bit. Edit2: Site back online. Hello, I'm trying to get as much help as i can to do with HTML ; I understand most of it all now thanks to alot of help on the WWB. A quick question, My friend is on about me doing a portolio to help me get a job in web design - could anyone give me any tips of what to do or how? Please have often told me to creat my own forum? or many a couple of websites? & also does anyone know any good FREE web hosts? Thank you. Hi I am a complete novice and know nothing about HTML. I have created a webpage on Web Page Maker which contains a form so people can contact me. When this button is pressed I want it to navigate the user to a confirmation page and send the contents in the form to me as an email. I have used a program to generate the code for this but I have no idea where to put this in the HTML I have at the moment. Is there someone I can send the webpage HTML to and the coded HTML for the form and they can help me out. Not sure this is the right place to ask Thanks Kris Hello, I am a newbie to html and am struggling to change a colour of font - I am looking to be able to change the colour of the word 'CONTINUE' and 'terms of use' but cannot figure out how. If someone could help I would be so grateful! <!-- This is the javascript to hide and display the elements of the form --> <script src="2step.js"></script> <style type="text/css"> /* This CSS is used to format the page. */ #lbform {height: auto;margin: 0px auto;padding: 0;position: relative;width: 350px;} #lbform label {color: #000000;display: inline;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;margin: 5px 10px 5px 0;width: 90px;} #lbform .row {display: block;margin-bottom: 7px;padding-top: 7px;width: 325px;} #lbform input {border: 1px solid #9C8A7B;font-size: 14px;padding: 5px;width: 208px;} #lbform select {border: 1px solid #9C8A7B;font-size: 14px;height: 25px;} #lbform input.blur {color: #999999;font-style: italic;} #lbform input.focus, #lbform input.complete {color: #000000;font-style: normal;font-weight: bold;} .gender {width: 220px;} .day {width: 63px;} .month {width: 80px;} .year {width: 70px;} .note {color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 11px;position: relative;right: 0;top: -10px;width: 300px;} </style> <style type="text/css"> /* This CSS is used for the Show/Hide functionality. */ .more {display: none;} a.showLink, a.hideLink {cursor: pointer; display: block; height: 45px; margin: 5px 0 0 104px; width: 214px;} a.hideLink {} a.showLink:hover, a.hideLink:hover {} </style> <div style="margin:0px auto;"> <!-- Make sure you update the URL --> <form id="lbform" class="formlayout" action="$$_ADD APP URL_$$" method="post"> <fieldset> <div class="magic"> <input type="hidden" value="1" name="sexuality"> </div> <div class="row cf"> <label>I'm a:</label> <select class="gender" name="gender"> <option>Please select</option> <option value="1">man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div class="row cf"> <label>First name:</label> <input type="text" class="text blur" name="firstname"> </div> <div class="row cf"> <label>D.O.B.:</label> <select class="day" name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select class="month" name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select class="year" name="dobyear"> <option value="">Year</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> </select> </div> <div class="continue-btn"> <a onclick="showHide('example');return false;" class="showLink" id="example-show" href="#"> <!-- The <p> tags below can be swapped from an image. --> <p>CONTINUE</p> </a> </div> <!-- Anything that sits in the div class=more will be hidden until the Continue link is clicked --> <div class="more" id="example"> <div class="row cf"> <label for="email">Email:</label> <input type="text" class="text blur" name="email" id="email"> </div> <div class="row cf"> <label for="password">Password:</label> <input type="password" value="" name="password" id="password"> </div> <div class="row cf"> <button class="header" type="submit">JOIN FREE</button> </div> <div class="row cf"> <p class="note">By clicking 'Join Free' you are agreeing to our <a title="Terms of use" href="/help/terms.cfm">Terms of Use</a>.</p> </div> </div> </fieldset> </form> </div> Hello, I am only new to html and as practice i was told to create the table as shown using the code and have failed on multible occasions. I feel now the best help I can receive is to see where I am going wrong through comparison. Please have a look at the attached image and help if you can, thanks. (It is fairly simple). Hey guys, i'm new to these forums, and new to html. I do alot of animation and art stuff and wanted to create a website and eventually a community type deal for it. I'm decent with graphics so I managed to create a basic design. Just a few questions really: 1. What are some good tutorials to help me get started, i have very very basic knowledge in html, just about basic tags and linking. 2. Maybe direction towards a decent host and ftp program? I get really confused about what a good host offers and how to upload stuff. 3. How hard would it be for a beginner to create a site like this? http://img80.imageshack.us/img80/682...emocopylr2.jpg I don't want this to sound like a stupid question, but just an estimate of difficulty or time to create. I know it's just a solid image, it's just a example I created. Thanks and I hope someone can help. hello everyone, can u possibly help me with the following? I have a very basic knowledge of how html works. I have basically used officelive.com to build a website via point and click. It allows you to add certain bits via html, but that is it. Now here what i am trying to do... I am trying to build a tool (?) that aids in diagnosis of medical problems. And I want it to look a little like this: Page 1 Does the patient have a fever? Yes No ( yes and no appear as buttons) Page 2 (if u click on yes) Does the patient have associated syptoms? Yes No Page 3 (if you click on Yes) Which of the following symptoms does the patient have? a. rigors b. chills c. neck rigidity d. other (text box to enter your free text) Now what I need help with is, that if the user chooses D and enters their free text, I want it to show up on the next page as part of the next question.... 1. So e.g Used enters "hypotension" in the free text box, I want the next question on the next page to be able to say "What is the duration of the hypotension?" I would also like it so that at the end of the process the user can end up with a list of all the symptoms, both picked and free text as a summary. I dont even know that this function is called, as if I know what its called I can always find html codes on the internet. Please help. This must be so simple for you IT lot! I, as u can tell trained in a completely unrelated field and am struggling. |