HTML - Html On Mywebsite Is All Wrong :(
Hi All,
I recently started building my own webshop with dreamweaver. My knowledge when I started 2 weeks ago was totally non existent so have had to teach myself as I've gone along. I put my first (index) page on my server and have now noticed a few problems - My screen has to be scrolled across to see the entire page on my other computer but is ok and fits the screen on the computer I am making the site on and the javascript I put in my page doesn't show up. My dad advised I use an online html checker which showed 7 faults and said I had another 20 that it didn't list. I tried to understand and correct as it suggested but really don't understand a lot of it at all. It's disheartening me so much I feel like I could just quit it but I really have worked hard at it so far and would love to get it working. Is it possible for someone to checked the source of my page and tell me where I'm going wrong? Or does someone know where I can get it checked and rectified? I know its asking a lot but I can't think who else to turn to for help. My site is www.create-a-blind.co.uk Thanks for reading, Debby. Similar TutorialsHello! I'm completely self taught and sometimes I get things wrong. I'm having problems with the html. The site looks bigger and some of the sizes (scroll bar) aren't right in Internet Explorer - I was wondering if anyone could tell me what the problem is or even suggest another way to work it out.. Here's the link: http://www.shortdoggkennels.com/brooklynsedge/home.html And here's a direct link to the CSS: http://www.shortdoggkennels.com/brooklynsedge/style.css Thanks in advance! Hi, I need a favor. Can one of you go here http://www.everyman2.com/test.html I do a webcomic, and for some reason the image won't center in the maroon box. I don't know much (or anything) of html so it really doesn't make much sense to me. Can someone go and view the source? Thanks a million! Hello everyone. I would appreciate it if someone would spend a second of their valuable time to answer my simple question. What is wrong with the following html code: <html> <head> <title>Testing</title> </head> <body> <div id="whitefont" style="font-color:white;background-color:black;">hello</div> </body> </html> ? OK, I have no clue why this is happening: In the following code, the far right-hand column stays bold, even though there is no reference to bold fonts being made. There is no way to turn the bold off, it's just stuck there. Has anyone ever run into this problem before?? Code: <table style="width: 689px; height: 192px;" border="0" bordercolor="#cccccc" cellpadding="5" cellspacing="0"> <tbody> <tr> <td><a href="http://www.somecompany.com/features.htm"><img style="border: 0px solid ; width: 286px; height: 152px;" alt="" src="images/features.jpg"></a></td> <td colspan="1" rowspan="2"></td> <td colspan="1" rowspan="2"> <div style="text-align: left;"><span class="BigBold">Take a test drive...</span><br> </div> <div style="text-align: left;"><br> <span class="SmallItalic"> "Today was the first day that I ever"<br><br> </span> </div> <div style="text-align: right;"><span style="Small">-Suzette, Ontario Canada<br></span><br> </div> <div style="text-align: left;"><span style="Small">Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<br> <br>Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<span style="font-style: italic;"></span><br> </div> <p style="text-align: right;"><a href="http://www.somecompany.com/demo_setup.exe"><img style="border: 0px;" alt="Download Now" src="images/download_demo.gif"></a></p> </td> </tr> <tr> <td colspan="1" rowspan="1"><br><br><br><br><br><br></td><td></td></tr> <tr bordercolor="#CCCCCC"> </tr> <tr bordercolor="#CCCCCC"> </tr> <tr bordercolor="#CCCCCC"> </tr><tr></tr><tr></tr> </tbody> </table> <br> <table style="text-align: left; width: 689px; height: 196px;" border="0" cellpadding="3" cellspacing="2"> <tbody> <tr> <td colspan="2" rowspan="1"><span class="BigBold">System</span><br><span class="Default">Basic PC Requirements</td> <td colspan="1" rowspan="3"><img style="width: 4px; height: 221px;" alt="" src="images/download_pin.gif"></td> <td colspan="2" rowspan="1"><span class="BigBold">Support<br></span><span class="Default">Help, I'm stuck!</td> <td colspan="1" rowspan="3"><img style="width: 4px; height: 221px;" alt="" src="images/download_pin.gif"></td> <td colspan="2" rowspan="1"><span class="BigBold">Buy It Now<br></span><span class="Default">Ready to purchase?</td> </tr> <tr> <td><img style="width: 61px; height: 61px;" alt="" src="images/system.gif"><br> <br> <br> <br> <br> <br> <br> </td> <td style="width: 245px; height: 8px;"><span style="SmallBold">Requires a PC running Windows 3.1, 20GB of RAM recommened.<br><br> 10GB of disk space required for the installation files and 2000GB recommended.</span><br> <br> <br> </td> <td><a href="http://www.somecompany.com/support.php"><img style="border: 0px solid ; width: 61px; height: 61px;" alt="" src="images/service.gif"></a><br> <br> <br> <br> <br> <br> </td> <td style="width: 250px; height: 8px;"><span style="SmallBold">Today was the first day that I everToday was the first day that I ever<br><br>Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<br><br> <a href="http://www.somecompany.com/support.php">Click Here...</a></td> <td><a href="http://www.somecompany.com/purchase.php"><img style="border: 0px solid ; width: 61px; height: 61px;" alt="" src="images/buy.gif"></a><br> </span> <br> <br> <br> <br> <br> <br> </td> <th style="width: 245px; height: 8px;"><span style="Small">Today was the first day that I everToday was the first day that I everToday was the first day that I ever.<br><br>Satisfaction is guaranteed. Today was the first day that I everToday was the first day that I everbr> <br> <a href="http://www.somecompany.com/purchase.php">Click Here...</a><br> </span> </th> </tr><tr><td></td><td></td> </tr> </tbody> </table> <br><br><br> I know I'm really new to this, but I'm following a guide and I don't seem to be doing something right. Let me show you an example of some code that won't work for me.. <h1 style="color:#09C" align="center" style="border:dashed"> Hello</h1> ^This is what I'm having problems with. When I first put in the color and align, everything worked fine. Then the code stopped working when I started putting on a border, a font style, and etc... Why is it that when I start setting multiple preferences (color, size, center,etc..) , the code stops working? Thanks in advance. Oh Btw, I'm using Dreamweaver if that matters. Hi guys Im new to HTML (relatively) and would greatly apreciate some input or ideas as to what im doing wrong. I have recently created a website using a CMS (i know you shouldnt but i am learning HTML and will soon be ditching the CMS) and therefore have no control over the CSS One of the things i am doing on my site is to show artists work off to the world. Therefore they give me the images and i have little to no control over their appearence. To protect the images i have decided to make the actual art the background of a table and to put a blank image infront of it. However i have come across a problem. The picture doesnt seem to be showing as the size i am putting into it. If you go to http://www.dragonstouch.co.uk/page22.htm you will see what i mean. The code i am using for the top picture is: <table cellspacing="0" cellpadding="0" width="520" border="0"> <tbody> <tr> <td width="520" background="http://www.dragonstouch.co.uk/userimages/OakdragonCR2.jpg" height="377" < td alt=""> <div align="center"> <div align="center"><img style="width: 520px; height: 377px" height="377" alt="Oak Dragon" src="http://www.dragonstouch.co.uk/userimages/Blank(1).gif" width="520" border="0" /></div> </div> </td> </tr> </tbody> <p align="center"></p> </table> Now as far as i can see i have set the height as 377 and the width as 520. When i rightclick and go to the blank images properties it shows as the height being 377 but the width as 540. I really have tried everything i can think of and nothing seems to help. Any ideas would be greatly apreciated. However due to recent experiences i would also make a couple of requests. I am trying very hard to learn HTML and i already know that the majority of you if not all of you have a far superior understanding of it than i do. I say this because the forums i went to before this one were very argumentative and tended to talk to me as if i were a moron. 2ndly i am aware that there is no foolproof way of protecting images. I say this because as before when i posed this question to a previous forum they just insisted i shouldnt do it and that images shouldnt be put on the net and would not help me. I dont mean to be rude or anything like that i just found my previous experience with the html experts very frustrating and therefore i just want to state that i am asking for help, not grief. I hope this doesnt put you off helping me. Thanks all in advance. Dariune (Lex) Hi I have problem with IE7 at present with a HTML table. The problem may span beyond HTML tables but basically the colors are coming out all wrong. Firefox is fine, I'd hardcode bgcolor="red" and it comes out red. In IE7 it comes out blue however Most other colours apart from black and white are the same. Does anyone know what is causing this? Hi, I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole I'm changing from HTML 4.01 to XHTML 1.0 Transitional now, but what are my errors here exactly? http://validator.w3.org/check?uri=ht...andersmj.dk%2F EDIT: Looks like there's only one error now, but please allow me to ask again if solving this one causes new ones. found the problem. Hi All, I was hoping to start a site from scratch and muddle my through any issues that came up. I came across this article about how to auto size the background image and thought that it would give me a perfect start as I could get a nice background that would auto resize. http://css-tricks.com/perfect-full-p...kground-image/ I dunno what I am doing wrong but the background image never displays. Is anyone able to create me some test files that I can simply dump on my server and see if it works. Sounds silly i know but I cannot get the image to display and I am not sure why! Thanks Hey Guys I am trying to find the correct spot in the following link to add the no follow tag I tried as it is but my software on my site tells me its still do follow any help appreciated http://www.amazon.com/gp/product/B003VQQVDU/ref=as_li_ss_tl?ie=UTF8&tag=facdirjewclu-20&linkCode=as2&camp=217145&creative=399349&creativeASIN=B003VQQVDU" rel="nofollow">VIZIO M221NV 22-Inch Full HD 1080P LED LCD TV with VIA Internet Application, Black</a><img src="http://www.assoc-amazon.com/e/ir?t=&l=as2&o=1&a=B003VQQVDU&camp=217145&creative=399349" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> Could you highlight where I have to put the no follow tag and if there needs to be a space like there is above thanks Hello everyone I am very new to this so be kind! Why can I only see code on this page and what do I do to put it right? http://www.test.q-p-e.co.uk/jobby.html If I type this URL into my browser location bar, it works just fine, and displays the image properly: http://www.zappos.com/n/multi_view.c...223&view=multi If I use the same URL in the following code on an html page and render it in the browser, no image displays: <img src="http://www.zappos.com/n/multi_view.cgi?product_id=7558977&color_id=205223&view=multi"> What am I doing wrong? I've tried encoding it, but that didn't fix the problem. Can someone please help? I'm sure I'm missing something completely obvious. Thanks, Janet O.K, I'm building my new website and using smart FTP client to upload my files. Please take a look at the website I'm building, how come it is like this? www.hautecoutureforkids.com When I click the .html buttons it works, but I don't want it like that. I want when I type in my website's name, the page appears automatically. I hope my explaination is not confusing. Please help Thank you in advance Ning I have this line of PHP that keeps getting an error message about an unexpected "=" sign. if ($prevPage > $chapters[$chapter][0]) $out .= "<a href="/book.php?chapter={$chapter}&page={$prevPage}">Prev</a>"; As best I can figure it out the offending "=" is that one in "....?chapter={$chapter..." Can anyone tell me how to fix this, please? Hi guys, new to the forum. Trying to put together a portfolio site: http://www.studioeighty.co.uk/portfolio/ I'm using a program called Coda-Slider which is JavaScript but for some reason only one of the arrows is showing. Any ideas where I've gone wrong? thanks in advance. studioeighty Whats wrong with this code its not comming up when i try it HTML Code: <html> <head> <title> Buzz OFF!!! </title> <script language="JavaScript"> <!- Hide from older browsers alert("Press ok to start reformatting your hard disk"); // end hiding -> </script> </head> </html> Ok, so I was using dream weaver to make a website for a school assignment. Everything was ok until I previewed the page in my browser and everything thing was way of context the table was stretched a lot more than it should have been, but everything looked perfect in design view in dreamweaver. I understand that the browser is going to be larger and the screen resolution will be away out, but I'm not sure how to fix it, what do I need to change to get a good layout. Thanks. Here is the code. Code: <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="#FFFFFF"> <table width="72%" border="0" cellspacing="0" cellpadding="4"> <tr> <td rowspan="2" bgcolor="#666666"> </td> <td width="50%" height="141" bgcolor="#000099"><div align="center"><img src="mm/stationery/CatalogB/golf ballistics.jpg" width="700" height="200"></div></td> </tr> <tr> <td height="97" align="center"><table width="72%" height="35" border="0" cellpadding="4" cellspacing="4"> <tr bgcolor="#CCCCCC"> <td bgcolor="CCCCCC"> <div align="left"><strong><font face="Tahoma"> </font></strong> <div align="center"> <div align="center"> <pre> <strong><font color="#339966" face="Tahoma"> </font></strong></pre> <pre><strong><font color="#339966" size="3" face="Tahoma"><a href="www.example.com">Home Online shopping forum Equipment </a> </font></strong></pre> </div> </div> </div></td> </tr> </table> </td> </tr> </table> <table width="399" height="612" border="0" align="center" cellpadding="4" cellspacing="0"> <tr valign="TOP"> <td width="19%" rowspan="2" valign="top" bgcolor="CCCCCC"> <p align="center"><font face="Tahoma">Harrington Tops Woods</font><br> <br> <img src="woodsharrington111906_400.jpg" width="195" height="201"></p> <p align="center"><nobr><font face="Times New Roman, Times, serif">: <ABBREV>Padraig Harrington made a dramatic late comeback to catch Tiger Woods, then beat the world's No. 1 player on the second playoff hole Sunday to win the Dunlop Phoenix tournament in Japan. Both players birdied the 72nd ho to shoot 67 and finish at 9-under-par 271: </ABBREV></font></nobr></p></td> <td width="38%" height="336" bgcolor="#CCCCCC"> <img src="tshirt.jpg" width="133" height="164"><br> <p><nobr><strike>Was £39.99</strike></nobr></p> <p>Now £15.99<nobr></nobr></p> <p><nobr><a href="#">Add to Cart</a></nobr></p></td> <td width="43%" bgcolor="CCCCCC"> <p><img src="DWTM110L.jpg" width="154" height="152"></p> <p><strike>Was: £299.99</strike> <br> </p> <p>Now: £99.99 <br> </p> <nobr><a href="#">Add to Cart</a></nobr></td> </tr> <tr valign="TOP"> <td bgcolor="CCCCCC"> <p><img src="nw.jpg" width="135" height="148"></p> <p><strike>Was: £199.99</strike> <br> Now: £99.99 </p> <p><a href="#">Add to Cart</a></p></td> <td bgcolor="CCCCCC"> <p><img src="cl.jpg" width="151" height="149"></p> <p><strike>Was: £149.99</strike><br> Now: £129.99 <br> </p> <p> <nobr><a href="#">Add to Cart</a></nobr></p></td> </tr> </table> <table width="92%" border="0" cellspacing="0" cellpadding="4"> <tr> <td width="0%" align="center" valign="top" bgcolor="#000099"> </td> <td width="100%" valign="top"> <p> </p> <table width="90%" border="0" cellspacing="4" cellpadding="4" align="center"> <tr bgcolor="BottomNavigationColor"> <pre><td> <a href="www.example.com"><align="center"> Contact us | Terms and conditions | Help </a></td></pre> </tr> </table></td> </tr> </table> <table width="92%" border="0" cellspacing="0" cellpadding="4" bgcolor="#999999"> <tr align="right"> <td bordercolor="#999999" bgcolor="#CCCCCC"><em><a href="www.example.com"><strong>Back to top</strong></a></em></td> </tr> </table> </body> </html> |