35 Replies Latest reply on Apr 4, 2013 10:21 AM by Nancy OShea

    Fluid Grids & IE8 - HELP PLS!!!

    Highlander20000 Level 1

      Hello, I have just experienced a new problem that my Edge banner  does not work in IE 8. So...., to cut a long story short, Edge gives you an option to make a copy snap shot form any of your edge animated pics for browsers like IE8 or  down level browsers. Basically it's just a static photo enabling these browser viewers to see at least your main titled banner.

       

      Since I am using CS6 fluid grid layouts and have already put together a Header, Navbar,Languagebar, Content and Footer, and uploaded to server, they all work fine in browsers like Safari, Firfox, G.Chrome, but when I try browsing using my old IE 8 the png image snap-shot of my edge banner shows , but my navbar has moved to the top and is covering the top part of the banner and my language banner seems to behind that as I cannot see it anymore when looking at IE8....?

       

      Can anyone help me please with this issue in IE8....?? Do I need to implement further settings in the cs6 fluid grid divs to keep them in place for this type of issue...?

       

      My url: www.albaholidays.com

       

      Looking forward to hearing from someone who can give me advice.

      Lachlan

        • 1. Re: Fluid Grids & IE8 - HELP PLS!!!
          Nancy OShea Adobe Community Professional & MVP

          Layout questions belong in the Dreamweaver General Discussion forum.  This is not an Edge Animate problem.

          http://forums.adobe.com/community/dreamweaver?view=discussions

           

           

          Nancy O.

          • 2. Re: Fluid Grids & IE8 - HELP PLS!!!
            Highlander20000 Level 1

            Hi Nancy, sorry for delayŠ. .

             

            My URL: www.albaholidays.com

             

            Thanks

            Lachlan Mac Lachlan

            1 person found this helpful
            • 3. Re: Fluid Grids & IE8 - HELP PLS!!!
              Highlander20000 Level 1

              Also, please check my link out on Explorer 8Š I do realise that my animation

              will

              Not work, but would like my fluid divs to behave as they would on the rest

              of the updated browsers ( I just see that my navbar and language bar go to

              top of Header div) et.

               

              Thank you Nancy O.

              Lachlan

              1 person found this helpful
              • 4. Re: Fluid Grids & IE8 - HELP PLS!!!
                Highlander20000 Level 1

                Hi Nancy, hope you got my previous message...! Thanks! remember it's happening on IE8.

                 

                Warmest regards,

                Lachlan

                1 person found this helpful
                • 5. Re: Fluid Grids & IE8 - HELP PLS!!!
                  Highlander20000 Level 1

                  ...Hello Nancy..., Just got your previous message now about Edge. However, I do believe that Dreamweaver cs6 and Edge HTML 5 ( both based on same issue) belong to each other becuase all my page banners  are influenced together and therein after fluctuated by Dreamweaver CSSSSSSS del.....

                   

                  Thanks again if you can help.

                   

                  Warmest regards,

                  Lachlan

                  • 6. Re: Fluid Grids & IE8 - HELP PLS!!!
                    Highlander20000 Level 1

                    Hi Nancy, I see that you are online with me.... thanks for all your help, I really appreciate it.

                     

                    Regards,

                    Lachlan

                    1 person found this helpful
                    • 7. Re: Fluid Grids & IE8 - HELP PLS!!!
                      Nancy OShea Adobe Community Professional & MVP

                      Your code is a real mess.  69 errors, duplicate <body> tags...

                       

                      The first thing you must do is open your Template.dwt file & fix all reported errors as this will effect how your page displays in ALL browsers, not just IE.  See the details below:

                      http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.albaholidays.com%2F

                       

                      Then add a conditional comment to your Template to target pre-IE9 browsers.  Conditional Comments go above the </head> tag and after all other CSS styles.   Give your #Navbar a CSS margin-top value to compensate for the missing animation in IE8.

                       

                      <!--[if lt IE 9]>
                      <style>
                           #Navbar {
                           margin-top: 300px; /*adjust this as req'd*/
                      </style>
                      <![endif]-->
                      

                       

                      Save Template.  Populate changes to child pages.

                       

                       

                      Nancy O.

                      • 8. Re: Fluid Grids & IE8 - HELP PLS!!!
                        Highlander20000 Level 1

                        Hello NancyŠ

                         

                        Thanks for your email and information on my siteŠ..Wow I have now checked

                        with DW and ran a report and it gives me a report of Warning: multiple title

                        tags. However, I do not clearly understand which title tagsŠ?? I also have

                        edge title tag in the same pageŠ..?

                         

                        Can you further clarify what these multiple title tags mean, as I am quite

                        new to html codingŠ?  I will insert your code once I have cleared up mess.

                         

                        Looking forward to rehearing from you.

                         

                        Thanks

                        Lachlan

                        • 9. Re: Fluid Grids & IE8 - HELP PLS!!!
                          Highlander20000 Level 1

                          HI Nancy, Just worked it out Š. There is a double title tag which I brought

                          in from edgeŠ.umŠ. Must go through all my 80 pages  Š. . Ooops. Oh well, it

                          will make me learn to be a lot more careful in the future.

                           

                          Thanks and will let you know how your code works.

                           

                          Cheers,

                          Lachlan

                          • 11. Re: Fluid Grids & IE8 - HELP PLS!!!
                            Highlander20000 Level 1

                            Thanks, NancyŠ . I am presently using CS6 DW and Edge for which I find quite

                            easy to build websites. However, I am pleased to have cleared up the

                            duplicate title  tags and ran complete site tests using dreamweaver and the

                            report has come out with no errors!

                             

                            I do understand a little about html, but as you know better than me one is

                            never too late to properly read and write HTMLŠ I think it's really nice and

                            more so satisfying when you create a page of html code work of your own and

                            to see the results.

                             

                            I will definitely take a look at these 2 linksŠ .

                             

                            Let me continue now and see how my changes have taken place Š. Oh I must

                            implement your code work into my templates in ref. to IE8. Will let you know

                            how I get onŠ .

                             

                            Cheers and thanks once again for your help.

                             

                            Lachlan

                            • 12. Re: Fluid Grids & IE8 - HELP PLS!!!
                              Highlander20000 Level 1

                              Hi Nancy, sorry to bother you again, but I would appreciate if you could

                              tell me exactly where should I implement your code for IE8. I see on my html

                              page at the very top there are already other scripts for IE browsers and was

                              thinking of pasting in thereŠ? But would  rather wait for your instruction.

                               

                              Thanks

                              Lachlan

                              • 13. Re: Fluid Grids & IE8 - HELP PLS!!!
                                Highlander20000 Level 1

                                Nancy, just pasted your code and it works perfectlyŠ!   When you get time

                                you can take a look to see if I put code in right place. I also left your

                                /adjust this as req'd/ text as I believe this is not so important, but for

                                me I will leave there to remind me to adjust accordingly.

                                 

                                Thank you again!!!!!!!!!!

                                 

                                Lachlan

                                • 14. Re: Fluid Grids & IE8 - HELP PLS!!!
                                  Highlander20000 Level 1

                                  Nancy, it's me again. Well, after going through my website again, I made a

                                  validation check and after I ran it it come out with 64 errors. I am trying

                                  to fix them, but need your advice in where to put the valuesŠ I have

                                  attached a few lines here for you to see and would appreciate if you could

                                  simplify:

                                   

                                  ErrorMacintosh

                                  HD:Users:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English

                                  Homepage .dwt

                                  <file:///Users/lachlanmaclachlan/Sites/Albaholidayswebsite/Macintosh%20HD:Us

                                  ers:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English%20Homepage

                                  %20.dwt> Bad value ../Albaholidays/Css FluidGrid/Fluidgridlayout.css for

                                  attribute href on element link: Whitespace in path component. Use %20 in

                                  place of spaces.17

                                  ErrorMacintosh

                                  HD:Users:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English

                                  Homepage .dwt

                                  <file:///Users/lachlanmaclachlan/Sites/Albaholidayswebsite/Macintosh%20HD:Us

                                  ers:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English%20Homepage

                                  %20.dwt> Bad value ../Albaholidays/index_files/css3menu1/icon sport.png for

                                  attribute src on element img: Whitespace in path component. Use %20 in place

                                  of spaces.80

                                  ErrorMacintosh

                                  HD:Users:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English

                                  Homepage .dwt

                                  <file:///Users/lachlanmaclachlan/Sites/Albaholidayswebsite/Macintosh%20HD:Us

                                  ers:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English%20Homepage

                                  %20.dwt> Bad value ../Albaholidays/index_files/css3menu1/icon nature.png for

                                  attribute src on element img: Whitespace in path component. Use %20 in place

                                  of spaces.90

                                  ErrorMacintosh

                                  HD:Users:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English

                                  Homepage .dwt

                                  <file:///Users/lachlanmaclachlan/Sites/Albaholidayswebsite/Macintosh%20HD:Us

                                  ers:lachlanmaclachlan:Sites:Albaholidayswebsite:Templates:English%20Homepage

                                  %20.dwt> Bad value ../Albaholidays/index_files/css3menu1/icon culture.png

                                  for attribute src on element img: Whitespace in path component. Use %20 in

                                  place of spaces.

                                   

                                   

                                   

                                  What is Whitespace in path componentŠ? I do understand that I will use %20

                                  in place of spaces but where on the lines must I change thisŠ? Whitespace in

                                  path component..?

                                   

                                  Sorry for my ignorance.

                                  Lachlan

                                  • 15. Re: Fluid Grids & IE8 - HELP PLS!!!
                                    Nancy OShea Adobe Community Professional & MVP

                                    67 errors in your code is still far from acceptable. HTML5 is very strict.

                                     

                                    Below is a stripped down version of your code without all the errors.  I had to remove the Editable Regions to be able to work with it.  NOTE:  I removed meta keywords because search engines ignore them and they won't help you.   Spaces in folder & filenames on the web is a bad idea.  In the meantime,  I replaced spaces with %20.  I also removed obsolete attributes from all your tables.  If you must use tables, learn to use CSS to style them.   This code will pass validation.

                                     

                                    <!doctype html>
                                    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
                                    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
                                    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
                                    <!--[if gt IE 8]><!-->
                                    <html class="">
                                    <!--<![endif]-->
                                    <head>
                                    <meta charset="UTF-8">
                                    <meta name="viewport" content="width=device-width, initial-scale=1">
                                    
                                    <title>Welcome to Albaholidays</title>
                                    <link href="boilerplate.css" rel="stylesheet" type="text/css">
                                    <link href="Css%20FluidGrid/Fluidgridlayout.css" rel="stylesheet" type="text/css">
                                    <script src="respond.min.js"></script>
                                    <link href="images/Favicon.ico" rel="shortcut icon">
                                    
                                    <!--Adobe Edge Runtime-->
                                    <script type="text/javascript" charset="utf-8" src="Homepage_edgePreload.js"></script>
                                    <style>
                                    .edgeLoad-EDGE-11933213 { visibility: hidden; }
                                    </style>
                                    <!--Adobe Edge Runtime End-->
                                      
                                    <link rel="stylesheet" href="index_files/css3menu1/style.css" type="text/css" />
                                    <style>
                                    body {
                                    margin: 0 auto;
                                    background-attachment: fixed;
                                    background-image: url(images/celticbackground3.gif);
                                    background-repeat: no-repeat;
                                    background-position: center top;
                                    }
                                    </style>
                                    <script type="text/javascript">
                                    function MM_openBrWindow(theURL,winName,features) { //v2.0
                                    window.open(theURL,winName,features);
                                    }
                                    </script>
                                    
                                    <!--[if lt IE 9]>
                                    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                                    <style>
                                    #Navbar {
                                    margin-top: 300px; /*adjust this as req'd*/
                                    </style>
                                    <![endif]-->
                                    
                                    </head>
                                    
                                    <body>
                                    <div id="Back-to-Top"></div>
                                    
                                    <div class="gridContainer clearfix">
                                    <div id="Header">
                                    <div id="Stage" class="EDGE-11933213"> </div>
                                    <div id="Navbar"> 
                                    <!-- Start css3menu.com BODY section id=1 -->
                                    <ul id="css3menu1" class="topmenu">
                                    <li class="topmenu"><a href="index.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/home.png" alt=""/>Home</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="AboutUs.html"><img src="index_files/css3menu1/service.png" alt=""/>About Us</a></li>
                                    <li class="sublast"><a href="Contactus.html"><img src="index_files/css3menu1/contact.png" alt=""/>Contact Us</a></li>
                                    <li class="subfirst"><a href="Englishcourses.html"><img src="index_files/css3menu1/service.png" alt=""/>English Courses</a></li>
                                    <li class="subfirst"><a href="Price%20List.html"><img src="index_files/css3menu1/money_pound.png" alt=""/>Prices </a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="Sport.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/icon%20sport.png" alt=""/>Sport</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="Fishing.html">Fishing</a></li>
                                    <li><a href="Cycling.html">Cycling</a></li>
                                    <li><a href="Horseriding.html">Horseriding</a></li>
                                    <li><a href="Golf.html">Golf</a></li>
                                    <li><a href="Adventure.html">Adventure</a></li>
                                    <li class="sublast"><a href="Watersports.html">Watersports</a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="Nature.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/icon%20nature.png" alt=""/>Nature</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="Gardens.html">Gardens</a></li>
                                    <li><a href="Walking.html">Walking</a></li>
                                    <li><a href="WildLife.html">Wildlife</a></li>
                                    <li class="sublast"><a href="Reserves.html">Reserves</a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="Culture.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/icon%20culture.png" alt=""/>Culture</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="Music&amp;Dance.html">Music &amp; Dance</a></li>
                                    <li><a href="HighlandGames.html">Highland Games</a></li>
                                    <li><a href="Whisky.html">Whisky</a></li>
                                    <li><a href="TheCelts.html">The Celts</a></li>
                                    <li class="sublast"><a href="Gastronomy.html">Gastronomy</a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="History.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/icon%20history.png" alt=""/>History</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="Castles.html">Castles</a></li>
                                    <li><a href="Museums.html">Museums</a></li>
                                    <li class="sublast"><a href="Archaeology.html">Archaeology</a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="Ocean.html" style="height:33px;line-height:33px;"><span><img src="index_files/css3menu1/icon%20ocean.png" alt=""/>Ocean</span></a>
                                    <ul>
                                    <li class="subfirst"><a href="Sailing.html">Sailing</a></li>
                                    <li><a href="Diving.html">Diving</a></li>
                                    <li><a href="BoatTrips.html">Boat Trips</a></li>
                                    <li><a href="Islands.html">Islands</a></li>
                                    <li class="sublast"><a href="Watersports.html">Watersport</a></li>
                                    </ul>
                                    </li>
                                    <li class="topmenu"><a href="Tours.html" style="height:33px;line-height:33px;"><img src="index_files/css3menu1/icon%20trips.png" alt=""/>Tours</a></li>
                                    <li class="toplast"><a href="Wheretostay.html" style="height:33px;line-height:33px;"><img src="index_files/css3menu1/icon%20wheretostay.png" alt=""/>Stay</a></li>
                                    </ul>
                                    <p style="display:none"><a href="http://css3menu.com/">Menus Using CSS3 Css3Menu.com</a></p> 
                                    <!-- End css3menu.com BODY section --> 
                                    <!--end navbar--></div>
                                    <!--end header--></div>
                                    
                                    <div id="Languagebar">
                                    <table>
                                    <tr>
                                    <td><a href="index.html"><img src="images/Web%20Images/Animation/United%20Kingdom.gif" alt="English Language" width="28" height="23"></a></td>
                                    <td><img src="images/Web%20Images/Animation/France.gif" alt="French Language" width="28" height="23"></td>
                                    <td><img src="images/Web%20Images/Animation/Spain.gif" alt="Spanish Language" width="28" height="23"></td>
                                    <td><img src="images/Web%20Images/Animation/Germany.gif" alt="German Language" width="28" height="23"></td>
                                    <td><a href="Indice.html"><img src="images/Web%20Images/Animation/Italy.gif" alt="Italian Language" width="28" height="23"></a></td>
                                    </tr>
                                    </table>
                                    <!--end Languagebar--></div>
                                    
                                    <div id="Content"> <p>insert text here</p> </div>
                                    
                                    
                                    <div id="Footer">
                                    <table>
                                    <tr>
                                    <td><div id="c_173697aa633394751f8a3a43020b389e" class="ancho">
                                    <h2 style="color: #036400; margin: 0 0 3px; padding: 2px; font: bold 13px/1.2 Verdana; text-align: center">Weather Argyll</h2></div>
                                    
                                    <div id="w_173697aa633394751f8a3a43020b389e" class="ancho" style="height:100%"></div>
                                    
                                    <script type="text/javascript" src="http://www.forecast.co.uk/widget/loader/173697aa633394751f8a3a43020b389e"></script>
                                    </td>
                                    <td><a href="https://twitter.com/Alba_Holidays" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Alba_Holidays</a> 
                                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </td>
                                    </tr>
                                    <tr>
                                    <td>English Language Courses<a href="Englishcourses.html" target="_blank"><img src="images/Web%20Images/Animation/spellingtestani2.gif" alt="English Courses" width="113" height="95"></a></td>
                                    <td><img src="images/Web%20Images/Animation/Underconstruction.gif" alt="Under Construction" width="148" height="93"></td>
                                    </tr>
                                    <tr>
                                    <td><p><img src="images/Web%20Images/Animation/Scottish%20Rampant.gif" alt="Rampant" width="139" height="100"></p></td>
                                    <td><a href="http://www.albaholidays.com/GuestBook/gbook.php" target="_blank"><img src="images/Web%20Images/Animation/Logo-Guestbook.gif" alt="Guest Book" width="120" height="100"></a></td>
                                    </tr>
                                    <tr>
                                    <td><a href="#Back-to-Top"><img src="images/Web%20Images/arrow_up.png" alt="Back to Top"></a></td>
                                    <td> </td>
                                    </tr>
                                    </table>
                                    <p class="Footer"><a href="index.html">Home</a> | <a href="Sport.html">Sport</a> | <a href="Nature.html">Nature</a> | <a href="Culture.html">Culture</a> | <a href="History.html">History</a> | <a href="Ocean.html">Ocean</a> | <a href="Tours.html">Tours</a> | <a href="Stay.html">Stay</a> | <a href="Contactus.html">Contact Us</a> | <a href="AboutUs.html">About Us</a> | <a href="Photogallery.html">Photo Gallery</a> | <a href="AboutUs.html">Guest Book</a> | <a href="Map.html">Map</a> | <a href="Usefullinks.html">Useful Links</a></p> <p class="Footer"><span class="style24 style25"><em>// Last updated: 
                                    <!-- #BeginDate format:Am1 -->March 14, 2013<!-- #EndDate --> 
                                    </em> // Webmaster: L. Mac Lachlan - Copyright © 2013  All rights reserved //</span></p> 
                                    <!--end footer--></div>
                                    <!--end gridContainer--></div>
                                    
                                    </body>
                                    </html>
                                    
                                    

                                     

                                    Nancy O.

                                    • 16. Re: Fluid Grids & IE8 - HELP PLS!!!
                                      Highlander20000 Level 1

                                      Good morning, Nancy. I have just tried with the first 2 lines that you

                                      reorganised, but when I take away  for example../Albaholidays/ and replace

                                      with <link href="Css%20FluidGrid/Fluidgridlayout.css" rel="stylesheet"

                                      type="text the whole template loses its configuration style etcŠ.? ?   I am

                                      definitely doing something wrong for the template to change its size etc.

                                       

                                      Looking forward to hearing from you.

                                      Lachlan

                                      • 17. Re: Fluid Grids & IE8 - HELP PLS!!!
                                        Nancy OShea Adobe Community Professional & MVP

                                        Suggest you rename all files WITHOUT SPACES in DW.  Then remove %20 from your code with Find & Replace.

                                         

                                         

                                        Nancy O.

                                        • 18. Re: Fluid Grids & IE8 - HELP PLS!!!
                                          Highlander20000 Level 1

                                          Nancy, please find attached a results report generated by Dreamy cs6.   I

                                          hope you can sus this out and to find a solution to this because I did not

                                          change any code Š. All made by Dreamweaver. I have renamed all files without

                                          spaces, including Dreamweaver DWT (templates), but still showing same errors

                                          64-65-68 etc. Š.

                                           

                                          Hope U can make sense of thee attachment.

                                           

                                          Thanks again

                                          Lachlan

                                          • 19. Re: Fluid Grids & IE8 - HELP PLS!!!
                                            Highlander20000 Level 1

                                            Hi Nancy, wellŠ.., after renaming my files using dreamweaver ( file save as

                                            and write over previous file updating links etc.) without spaces, I still

                                            have the validation errors. However, I realised something important that

                                            most of them with white spaces have been created by CSS1 havbar png images

                                            in the images files where there are white spaces. Now I am back to the

                                            template and getting rid of white spaces using your %20 and already seeing

                                            that I have come down to 50Š . It will take me a while but once done and

                                            refreshed on the server, I would like to move on the remaining errors for

                                            which is td css styling in my footer. I thought I used css to style my

                                            tableŠ? Anyway we can move on to that once I have finished of these white

                                            space issues.

                                             

                                            Thanks for your patience.

                                             

                                            Lachlan

                                            • 20. Re: Fluid Grids & IE8 - HELP PLS!!!
                                              Highlander20000 Level 1

                                              Nancy, I have restarted againŠ. ! Divs are in place and made my templates.

                                              Now, I see when I insert a table from cs6, I immediately check it in

                                              validation and comes out with 3 errors representing height, width, border

                                              use css for styling, but I am using the properties panel below: edit rule

                                              table and I make adjustments, but it still generates errorsŠ??

                                               

                                              Can you help me on this one. Since I have decided to start at beginning.

                                               

                                              Cheers,

                                              Lachlan

                                               

                                              P.s. I also have Dreamweaver cs3 manual and tells me about tables and

                                              content and styling, but I cannot understand why it is generating errors . .

                                              . ?

                                              • 21. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                Nancy OShea Adobe Community Professional & MVP

                                                I prefer not to use tables for layouts.  Tables are actually intended for tabular data such as spreadsheets or charts.  Also tables do not look nice in small mobile devices.  Since you're using FluidGrid Layouts anyway, why don't you create divisions to replace your tables?

                                                 

                                                Live Example (no tables)

                                                http://alt-web.com/FluidGrid/Fluid2.html

                                                 

                                                Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6

                                                http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html

                                                 

                                                 

                                                Nancy O.

                                                • 22. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                  Highlander20000 Level 1

                                                  Okay, I will follow your rule. But what about my contact form where my

                                                  future clients need to contact meŠ? As you can see it's full of errorsŠ .

                                                  CS3 when I built this contact form, I never thought about the errors and it

                                                  does work as I have configured it correctly using my personal email etc. But

                                                  as you are right it's got table errors. I am wondering if it is at all

                                                  possible for your to inform me on a contact form html 5 so I can get

                                                  cracking on with this siteŠ ? I am spending hours and hours, but not

                                                  complaining as I am learning a lot. Thanks to you.

                                                   

                                                  I like the attachments and the second link I already saw and have taken

                                                  note. The first link is nice and will have to adapt to this type of style.

                                                  However, I need a contact form as you can see the one I designed but not

                                                  validated by CSS rules.

                                                   

                                                  The reason I used tables was for the simplicity of keeping my social network

                                                  in line etc., but as you said, I will try using divs instead.

                                                   

                                                  Can you see what you can do or advise about my contact formŠ?

                                                   

                                                  Thanks,

                                                  Lachlan

                                                  • 23. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                    Nancy OShea Adobe Community Professional & MVP

                                                    Your contact page contains the same errors you had in your index page.  Re-build it.   You don't need tables for forms either. Use CSS .

                                                    http://alt-web.com/DEMOS/CSS-Form.shtml

                                                     

                                                     

                                                     

                                                    Nancy O.

                                                    • 24. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                      Highlander20000 Level 1

                                                      Thank you NancyŠ! It looks good that demo on css forms. The only thing is

                                                      that it\s based on pixels. I was thinking, I can also take separate field

                                                      boxes using fluid divs and create within Š. As you said without tables. I

                                                      have already re-created my templates and just adding some background box

                                                      shadow and I AM ALWAYS CHECKING MY W3 VALIDATOR ON CS6Š AND UP UNTIL NOW

                                                      IT'S ALL ERROR FREEEEE.   I also cleared up issue pertaining to my navbar

                                                      css as there were spaces in the png file names, folders etc. now it's all

                                                      without spaces. I have also checked my edge animation and  ran it through

                                                      DW3 and believe me it also gave 1 error, removed an unnecessary line and

                                                      saved and reassessed and now ready to implement into header.

                                                       

                                                      I will up load my first few pages a little later in the week.   I will have

                                                      to work on my mail form tomorrowŠ Let's see how that goes. I must also

                                                      upload in my template your script for famous IE8 and in a way I was rather

                                                      fortunate to contact you as you managed to make me realise a whole lot of

                                                      new issuesŠ!

                                                       

                                                      I will be in touch and thanks again Nancy for your helpŠ. !!!!!!!!! )

                                                       

                                                      Lachlan

                                                      • 25. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                        Highlander20000 Level 1

                                                        Hi Nancy, I am wondering if you can help me with this tag issue below:  I

                                                        have taken my edge banner into my index page and is working fine. However,

                                                        as I am now keeping a check on validation there is 1 error in my page on

                                                        line 69. I have copied this line herewith below for your review and

                                                        wondering if you can help me close this tag or resolve Š??

                                                         

                                                         

                                                        SeverityFileDescriptionLine

                                                        ErrorMacintosh

                                                        HD:Users:lachlanmaclachlan:Sites:Albaholidayswebsite:Albaholidays:index.html

                                                         

                                                         

                                                         

                                                         

                                                         

                                                        Thanks,

                                                        Lachlan

                                                        • 26. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                          Highlander20000 Level 1

                                                          Hi Nancy, I just want to send you full html code of my index.html. It will

                                                          give you a better idea on line 69:

                                                           

                                                          <!doctype html>

                                                          <!> <html class="ie6 oldie"> <![endif]>

                                                          <!>    <html class="ie7 oldie"> <![endif]>

                                                          <!>    <html class="ie8 oldie"> <![endif]>

                                                          <!><!>

                                                           

                                                          <!<![endif]>

                                                           

                                                          <!--

                                                          To learn more about the conditional comments around the html tags at the top

                                                          of the file:

                                                          paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

                                                           

                                                          Do the following if you're using your customized build of modernizr

                                                          (http://www.modernizr.com/):

                                                          • insert the link to your js here

                                                          • remove the link below to the html5shiv

                                                          • add the "no-js" class to the html tags at the top

                                                          • you can also remove the link to respond.min.js if you included the MQ

                                                          Polyfill in your modernizr build

                                                          -->

                                                          <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <script src="respond.min.js"></script> <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> <meta name="keywords" content="Alba,Holidays,Alba, Albaholidays, Alba, Holidays, Holiday, Sea,Ocean,Water,River,Fly,Fishing,Fly Fishing,Rain,Wind,Beautiful,Walking,Running,Cycling,History,Sport,Culture,Sc otland,Fishing,Walking,Islands,Sailing,Argyll, Haggis,Flyfishing,Celtic,Whisky,Music,Kayak"> <link href="images/Favicon.ico" rel="shortcut icon"> <!--[if lt IE 9]> <style>

                                                               #Navbar {

                                                               margin-top: 300px; /adjust this as req'd/


                                                           

                                                           

                                                          <!Adobe Edge Runtime>

                                                               

                                                           

                                                          <!Adobe Edge Runtime End>

                                                           

                                                           

                                                            !images/WebImages/Animation/unitedkingdom.gif|height=23|alt=English|width=28|src=images/W ebImages/Animation/unitedkingdom.gif! French src="images/WebImages/Animation/Spain.gif" alt="Spanish" width="28"
                                                          height="23">!images/WebImages/Animation/Germany.gif|height=23|alt=German|width=28|src=imag es/WebImages/Animation/Germany.gif! !images/WebImages/Animation/Italy.gif|height=23|alt=Italian|width=28|src=images/WebImages /Animation/Italy.gif!






                                                          This is the content for Layout Div Tag "Content"


                                                           


                                                           


                                                           


                                                           


                                                           


                                                           






                                                          This is the content for Layout Div Tag "Weather"




                                                          This is the content for Layout Div Tag "Twitter








                                                           

                                                           

                                                          [Home | #] | Sport | href="#">Nature | Culture | History | href="#">Ocean | Tours | Stay | href="#">Contact Us | About Us | Photo
                                                          Gallery
                                                          | Map | Useful Links  

                                                             






                                                          </html

                                                          • 27. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                            Highlander20000 Level 1

                                                            Hi Nancy, do not worry, I managed to work it out:    It lacked a closing div tag on my class

                                                            edge. Now all is error free.

                                                            Thanks

                                                            Lachlan

                                                            • 28. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                              Highlander20000 Level 1

                                                              Nancy can you take a quick look at my index page and see as to why my navbar

                                                              shoots off to the top of the banner also my language div has also

                                                              disappearedŠ.?  I am cracking up on this one. I have tired z index etc. but

                                                              still no joy.

                                                               

                                                              Thanks,

                                                              Lachlan

                                                              • 29. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                Highlander20000 Level 1

                                                                Hi Nancy, Just want to say hello and have just loaded my index page made

                                                                from template also italian language ( I speak and write 5 languages). I hope

                                                                you can see that I have added a few items and had some difficulty with

                                                                twitter plugin Š 6 errors, but managed to rid them.

                                                                 

                                                                I want to thank you once again for having had such an input on html 5Š and

                                                                now I'm running along without not too many probsŠ thanks to you.  I am

                                                                working on my contact form (Css ")" let's see how that goes.

                                                                 

                                                                Take a look on when you get time and let me know what you think.

                                                                 

                                                                Cheers,

                                                                Lachlan

                                                                • 30. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                  Highlander20000 Level 1

                                                                  Hi Nancy, Just to let you know that I am getting on okay with html 5Š.. No

                                                                  errors so far. I have managed to make my contact form in css and must say

                                                                  using fluid grids it comes up a lot better especially for mobile and tablet.

                                                                   

                                                                  You can take a look and see what you think.

                                                                   

                                                                  Cheers,

                                                                  Lachlan

                                                                  • 31. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                    Nancy OShea Adobe Community Professional & MVP

                                                                    This link is 404 not found on server.

                                                                    http://www.albaholidays.com/Contactus.html

                                                                     

                                                                     

                                                                    Nancy O.

                                                                    • 32. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                      Highlander20000 Level 1

                                                                      Hi Nancy, I am wondering if you can help me add a Captcha security image to

                                                                      my contact form-to-mail as I am finding it rather complicatedŠ.?

                                                                       

                                                                      Looking forward to hearing from you.

                                                                      Thanks

                                                                      Lachlan

                                                                      • 33. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                        Nancy OShea Adobe Community Professional & MVP

                                                                        I don't believe in using Captchas.  They're not web friendly.  They're hard to read and often lead to form submission failures which frustrates humans. 

                                                                         

                                                                        A much better approach is to use a hidden field *honeypot* to trap spam bots.  The principle is very simple. Spam bots can't resist filling in form fields.  If the nospam field is completed, the PHP script aborts the procedure and you never see the message.   I have used hidden fields on forms for years on multiple web sites with very good results.  The only spam we get is from humans and Captchas can't stop that either.

                                                                         

                                                                         

                                                                        Nancy O.

                                                                        • 34. Re: Fluid Grids & IE8 - HELP PLS!!!
                                                                          Highlander20000 Level 1

                                                                          Hi Nancy, hope you are doing fine. Thanks for your message and also agree

                                                                          with you, THEY ARE NOT WEB FRIENDLYŠ having some knowledge of hidden fields

                                                                          I would like to implement this honeypot to trap spam bots etc. and wondering

                                                                          if you could help or give further info. On this.. I would be grateful.

                                                                           

                                                                           

                                                                          You can now see a little more of my never ending website, including contact

                                                                          form made with css.

                                                                           

                                                                          Thanks

                                                                          Lachlan