TriAdX Posted January 17, 2007 Share Posted January 17, 2007 Can someone please take a look at:http://www.forevertreasuredphotography.com/in IE and then in Firefox..i dont know how to fix the firefox issues...whats causing the top table rows to space and how can i get the large textbox to alight correctly? Link to comment Share on other sites More sharing options...
Rens Posted January 18, 2007 Share Posted January 18, 2007 strange... i have about the same problem but then ie is the bugger Link to comment Share on other sites More sharing options...
real_illusions Posted January 18, 2007 Share Posted January 18, 2007 http://validator.w3.org/check?uri=http%3A%...tography.com%2Fnot at all valid..missing head tags..depreciated tags galore in there..invalid xhtml tags, tables are horrible (plus they seem to be incomplete) etc..I suggest to go through the validator results, clean it up, then you'll have some valid code to work with, then try and work out your problems. Use divs and css for layout, not tables. Link to comment Share on other sites More sharing options...
croatiankid Posted January 19, 2007 Share Posted January 19, 2007 Why are you even using Xhtml 1.1 when your serving it as text/html? Link to comment Share on other sites More sharing options...
TriAdX Posted January 24, 2007 Author Share Posted January 24, 2007 wow... i guess my page really is a mess... I had copied parts from another page and didnt realize that regular HTML and Xhtml are really THAT different. I tried changing my doc type to html 4.0 and it freaked my page out...can anyone help me convert what i have (if you view it in IE 6.0 it looks how i want it) into something that actually works across browsers and is written in the same doc type? (just the index.htm page.. i can make the changes to the rest of the site myself once i have a proper home page to work from) please? Why are you even using Xhtml 1.1 when your serving it as text/html? Link to comment Share on other sites More sharing options...
vchris Posted January 24, 2007 Share Posted January 24, 2007 Fix your script errors first. When I try to validate your css I get an error because one of your <script> tag isn't closed. Once you do that we can validate your css.CSS Validation Link to comment Share on other sites More sharing options...
TriAdX Posted January 24, 2007 Author Share Posted January 24, 2007 all of my <script> are closed there were 4 (2 functions at the top and then 2 references in my body (the email seperator for spam) I went ahead and put both functions in the same script tag.. so maybe that fixed it...if you view my code you will see there is a </script> for each <script> tag... so i guess ima t a loss Fix your script errors first. When I try to validate your css I get an error because one of your <script> tag isn't closed. Once you do that we can validate your css.CSS Validation Link to comment Share on other sites More sharing options...
vchris Posted January 24, 2007 Share Posted January 24, 2007 There you go! You only have 1 xhtml error now which is on line 65. That should help a bit.XHTML Error: Error Line 65 column 35: there is no attribute "background".<td colspan="6" background="images/SubMenu.jpg" width="421" height="17">Solve this with css. Add a style that adds a background. style="background-image: url('image.jpg');" .<!DOCTYPE htmlPUBLIC "-//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"><head> <title>Forever Treasured Photography: Childbirth Photography, Wedding Photography, Maternity Photography, Event Photography</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="images/style.css" /> <link rel="stylesheet" type="text/css" href="images/colour.css" /> <script language="JavaScript" type="text/JavaScript"> <!-- var user; var domain; var suffix; function jemail(user, domain, suffix) { document.write('<a href="' + 'mailto:' + user + '@' + domain + '.' + suffix + '">' + user + '@' + domain + '.' + suffix + '</a>'); } function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> .shadow { width:0px; padding:4px; filter:shadow(color:black, strength:5, direction:135); } .textblock { width:860px; height:80px; text-align:left; padding:2px; filter:alpha(opacity=50); background-color:white; border:1px solid black; font-size:12px; color:#000066; } .textblock img { filter: alpha(opacity=100); } </style></head><body><div id="main"> <div id="layout"> <table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="7"><img src="images/BannerTop.jpg" width="900" height="24" alt=""/></td> </tr> <tr> <td><a href="http://www.forevertreasuredphotography.com"><img src="images/BannerMid.jpg" alt="" width="479" height="29" border="0"/></a></td> <td><a href="AboutUsHome.htm"><img src="images/btn_AboutUs.jpg" alt="" width="90" height="29" border="0"/></a></td> <td><a href="GalleryHome.htm"><img src="images/btn_Gallery.jpg" alt="" width="80" height="29" border="0"/></a></td> <td><a href="ContactHome.htm"><img src="images/btn_Contact.jpg" alt="" width="82" height="29" border="0"/></a></td> <td><a href="ArticlesHome.htm"><img src="images/btn_Articles.jpg" alt="" width="79" height="29" border="0"/></a></td> <td><img src="images/btn_space.jpg" width="19" height="29" alt=""/></td> <td><a href="LinksHome.htm"><img src="images/btn_Links.jpg" alt="" width="71" height="29" border="0"/></a></td> </tr> <tr> <td><img src="images/BannerMid2.jpg" width="479" height="17" alt=""/></td> <td colspan="6" background="images/SubMenu.jpg" width="421" height="17"></td> </tr> <tr> <td colspan="7" valign="top" background="images/MainBG.jpg"> <div id="content"> <img src="images/HomePageImage.jpg" align="left" alt="" /> <div style="height:17px"></div> <div class="shadow"> <div style="left:400; width:450px;height:377px;" class="textblock"> <p><strong>Maternity, Childbirth and Pregnancy</strong><br /> No event is more important to capture then the intimate time of your pregnancy, childbirth, and newborn. Every detail is treasured by you and the people around you during these precious times. Forever Treasured Photography helps immortalize those details in each image we produce. We understand that there is no going back to this time in you and your child's lives and that is why we capture the intimate details with timeless class.</p> <p><a href="childbirth-photography.htm">Childbirth Photography</a></p> <p><strong>Weddings</strong><br /> Your wedding is one of the most important days of your life. After all the planning to make sure it's perfect, suddenly it's over, and all that is left are memories. That is why it's so important to have a professional photographer capture the magical moments of your wedding so you can relive them over and over.</p> <p>Forever Treasured Wedding Photographers can use traditional portraiture or a Wedding Photojournalist can use "roving reporter" style Wedding photojournalism to translate your wedding dreams into photographs that you will treasure for years to come.With Forever Treasured Photography, the entire day from the bride's home to the wedding ceremony and reception can be captured and preserved forever.</p> <p align="center">Email us anytime at: <script language="JavaScript" type="text/javascript"> jemail("ForeverTreasuredPhotography", "yahoo", "com"); </script> <br /> Call at: 813-416-0047</p> </div> </div> <div class="shadow"> <div class="textblock"> <table> <tr valign="top"> <td width="446"> <img src="images/HomePageImageSmall1.jpg" width="134" height="102" hspace="2" vspace="2" align="left" alt="" /> Of course photographers are available for more than just weddings, childbirth and pregnancy. Typically Forever Treasured Wedding Photographers will also photograph events, such as Bar / Bat Mitzvah's, birthday's, senior picture, social affairs... </td> <td width="396"> <img src="images/HomePageImageSmall2.jpg" width="134" height="102" hspace="2" vspace="2" align="left" alt="" /> Really any kind of an event that needs commemoration can be documented and the memories preserved for ever after. We don't just do take pictures, we take pictures that will be Forever Treasured. </td> </tr> </table> </div> </div> </div></td> </tr> </table> </div> <div id="footer"> copyright © 2007 Forever Treasured Photography | <script language="JavaScript" type="text/javascript"> jemail("ForeverTreasuredPhotography", "yahoo", "com"); </script> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.myspace.com/triadx">Ken Pilcher</a> </div></div></body></html> Link to comment Share on other sites More sharing options...
TriAdX Posted January 24, 2007 Author Share Posted January 24, 2007 ok i changed that td's background to use a style (i dont see how this ONE td background image is screwing up the whole thing... cause i have a ton more that use <td background="image.jpg"> but ok)I still need help fixing it in firefox and other browsers... Link to comment Share on other sites More sharing options...
vchris Posted January 25, 2007 Share Posted January 25, 2007 paste this in style.css. I corrected the 2 errors that were found. Also paste the code in my previous post. That's your home page error free except for the background image. It should look better now. Let me know. /* global */html{height: 100%;}body{ font-family: Times new Roman; padding: 0px; margin: 0px; font-size: .68em;}#submenu{ font-family: Times new Roman; padding: 0px; margin: 0px; font-size: 1.2em; color:#cccccc}p{ margin: 0px; padding: 0px 0px 16px 0px; line-height: 1.7em;}h1{ font-family: arial, sans-serif; font-size: 108%; letter-spacing: .1em;}h2{ margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%;}img{border: 0px;}a{outline: none;}/* image positioning - left, right and center */.left{ float: left; padding: 0px 8px 0px 0px;}.right{ float: right; padding: 0px 0px 0px 8px;}.center{ display: block; text-align: center; margin: 0 auto;}/* margin lefts / margin rights - to centre content */#main, #links, #footer, #layout, #content { margin-left: auto; margin-right: auto;}/* main container */#main{width: 908px; height: 100%;}/* links above the logo / footer */#footer{ width: 900px; height: 18px; font-size: 88%; text-transform: uppercase; padding: 10px 0px 0px 0px;}#links{text-align: right;}#footer{ text-align: center; }#links a, #footer a{text-decoration: none;}#links a:hover, #footer a:hover{text-decoration: underline;}/* main content */#layout{ width: 900px; overflow: hidden; height: 100%;}#content{ width: 875px; overflow: hidden; height: 100%;} Link to comment Share on other sites More sharing options...
TriAdX Posted January 25, 2007 Author Share Posted January 25, 2007 I appriciate your help on this... it is still displaying wrong in firefox... it looks better (no spaces in the header) but the text box's are still messed up. and now the IE version has spaces in the header...i hate this paste this in style.css. I corrected the 2 errors that were found. Also paste the code in my previous post. That's your home page error free except for the background image. It should look better now. Let me know./* global */html{height: 100%;}body{ font-family: Times new Roman; padding: 0px; margin: 0px; font-size: .68em;}#submenu{ font-family: Times new Roman; padding: 0px; margin: 0px; font-size: 1.2em; color:#cccccc}p{ margin: 0px; padding: 0px 0px 16px 0px; line-height: 1.7em;}h1{ font-family: arial, sans-serif; font-size: 108%; letter-spacing: .1em;}h2{ margin: 0px; padding: 0px 0px 4px 0px; font-size: 100%;}img{border: 0px;}a{outline: none;}/* image positioning - left, right and center */.left{ float: left; padding: 0px 8px 0px 0px;}.right{ float: right; padding: 0px 0px 0px 8px;}.center{ display: block; text-align: center; margin: 0 auto;}/* margin lefts / margin rights - to centre content */#main, #links, #footer, #layout, #content { margin-left: auto; margin-right: auto;}/* main container */#main{width: 908px; height: 100%;}/* links above the logo / footer */#footer{ width: 900px; height: 18px; font-size: 88%; text-transform: uppercase; padding: 10px 0px 0px 0px;}#links{text-align: right;}#footer{ text-align: center; }#links a, #footer a{text-decoration: none;}#links a:hover, #footer a:hover{text-decoration: underline;}/* main content */#layout{ width: 900px; overflow: hidden; height: 100%;}#content{ width: 875px; overflow: hidden; height: 100%;} Link to comment Share on other sites More sharing options...
vchris Posted January 25, 2007 Share Posted January 25, 2007 It's confusing the way you programmed your page. You used tables with divs. Why not use only one way? Either tables or divs. If your using tables might as well use it for the whole page structure. Link to comment Share on other sites More sharing options...
TriAdX Posted January 25, 2007 Author Share Posted January 25, 2007 Like i said.. i kinda combined a few elements from some pages and it screwed me all upi used to use tables alot but have been recently moving towards divs.. however, i have never used divs for image layout.. i usually just use photoshop/imagereadys slices (that endup in tables)this is why i need someone to go through and fix it up so that its proper... (id like to use divs since its kinda the new standard) It's confusing the way you programmed your page. You used tables with divs. Why not use only one way? Either tables or divs. If your using tables might as well use it for the whole page structure. Link to comment Share on other sites More sharing options...
vchris Posted January 25, 2007 Share Posted January 25, 2007 I could fix it up when I get time... Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now