HTML - Help, Noob Html Coding
Hey all,
Ive recently been given an assignment at college and now im trying to self teach my self on website coding/setup ect.... Here is my website so far, keep in mind two days ago I had no knowledge of HTML coding and its where it is now through hours of working through the code and I have come across some errors I cannot solve on myself. Website Link: http://www.qrpm.site90.net/INDEX.HTML First problem is, Ive installed all files into my directory of where the website is and stil using just http://www.qrpm.site90.net will not work it just brings up all the files I have uploaded to my server but placing /INDEX.HTML on the end will bring up my website, that is problem one that I would like to address. Problem two is that if you click on my Index page you will see Buttons on the left hand side of the page going down but I want to position these buttons along the top I can get them along the top but then they become dead links and wont foward my browser onto my other pages on my website I have no idea how to Fix this at all Any help would be really appreciated thank you Rob. Similar Tutorialsok so i wanna put font and pics in different areas of the page. Like what if i wanted to put it between left and center so align wouldnt work. The only way i know is using the whole   but then my code is absolutly cluddered with that. I checked out code for some other sites like video game ones. I oculdnt understand it lol but i didnt see mass abouts of non breaking spaces. Please help Hello, Im new to the site and the whole html/css thing ;p So please excuse me if I come off as a complete noob ^^; Anyways, I designed my own layout in PS CS2 and sliced it, then imported it to frontpage to finish coding it. Everything was fine and dandy up until I tried adding some links to my navigation bar. It stretched the layout along with it and vice versa. when adding too much text in the content section it stretched out the nav and makes it look hidious. Here's a screenie explaining my situation. [img=http://img291.imageshack.us/img291/8866/somethingsk1.th.jpg] That's how it is in firefox. It's a bit better in IE. http://multico.yurx.com/anime-me/anime-me(lay).html Please no flamming^^; I know im not the best at hml ;p I just started learning HTML, and made a file just to try out the various things I have learned. The below is said file. When I attempt to view it my picture does not appear, and I don't understand why. Help is much appreciated. <html> <head> <title>Test page</title> </head> <body> <center><h1>Yay for me</h1></center> <p>This is cool</p> <p>Bla bla bak</p> <ul> <li>Yay</li> <li>for</li> <li>me</li> </ul> <br> <img src=“Caster.jpg” /> </body> </html> Hey all, I still consider myself a novice in html and especially CSS. I know basic, basic html like how to write paragraphs and line breaks and embed videos and write meta tags. I know virtually no CSS However, I would like to learn more advanced techniques. Any suggestions for straightforward sites or videos or programs that I can look up? I have been looking at w3schools.com a little bit and I use notepad++ for an editor. Anyway, any suggestions would be awesomely appreciated. Thanks guys! so i have recently begun learning to write HTML, and are trying my hands on designing a website, but i have a problem, i need a thumbnail-list instead of showing the whole picture. what i have done so far is arrange smaller versions of the full picture in a table, and have each picture link to a separate page with only that picture on in full size, but i don't want to have to manually design a page for every picture. any suggestions as to how i can get around that? for instance would opening a blank page with specified color, style, picture placement and all that, be possible to make from the thumbnail list itself? so that the browser opens a blank page, reads the spesifications from the link that opens the new window, and shows that one picture big? it's really aggravating having to make a separate page for 40-50 pictures... any help would be greatly apreciated. (btw i use IE, not sure wich verson, but a rather late one atleast, and the code i'm using now is this: <!--thumbnail image--> <a href="picture name.html"><img src="images/picture name.jpg" height="100" width="100"/></a> <!--image page--> <html> <head> <title>picture name</title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <h2 class="center">picture name</h2> <a href="gallery.html"><p class="center">back to gallery</a></p> <img src="images/picture name.jpg"/> </body> </html> thx for any help ^^ -Shane (Dentei) Hello all, I really want to revamp my theme that I use on my Tumblr blog and I figured you'd be the ones to help. I'm computer literate, both Mac and PC, but I know nothing of coding. I ashamed to say this, but nevertheless I'm willing to learn a little if any of you will hold my hand through some changes I'd like to make to my Tumblr theme. Here's a link to my Tumblr page. As you can see, it's a default theme. The list of things I'd like to do is a little jagged, but I really want all my pictures to have a limit to their size and how much space they can take up. Also, I'd to know how to remove the visual tags on the left hand side. As if that's not enough adding a display of how may "notes" (for those who are tumblr literate) my posts have. Font too. How do I even begin changing these things? There are no options in the simple customize pane displayed at the top. But, I can edit the HTML... so what do I do? Please tell me if you need any information, I really want this to work. Thanks everyone. Connor Flynn Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. Hey! I'm new. Like the forums! I have an odd question. I have a profile on another website. There's a section called 'About Me' and I can fill it with information about myself (it supports html). But the problem is that there is a 5000 character limit and I well exceeded that. Is there a website that would allow me to type my profile information and then give me some html code and wherever i would paste the code i would get my profile information? Thanks! hi all, i have just written a book and am putting it online. i have some groovy buttons but want them to change when hovered over and also depress or change when clicked. can one of you experts give me the code for this pretty please. we could take it that: A.jpg = normal button B.jpg = when hovered (mouse over i think in your expert world) C.jpg = when clicked also i would like to know where and how the code looks to 'download XY.PDF' please help us on planet noobian, we are at a loss. I manage a website but don't know much about HTML. The website is used within my company to view different powerpoint presentations and excel spreadsheets that are updated every week. I want to put a form or a table on the frontpage to show what files have been updated recently. For instance if the file has been updated yesterday and is current (Weekly file) then I want the table or form to show the name of the file and highlight it in green. If the file is more then 7 days old I want it to be red. Can someone point me the the right direction? Hello there, everyone! I'm new to the forums and also not the best one at HTML, but as I'd need some HTML for a project in school since it would be useful in what we're working on I thought I would ask you guys over here for some help, since what I've tested doesn't really worth out great and it's quite in a hurry right now. So, lets go! What I'd like to do is that in the first page, lets call it "The site where you choose music", there's gonna be a list of say 10 different songs, where you can choose to click in the box at the songs you would like to hear, could look something like this (just an example-picture): http://pici.se/pictures/PMYqqclCT.jpg What I'd like to do now is that the songs that I've chosen should follow when I click the "PLAY"-button to a new window, where the songs I've chosen will be listed. E.g. if I choose Song 1, Song 3, Song 6 and Song 8 in the list these should be the only ones to follow when clicking "PLAY", while the others doesn't. I know these might not be the hardest things to do, but I've had some problems due to the pressure in the project. Also, is there anything special I will need to do with the "PLAY"-button (besides from having the link to the site where the songs etc. will be placed) in order to be able to get the songs with me? Haven't worked with this too much. So, is there anyone out there with some spare time who would mind helping me out? Would be really appreciated. Anything from just pure small bits of help, to a full set of codes that would work out for me, depending on the difficulty/time it would steal from you guys. /Grelien ^_^ If there's anything unclear with my question please say so, tried to be as explaining as possible without making it too long (to prevent "TLDR") or too short. I could also post my current code if that would help out, but felt I'd wait with that if it's not necessary as it would make the post quite big. On my website so far, I am doing very well but I need to know how to go to next page from a link at the bottom of the page. Example: Next Page 1 2 3 4 5 6 7 8 9 The numbers will represent the chapters but how do I do it????? Hi can someone who knows html please help me out? I have my webpage, http://users.igl.net/ash/index.html It has a javascript on it. I am trying to embed my homepage on my league site. so I write the code as follows <embed height="200" name="homepage" hidden="never" width="200" src="http://users.igl.net/ash/index.html" allowscriptaccess="true" /></embed> My homepage loads fine, but the javascript on doesnt load. Can someone suggest a better coding? Thank you. Hi, first of all I should mention that I am new to HTML coding. I am working on my first web site http://www.everythingoldies.com I want to insert text (paragraphs) under my links in the center of the page, I also want to add more images on the right and left of my page from top to bottom. I have tried to put text under thi links but it shows up everywhere but where I want it to. I have included a copy of my coding, I am sure there are lots of errors since this is my first time working with HTML. Could someone please look at my coding and let me know how messed up it actually is and where to put what and what I did wrong? Thank you so much in advance for your help listed below is my coding : HTML Code: <html> <body background="/images/thumb-12830872.jpg"> <head> <marquee bgcolor="#000000" loop="-1" scrollamount="5" width="100%"><font color="yellow"><font size="5">This Site Is Currently Under Construction Please Check Back Later</marquee> <center> <img border="0" src="/images/50s1.jpg" width="90" height="90" /> <img border="0" src="/images/andy.jpg" width="90" height="90" /> <img border="0" src="/images/kinks.jpg" width="90" height="90"/> <img border="0" src="/images/elvis.jpg" width="90" height="90"/> <img border="0" src="/images/route66.jpg" width="90" height="90"/> <img border="0" src="/images/beatles1.jpg" width="90" height="90"/> <img border="0" src="/images/sandhutch.jpg" width="90" height="90" /> <img border="0" src="/images/steve.jpg" width="90" height="90" /> <img border="0" src="/images/hand.jpg" width="90" height="90" /> <img border="0" src="/images/harry.jpg" width="90" height="90" /> <img border="0" src="/images/blob.jpg" width="90" height="90" /> <img border="0" src="/images/breakfast.jpg" width="90" height="90" /> <img border="0" src="/images/birds.jpg" width="90" height="90" /> <img border="0" src="/images/lucy.jpg" width="90" height="90" /> <?xml version="1.0" encoding="iso-8859-1"?> <!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> <style type="text/css"> #button a {font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#FFFF00;text-decoration : none } #button a:hover{ font-family: Arial;font-style : normal ;font-size : 10pt; font-weight :bold;text-align :center; color :#3300FF;text-decoration : none} </style> <!-- TemplateBeginEditable name="doctitle" --> <title>EVERYTHING OLDIES</title> <!-- TemplateEndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <meta name="Description" content="Your Oldies Channel.Com" /> <meta name="" content="true, oldies,music,artists,links,requests,radio,internet,Mishawaka,indiana,goodtimes,youroldieschannel," /> <body> </body> </td> </tr> </table> <CENTER> <table width="999" border="0" cellpadding="5" cellspacing="5"><iframe src="http://free.timeanddate.com/clock/i1j3s9ax/n892/fn8/fc090/tc000/pc000/ftb/pa3/tt0" frameborder="0" width="995" height="22"></iframe><p align="center"><font color="yellow"><font size="5">Everything Oldies.Com Welcomes You To Our Site!!<b></b></p><table align="center" border="1" cellpadding="5" cellspacing="5" style="width: 1005px; height:38px; backgroundcolor: #FF9900" width=826"> <tbody> <tr> <td><a href="http://www.abc57.com/news">News</a></td> <td><a href="http://www.abc57.com/weather">Weather</a></td> <td><a href="http://www.everythingoldies.com./tst.html">Television</a></td> <td><a href="mailto:bruce@everythingoldies.com">Contact Us</a></td> <td><a href="http://www.abc57.com/sports">Sports</a></td> <td><a href="http://www.everythingoldies.com/guestbook">Guestbook </a></td> <td><a href="http://www.everythingoldies.com/links.htm">Links </a></td> <td><a href="http://www.ntl.matrix.com.br/pfilho/html/main_index/index.html">Song Lyrics</a></td> <td><a href="http://www.audiorealm.com">Internet Radio</a></td> <td><a href="http://www.everythingoldies.com/forums">Our Forums</a></td> <td><a href="http://www.nutsie.com/top100sradio/1970%20Top%20100%20Songs/2184015">Listen To Top 100s</a></td> Hey what's going on, germ here. I just started coding recently, 2 days ago to be specific, I have designed a few basic documents, I'm still learning tables and how to format HTML pages(layouts?) with tables etc (make 2 columns) and I'm still adjusting to frames, everything else seems very basic. My question after this little background story(to give you a better understanding of where I'm coming from) I was using w3schools.com and following their HTML tutorial which seemed great and I grasped a lot of things but I also have a book I began reading last night and it lists quite a few things they(w3schools) teach as deprecated. Such as in the opening tag of a paragraph to use the style attribute as follows Code: <p style="background-color:wahetver;Font-family:whatever;Font-size:whatever">blah blah blah </p> Should I ignore the deprecated stuff and just keep studying til I learn to use CSS? I want to decorate the pages I make (practice pages) but I don't want to be wasting my time with stuff that will be outdated. What are your thoughts? Thanks a ton friends! Hi, How to find out the height of a paragraph, if the paragraph is selected from database and displayed on the fly. The objective is to dislay footer below this paragraph. Thanks Bijoy I have tried to make a website with help from a mate, but i can't get it to work. I need the final pictures to work. They just keep on displaying as text, not pictures. *PLEASE NOTE*i'm not very good at HTML - please talk easy speak or suggest how coding of what i should use instead. my coding so far is as follows: *PLEASE NOTE* do not mind my picture/info - it isn't actually relevent, just examples! *coding* HTML Code: <html> <head> <title>Madmanbonzo</title> <script type="text/javascript"> confirm("Are you a person?") } </script> </head> <body> <table> <tr> <td> <font face="arail" size="8" color="blue"><b> Madmanbonzo's first website!!</b></font> </td> </tr> </table> <hr> <table align="center" width="700 pt"> <tr> <td align="center"> <font face="Times New Roman" size="4" color="green"><u><marquee>My first website!!!<button>Click Me If Bored!</button></u></marquee></font> </td> </tr> </table> <hr> <table align="center" width="100%" border="1"> <tr> <td align="left" width="50%"> <font face="arail" size="4" color="red">Links <ul> <li><a href="http://www.google.com" title="Google">Google</a> - A major search engine!</li> </ul> </font> </td> <td align="center" width="120"> <font face="arail" size="4" color="violet">This is my first ever website!!</font> <form> <input type=button value="click for 5 pounds" onClick="shut()"> </form> <form> <input type=button value="click for 10 pounds" onClick="shut()"> </form> </td> </tr> </table> <a href='http://www.draynor.net/'><img src='http://www.draynor.net/anim/mickeena.gif' alt='Draynor.net' /></a> <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/ranged/70/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/attack/75/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/overall/1250/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/fishing/68/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Skill-Goal Signature"><img src="http://www.draynor.net/skill/mithril/mining/60/mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/" title="Draynor.net Stat Signature"><img src="http://www.draynor.net/stat/mithril/male/dharok_set/Mickeena.png" alt="Draynor.net Stat Signature <a href="http://www.draynor.net/sgoal_signatures.php" title="Draynor.net Homeworld Bar"><img src="http://www.draynor.net/hw/mithril/129.png" alt="Draynor.net Stat Signature Bye </body> *coding above* Please help! case closed!!! I sorted the problem...thanks guys! I've searched all over the place, but can't find any documented HTML coding standard. I'm looking for something that I can use as a guideline for my developers to use. Some kind of a document along the lines of: - how layouts should be designed without using tables - when to use div's and when to use span's - how to properly control text flow - only using CSS for formatting - avoiding inline styles - using inherited CSS classes - etc... I have an enterprise-level .Net application written in C# and using XML for content parsing. We already have a standards guide for C# and XML is pretty self explanatory (in our setup at least), but nothing for HTML. I looked on W3C and other similar sites, but they don't have any actual "standards documents". Did anyone ever have to write something like that? Any help or a link would be appreciated. well not really sure if it would be html or more in the lines of css but 1st just wanna say sorry for brining up myspace again but is there a way to hide the comments from the page source as well as just the actual page that's viewed? |