This is the page I'm having the issue with as you can see at the link I've checked the code against my the other pages and they all see the same Any help would be appreciated http://littlemissjewels.com/about.htm I did not code this i paid some to do it but have nver finished it, so I'm giving it my best <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LMJ</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="action.css" rel="stylesheet" type="text/css"> <style type="text/css"> body { background-image: url(); } .style1 {font-family:"arial"; line-height: 14px; font-size: 8pt;} --> </style></head> <body topmargin=10 leftmargin=0 bgcolor=#575757> <div align="center"><div> <table width="801" height="568" border="0" cellpadding="0" cellspacing="0"><div> <tr> <td align="right" valign="top" background="images/img_about.jpg"> <table width="350" height="568" border= "0" cellpadding="0" cellspacing="0"> <tr> <td height="120"> </td> </tr> <tr> <td height="448" valign="top" class="font2"><span class="font14">LMJ </span><br> <br> <span class="font5"><font color="#786A5C"><b>WHOLESALE CONTACT</b></font></span><br> <strong>Little Miss Jewels</strong><br> 888-553-3807<br> 564 N Diamond Bar Blvd<br> Diamond Bar, CA 91765<br> <br> <span class="font5"><font color="#786A5C"><b>UPCOMING EVENTS</b></font></span><br> (Events listed are wholesale buying events for retailers only)<br> <br> <strong>Comming Soon </strong><br> Contact us at the home office for an appointment. <br> </tr> </table> <table width="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="30" class="font3"><span class="font2"><strong><a href="default.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '77px')" onMouseout="delayhidemenu()""><font color="#FFFFFF">HOME</font></a></strong><strong></strong></span><strong> <font color="#575757">--</font> <a href="#" class=#href_b><font color="#FFFFFF"></font></a><font color="#FFFFFF">|</font><font color="#575757">--</font> <span class="font2"><a href="collection_brazen.htm" class=#href_b><font color="#FFFFFF">COLLECTION</font></a></span><font color="#575757">--</font> <a href="#" class=#href_b><font color="#FFFFFF"></font></a><font color="#FFFFFF">|</font><font color="#575757">--</font> <span class="font2"><a href="retailer.htm" class=#href_b><font color="#FFFFFF">RETAILERS</font></a></span><font color="#575757">--</font> <a href="#" class=#href_b><font color="#FFFFFF"></font></a><font color="#FFFFFF">|</font> <a href="press.htm" class=#href_b onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '130px')" onMouseout="delayhidemenu()"><font color="#575757">--</font><span class="font2"><font color="#FFFFFF">PRESS</font></span></a><font color="#575757">--</font> <a href="#" class=#href_b><font color="#FFFFFF"></font></a><font color="#FFFFFF">|</font> <a href="about.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '93px')" onMouseout="delayhidemenu()""><font color="#575757">--</font><span class="font2"><font color="#FFFFFF">ABOUT</font></span></a><font color="#575757">--</font> <a href="#" class=#href_b><font color="#FFFFFF"></font></a><font color="#FFFFFF">|</font> <a href=".//contact_us.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '93px')" onMouseout="delayhidemenu()""><font color="#575757">--</font><span class="font2"><font color="#FFFFFF">CONTACT US </font></span></a></strong></td> <td width="150" align="right" class="font3">© 2007 LITTLE MISS JEWELS.</td> </tr> </table> </div> </body> </html>
20th line down......Make sure you add what's in bold. it is needed to stop the image from tiling.... <td align="right" valign="top" background="images/img_about.jpg" STYLE="background-repeat: no-repeat;"> That should do the trick.... You should have gone with CSS, this table stuff is iiiiiiicky.
Your right about that, i recently taught myself css and the only thing i recognized was the style sheet for fonts, the rest sucked. Thanks for the help Sven
Well, let's see... there's inlined CSS that looks either redundant or in the wrong place, it's opening a DIV between the table and TR which is completely invalid markup, there's time wasted on a slew of presentational markup that could be deleted or moved to the CSS, there's a table wrapping a single column which is a total waste of code even in table layouts, some of the TD and first table opened aren't closed, (something formatting the code with proper indents would reveal BTW - which it ALMOST looks like you were aiming for in the live copy but missed) and at 801px wide, you aren't actually 800 pixel wide display friendly (in which case you might as well make use of that extra 192px and aim for 1024 friendly) It would also help to spell 'coming' correctly. Man, I feel your pain, especially if you paid money for THAT mess. I'd see if I could sue them for ineptitude. My advice is throw it out and start over. Here, I'll give you a kick start. THIS is all the HTML that should be used for that layout: <!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"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link type="text/css" rel="stylesheet" href="screen.css" media="screen,projection" /> <title>Template</title> </head><body> <div id="container"> <h1> Little Miss <strong>Jewels</strong> <span></span> </h1> <h2>About</h2> <h3>Wholesale Contact</h3> <strong>Little Miss Jewels</strong><br> 888-553-3807<br> 564 N Diamond Bar Blvd<br> Diamond Bar, CA 91765 <h3>Upcoming Events</h3> (Events listed are wholesale buying events for retailers only) <ul class="eventList"> <li> <h4>Coming Soon</h4> Contact us at the home office for an appointment<br /> New show will be posted soon </li><li> <h4>Coming Soon</h4> <h4>Coming Soon</h4> </li> </ul> </div> <ul> <li><a href="index.html">Home</a></li> <li><a href="collection_brazen.html">Collection</a></li> <li><a href="retailers.html">Retailers</a></li> <li><a href="press.html">Press</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> <div id="footer"> © Little Miss Jewels </div> </body></html> Code (markup): Which is roughly a third the code - and even WITH the CSS would likely be roughly half to two-thirds. If I have time later I'll toss together the CSS to format that so you can see what I mean.
I Think that when i do the redesign i code it in CSS for sure, but for now i'm going to leave it The site will change often as we will be doing a new line every 6 months or so, I'm looking forward to my css design, rather than the trash that was trown together above, i noticed that dreamweaver finds all kinds of errors with this coding style and now i know why it took her 3 months to code. thanks for all the help Sven
If dreambeaver can find errors, that's pretty bad. It usually spends its time making new ones : ) You know that window in dw where you can see what the page looks like as you change the code? It's trying to emulate a browser. But all browsers are different. Better to write in Code View (since you already have DW) and have a real browser open at the same time and look in that. Which will save you DW-caused headaches down the line. Esp since you seems to be looking forward to playing with CSS, if you don't already have a bunch of browsers, get them. If you're running Winblows, you can upgrade to IE7 (probably, or get it stand-alone) and get a stand-alone IE6 as a separate programme, or get Multiple IEs from Tredosoft.com (which don't render Flash correctly and have the modern javascript capabilities, so don't test Flash or Js in those). Opera, FF, and I've heard there was a Safari (Mac) for Winblows. If you're running Linux, you can get Konqueror for a very very general idea of what Safari might do, without the excessive cuteness in form buttons. : ) And remember when you're pulling out your hair, Have fun.
Thanks For the Tip, I only wish i had the money for a MAC, and i do understand the frustration with Windows, but it's an evil that i understand well. "Keep your freinds close and your enimies closer". I use the code/design split with my finger on F12 key because i noticed it does quite often place new items and code with in other code. I really have no clue what most of the code really means yet, but i have been able to get desired results on another website I built using css, it has a very logical layout. Any recomendations on tutorials that would help me out. I'm reading SAMS teach yourself adobe CS3, but i'm more of a visual learner and it's just showing me the basics of the program, and is geared more to the design que. Thanks for the Help
Eh, Macs may be nice, but I'm doing fine on an Acer running Linux (Ubuntu, woohoo) and there's a 'Blows machine at work-- necessary for IE testing (and you MUST test IE 6 and 7 at the least). Like I said, I've heard there's a 'Blows version of Safari because it's also good to test in that. Lynx is another good browser... I've found a couple of dings and problems just on that browser alone (it's a text only browser, so it shows stuff I'm pushing off to the far left... mostly for hover stuff). I knew nothing in about May 2007. Besides here (and also SitePoint.com) I used Build Your Own Web Site the Right Way Using HTML and CSS by Ian Lloyd. It starts you right out from the very beginning and tells you how to build a site (I'm also visual, so fortunately you build a site while you learn, so you can see what the guy's talking about). The second book I got focusses more on CSS: HTML Utopia: Designing Without Tables Using CSS by Rachel Andrew and Dan Shafer. They assume you know HTML, and show you two-column, three-column, fixed width, fluid width, a table, and a few other things in CSS. The index in the back is invaluable. Check the library for these two books, and check the online site listed in the books to check for errors found after printing (prevents frustration from errors!) Some good sites: alisatapart.com (articles, examples) htmldog.com (scripts, examples, articles) 456bereastreet.com (mostly articles... to read on specifics while you're building something) mezzoblue.com (articles, examples) Popular CSS tricks you can google (AFTER you get your head around how css works in the first place): Faux columns (make a floated column go all the way to the bottom of a page) Sliding doors (and Sliding doors with Sprites) Advanced Image Replacement techniques (watch out there are also Flash and Js image replacement techniques out there) Three-column css with negative margins Negative margins in general Image Map Pop-ups with CSS (Mike Cherim) There are all sorts of hover and click-activated stuff that many people use Javascript for but can actually be easily done with CSS using the :hover and :active properties... though IE6 only recognises :hover and :active on the <a> links without some scripting help, and IE7 doesn't seem to recognise :active on non-links... For funky css, you can check out Stu Nichol's CSS Play. His css and html aren't the cleanest, but he mostly just tries to do various things with css alone, with mixed (but often awesome-looking) results. When you need real technical information (later) on a particular element, w3.org has all the little juicy bits, though I usually find it through google searches because it's easier. There's a Florida university site that I jump to for quick checks on who can have what children etc. Start building sites you can with a text editor (so long as there's a browser open, you can do it and see it), and then to strengthen your css try to copy the looks of other pages (or practise setting PSD's of websites in html and css BY HAND). Many people believe you can learn how to code through dreambeaver, but I think all it's good for is getting you familiar with the tags-- though it may not be using the correct tag for the type of content, so don't go by what it decides to use for something. The makers of dreambeaver's goal was to make web-building easy, not correct.
- maybe I'm just too tied to the hardware world - MAYBE it's because I used to be a apple certified repair tech - but I've never understood how people can hold up Apple as a shining example of good design and quality hardware - Hell their **** won't even pass UL labs testing which is why they use the (often sued and constantly threatened with having their license pulled) CSA. That 'oh so wonderful' maglock connector catching fire from piss poor design and low stress tolerances? (besides, putting a magnet IN a computer?), defective drives that the heads literally just fly off of? Mislabelling 18 bit color displays as 24 bit? Underclocking CPU's so they can run them without proper cooling? Assembly techniques and designs so piss poor even their own technicians will give you a 1:1 replacement instead of trying to open the things to actually FIX them? I'd be more open to OSX if they didn't have their heads up their asses about tying it to their shit hardware. (and if it had a TASK MANAGER) VMWare? Wine? (I'd lean towards VMWare) Opera can do that too - view > style > user mode - which turns off CSS (assuming one has properly separated presentation from content). I find having no CSS loaded often helps me see errors too - I try to test my pages images off / CSS off in all combinations - it's a great help. Dan recommends that book for a reason - I WISH there had been a book like that a decade ago when I first started dinking around in HTML - if you use it's WYSIWYG side, all it teaches you is how to use the WRONG tags, the WRONG layout techniques, it's a laundry list of how NOT to design a web page - which I think is the best lesson you can learn from it. Quick and easy - which reminds me of something I tell prospective clients, and that I've heard Dan say as well. There are three ways you can have your site: Quick, Cheap or well coded. Pick only two.
^ eh we took the fan out of Samuel (our server) and it never goes above 35 or 36 degrees (and that's while it's backing up), so the "Macs are so great they have no fan!" thing doesn't really move me. Samuel's quiet except when the drive does a small creeeeeee-eek. Don't get me started on UL... those assholes. Using the wrong tests for the wrong components much of the time. Fucking monopoly which needs to get some real competition to kick its ass... -- I've got IE6 4 Linux... looks like Wine. There are many reasons NOT to test with this. I use it for general engine behaviour, but loading stuff on it seems to make it puke. Thus, I have no fonts other than TNR, no Flash, and more than a few times I've seen differences between my fake IE and a real native one (also differences between Tredosoft's and a real native one), so while I look in it, I don't test too much in it. Real 'blows gives me the gold.