14 Replies Latest reply: Jan 5, 2013 6:18 AM by andie55 RSS

    Page justification in Live View is suddenly messed-up

    andie55 Community Member

      http://toohotpepperssalsa.com/contact.html

       

      I tried to change the height of the line from 25 to 20 and take out the cell padding at the top and bottom of the table and YIKES!  I changed back the line height to 25, I have done something wong in the setting and I can't even use the program for a new site with the setting messed up.  I had tried to create a new site and so I could copy the content but that didn't work.

       

      The page suddenly went to the right and the horizontal menu went vertical first.  When I've got it in DESIGN view, it's fine but when it LIVE VIEW or published, it's messed up.

       

      Please help.  I do have head injuries from many years ago and am trying to do this for my daughter-in-law.  THANK YOU for any help you can give me.  I've tried going through settings to check but have not gotten anywhere.

        • 1. Re: Page justification in Live View is suddenly messed-up
          Ben Pleysier CommunityMVP

          On line 17 of style.css, have a look at the highlighted

          #layout {

              width:0px;

              text-align:justify;

              line-height:25px;

              background:url(../images/layout.gif) left top no-repeat;

              padding:0px 71px 0px 76px;

              margin:0px auto;

          }

          • 2. Re: Page justification in Live View is suddenly messed-up
            andie55 Community Member

            I FOUND IT!  Yes, that is exactly like mine is. I was hoping mine was different and copying your's would magically fix mine.

             

            I just found a note in the Adobe Dreamweaver CS5 book by Joseph Lowery.  On page 527 it says

             

            "What about height?  The height attribute for the <table> tag has been removed in HTML 4.0 and higher by the W3C, and its further use is HIGHLY DISCOURAGED.  Although rendered in Dreamweaver, the attribute no longer functions properly in most modern browsers......  You'll need to use CSS (......) to set the height and, preferably, the width."

             

            My brain injuries make any "mapping" thinking, putting things together, figuring it out, REALLY hard, possibly impossible so I'm trying to understand how to back-track what I've done if I messed it up that way (the note).  This all started when I tried to remove 2 lines of cell-padding, then saw the line height at 25 when I was wanting it narrower, so changed it to 20 to see.  Changed it back right away.

             

            The left half of my page goes missing then all of it squeezes horizontally into the right half of the page WHEN IT GOES TO LIVE VIEW only.  I'm wondering if I have to find the right place in CSS [?] to re-size and/or put it in %. 

             

            I used to do alright in FrontPage years ago so I offered to do my daughter-in-law's website.  I hope I didn't wreck what I've done so far...

             

            THANK YOU for your help!!! 

            • 3. Re: Page justification in Live View is suddenly messed-up
              Ben Pleysier CommunityMVP

              I am glad that you found it.

               

              Sorry about my reply, with it I meant to point you in the correct direction, for example an element width of 0px will not show the element at all and cause all sorts of havoc (depending on the browser) for its contents.

               

              Normally it is not necessary for a height property to be set because the height will automatically adjust to the contents. Line-height can be used to give the desired effect.

               

              But to be honest, I think you should start with one of Dreamweaver's layout. Although the colours will not suit your application, these are easily altered within the CSS. This will give you a head (no pun intended) start.

              • 4. Re: Page justification in Live View is suddenly messed-up
                andie55 Community Member

                I am very grateful for your help!!  My settings were the same as you showed, should I change them?

                 

                I gave this particular template as a gift to them last Christmas and I thought I almost had it solved (and finished) until I did this...

                 

                Any hope of my recouping it so I can finish it? 

                • 5. Re: Page justification in Live View is suddenly messed-up
                  Ben Pleysier CommunityMVP

                  Any hope of my recouping it so I can finish it?

                  Yes there is!

                   

                  Just let me work at it. I'll get back to you

                  • 6. Re: Page justification in Live View is suddenly messed-up
                    Ben Pleysier CommunityMVP

                    Change line 17 of style.css to

                    width: 960px;

                    Then please come back here with the next problem

                    • 7. Re: Page justification in Live View is suddenly messed-up
                      andie55 Community Member

                      You are an answer to prayer!!!  You did it!!! 

                       

                      There's still something a little funny with the upper (besides me not knowing what to do with the logo title part besides basic text...)

                      section that didn't resolve with regular secretarial skills.  Were you expecting that? 

                       

                      Wow, good thing my host guy told not to hang myself yet 

                       

                      THANK YOU a million times over

                      • 8. Re: Page justification in Live View is suddenly messed-up
                        andie55 Community Member

                        This is how it looks now:

                         

                        http://toohotpepperssalsa.com/contact.html

                         

                        I think I can sleep now.  TY again 

                        • 9. Re: Page justification in Live View is suddenly messed-up
                          Ben Pleysier CommunityMVP

                          I am glad that you are feeling better although I cannot share the emotion with you. I can't see the change because you have not uploaded it as yet. Don't worry about doing that now, I need a few hours sleep and will come back after that.

                          • 10. Re: Page justification in Live View is suddenly messed-up
                            andie55 Community Member

                            For some reason I'm having a hard time finding a reply button on the Adobe site?  I do get mixed up sometimes.Was going to tease you though, because I DID reload the page and was guessing you hadn't refreshed it?  '-) Still getting over being sick, slept for many an hour.  I think I have to sleep again. Thank you so much,Deb 

                            Date: Wed, 2 Jan 2013 06:56:43 -0700

                            From: forums_noreply@adobe.com

                            To: andie627@live.com

                            Subject: Page justification in Live View is suddenly messed-up

                             

                             

                             

                             

                             

                             

                                  

                                       

                                       

                                       

                                Re: Page justification in Live View is suddenly messed-up

                             

                             

                                created by Altruistic Gramps in Dreamweaver General - View the full discussion

                             

                             

                             

                            I am glad that you are feeling better although I cannot share the emotion with you. I can't see the change because you have not uploaded it as yet. Don't worry about doing that now, I need a few hours sleep and will come back after that.

                             

                             

                                 Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4961812#4961812

                                 Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4961812#4961812

                                 To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4961812#4961812. In the Actions box on the right, click the Stop Email Notifications link.

                                  

                                 Start a new discussion in Dreamweaver General by email or at Adobe Community

                              For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

                            • 11. Re: Page justification in Live View is suddenly messed-up
                              andie55 Community Member

                              Hi!  Do you do work?...  I think I have to hire someone to help me, it's taken me way too long to get this far. I hope this gets through to you,Thank you again,Deb 

                              Date: Wed, 2 Jan 2013 06:56:43 -0700

                              From: forums_noreply@adobe.com

                              To: andie627@live.com

                              Subject: Page justification in Live View is suddenly messed-up

                               

                               

                               

                               

                               

                               

                                    

                                         

                                         

                                         

                                  Re: Page justification in Live View is suddenly messed-up

                               

                               

                                  created by Altruistic Gramps in Dreamweaver General - View the full discussion

                               

                               

                               

                              I am glad that you are feeling better although I cannot share the emotion with you. I can't see the change because you have not uploaded it as yet. Don't worry about doing that now, I need a few hours sleep and will come back after that.

                               

                               

                                   Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4961812#4961812

                                   Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4961812#4961812

                                   To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4961812#4961812. In the Actions box on the right, click the Stop Email Notifications link.

                                    

                                   Start a new discussion in Dreamweaver General by email or at Adobe Community

                                For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

                              • 12. Re: Page justification in Live View is suddenly messed-up
                                Nancy O. CommunityMVP

                                Hi Deb,

                                Gramps gets busy as do we all.  If he doesn't reply & you still need help with your site, you can contact me through my web site.

                                http://alt-web.com/contact.shtml

                                 

                                 

                                Nancy O.

                                Alt-Web Design & Publishing

                                Web | Graphics | Print | Media  Specialists 

                                http://alt-web.com/

                                • 13. Re: Page justification in Live View is suddenly messed-up
                                  Ben Pleysier CommunityMVP

                                  @Nancy,

                                   

                                  Thank you for your support, this is very much appreciated. I know you would do a great job, but after an 8 months' stint in Montreal, I feel obliged to give something back to the hospitable Canadians.

                                   

                                  @Deb,

                                   

                                  You are almost where you want the site to be. Don't give up! The problem that you have is associated with your grasp on the markup (HTML) and the styling (CSS) thereof. If you agree, we will start afresh. I propose the following stages:

                                  1. simplify the markup of index.html
                                  2. add style rules to the markup
                                  3. apply the common parts to the other pages

                                   

                                  Stage 1 - Simplify the markup

                                   

                                  Have a look at http://pleysier.com.au/deb/exercise.html The first thing you will notice is that the page is devoid of all styling, but does contain the full content of what you want to convey.

                                   

                                  Right click on the page and in the dropdown menu click on 'View Source" or similar.

                                   

                                  Here you will notice that the first few lines have changed to what is called HTML5 declarations. This is not only much simpler to remember, but it is also the latest declaration. You will also see that all the styling, including inline styling,  has been removed, the img elements have been modified and empty elements have been removed.

                                   

                                  Now rename your local version of index.html to index_old.html and create a new file called index.html. Copy the source code from the online version and paste that into the new file and save the file.

                                   

                                  Stage2 - Add styling to the layout

                                   

                                  Have a look at the stylesheet http://pleysier.com.au/deb/css/screen.css.

                                   

                                  We start the styling with so-called reset style rules. This resets the built-in browser default rules. This will ensure that our page will render the same in all browsers.

                                   

                                  Create a local file in the CSS subdirectory called screen.css and copy and paste the online contents into the new file.

                                   

                                  Go back into index.html and link the new style sheet as in

                                  <title>Design Style</title>

                                  <link rel="stylesheet" href="css/screen.css">

                                  </head>

                                  View the document in your browser and you should see a similar result to http://pleysier.com.au/deb/

                                   

                                  The next step is to create the other pages, but we will do this in a next session.

                                  • 14. Re: Page justification in Live View is suddenly messed-up
                                    andie55 Community Member

                                    I appreciate you so much.  Sounds wonderful does it mean I'm supposed to scrap the template I got them for Christmas last year (that they like so much)? Thank you for the encouragement.  I thought I had to give it up after all this lately but if I can do something with learning this, I would also be able to aspire to supporting myself again instead of being on disability.  A sheister person had charged my son and his wife $700. to do a site and then didn't deliver so I would love to be able to supply it, albeit brain injuries to deal with, for them.  To be useful on a "regular" level instead of just being my own miracle  I'm going out to help my daughter-in-law at her Farmer's Market Salsa booth today; we are cutting the hours for me down from 5 hours because I typically take 4-6 days to recover from it but it is good for me to get out and deal with people.  Also the first time I've lived around my son as an adult so it would be nice to be in on their lives in a positive, useful way. So I hope to get back to this asap but have to leave shortly.  I hope I use all the right words, sometimes I get tangled in the translation.  If that happens, please forgive me.  "Abstract" thinking is supposed to be impossible for me but I do try, today is 31 years since the accident.  You may be able to tell I was a secretary in my original training, took me years and years but my shorthand and typing came back before my "English" abilities '-) I have a brother who lives in the States, if that's where you live.  Anyone who has ever known him, from hockey goalies in college hockey to an orthopaedic surgeon, is a fan of his.  He went to his first 4 years of college in Maine and now lives in Pennsylvania.  He is helping me financially so it gives me the ability to do what I am trying to do with this web stuff   I apologize if a 'bio' seems odd but history has shown me it helps if people have a clue where I'm coming from   Thank you so much,Debra 

                                    Date: Sat, 5 Jan 2013 00:40:25 -0700

                                    From: forums_noreply@adobe.com

                                    To: andie627@live.com

                                    Subject: Page justification in Live View is suddenly messed-up

                                     

                                     

                                     

                                     

                                     

                                     

                                          

                                               

                                               

                                               

                                        Re: Page justification in Live View is suddenly messed-up

                                     

                                     

                                        created by Altruistic Gramps in Dreamweaver General - View the full discussion

                                     

                                     

                                     

                                    @Nancy, Thank you for your support, this is very much appreciated. I know you would do a great job, but after an 8 months' stint in Montreal, I feel obliged to give the something back to the hospitable Canadians. @Deb, You are almost where you want the site to be. Don't give up! The problem that you have is associated with your grasp on the markup (HTML) and the styling (CSS) thereof. If you agree, we will start afresh. I propose the following stages: simplify the markup of index.htmladd style rules to the markupapply the common parts to the other pages Stage 1 - Simplify the markup Have a look at http://pleysier.com.au/deb/exercise1.html. The first thing you will notice is that the page is devoid of all styling, but does contain the full content of what you want to convey. Right click on the page and in the dropdown menu click on 'View Source" or similar.  Here you will notice that the first few lines have changed to what is called HTML5 declarations. This is not only much simpler to remember, but it is also the latest declaration. You will also see that all the styling, including inline styling,  has been removed, the img elements have been modified and empty elements have been removed. Now rename your local version of index.html to index_old.html and create a new file called index.html. Copy the source code from the online version and paste that into the new file and save the file. Exercise 2 - Add styling to the layout Have a look at the stylesheet http://pleysier.com.au/deb/css/screen.css.  We start the styling with so-called reset style rules. This resets the built-in browser default rules. This will ensure that our page will render the same in all browsers.  Create a local file in the CSS subdirectory called screen.css and copy and paste the online contents into the new file. Go back into index.html and link the new style sheet as inView the document in your browser and you should see a similar result to http://pleysier.com.au/deb/ The next step is to create the other pages, but we will do this in a next session.

                                     

                                     

                                         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4969809#4969809

                                         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4969809#4969809

                                         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4969809#4969809. In the Actions box on the right, click the Stop Email Notifications link.

                                          

                                         Start a new discussion in Dreamweaver General by email or at Adobe Community

                                      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.