12 Replies Latest reply: Jun 29, 2012 2:58 AM by burnsallite RSS

    Text not showing in Design view - Why???

    burnsallite Community Member

      I am doing a DW course and using files created by the college which contain text already. When I open them up in DW CS5.5 - the design view does not show certain text, but it is obviously there in the SOurce code. It does show up in Live view and in a browser view.

       

      Can someone explain how and why this is happening in the design view and how I can rectify it?

       

      I've uploaded the pic below to show how I can highlight text in the SC and it doesn't show in the Design view!

       

      I'm working on a Mac 10.6.8

       

      Help - I'm at my wits end!

       

      Mandy

      main text highlight.png

        • 1. Re: Text not showing in Design view - Why???
          Ken Binney CommunityMVP

          What class is controlling the font color?

          Could it be white?

          • 2. Re: Text not showing in Design view - Why???
            MurraySummers CommunityMVP

            A link to this page would let us answer your question chop chop.  Can you post it?

            • 3. Re: Text not showing in Design view - Why???
              burnsallite Community Member

              Hi there!
              Murray - It's not a live webpage it's just a .htm document that we have to work with in DW, so there's nothing I can link it too.

              Ken - Thanks for your suggestion. I had a look earlier and my tutor remote control my computer to have a look and it was all set to a grey colour as it was supposed to be. He could not fathom it. It is supposed to be a default font of Times New Roman and I do have Times New Roman (who doesn't!?) but it doesn't work that way. I have found that if I go in and set the font manually to 'Georgia, Times New Roman, Times, serif' it works, but  it should work automatically!!! It's a bit bizarre! Do you think binning my fonts and reinstalling them could help?

              • 4. Re: Text not showing in Design view - Why???
                Nancy O. CommunityMVP

                Could be your Times New Roman font is corrupted.  Which OS do you have?

                 

                Nancy O.

                • 5. Re: Text not showing in Design view - Why???
                  MurraySummers CommunityMVP

                  So do you mean you have no webspace where you can park this page and its dependent files for an hour or two?  Surely you do.  Even a look at your pasted HTML and CSS in a reply would be better than this guessing game you are asking us to do now....

                  • 6. Re: Text not showing in Design view - Why???
                    burnsallite Community Member

                    Hello

                    Murray - I don't have any webspace where I can put it and my tutor has already checked the files I've been using and they work perfectly on his computer which is a PC, which is what is making me think it probably IS something to do with my fonts. I apologise if you feel that all I am doing is making you guess, but to be honest your guesses are better than my facts right now.  I've added the HTML/CSS info below as it appears in my source code. I'm not sure if this will be helpful

                     

                    Nancy - I will look into that and replace it - worth a go! The OS I'm on is Snow Leopard

                     

                    Thank you everyone

                     

                     

                    <style type="text/css">

                    <!--

                    body {

                        margin: 0;

                        padding: 0;

                        color: #333;

                        font-family: Arial, Helvetica, sans-serif;

                        font-size: 100%;

                        background-color: #00205B;

                    }

                     

                    /* ~~ Element/tag selectors ~~ */

                    ul, ol, dl {

                        padding: 0;

                        margin: 0;

                    }

                    h1, h2, h3, h4, h5, h6, p {

                        margin-top: 0;

                    }

                    a img {

                        border: none;

                    }

                     

                    /* ~~this fixed width container surrounds the other divs~~ */

                    .container {

                        width: 960px;

                        margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */

                        background-color: #FFF;

                        background-image: url(assets/images/container_bg.jpg);

                        background-repeat: repeat-y;

                    }

                     

                    .header {

                        background-color: #3C89C5;

                        background-image: url(assets/images/headerbg_ocean.jpg);

                        background-repeat: no-repeat;

                    }

                     

                    .sidebar1 {

                        float: left;

                        width: 200px;

                        padding-bottom: 10px;

                    }

                     

                    .sideContent {

                        margin-top: 10px;

                        margin-bottom: 5px;

                        margin-left: 10px;

                        background-color: #FFF;

                        border: 1px solid #666;

                        width: 178px;

                    }

                    .sideContent h3 {

                        font-size: 90%;

                        color: #FFF;

                        margin-bottom: 0px;

                        background-color: #2B898E;

                        padding-top: 5px;

                        padding-left: 5px;

                        padding-bottom: 5px;

                    }

                     

                    .sideContent p {

                        font-size: 80%;

                        margin: 5px;

                    .content {

                        width: 760px;

                        float: left;

                        padding-top: 10px;

                        padding-right: 0;

                        padding-bottom: 10px;

                        padding-left: 0;

                    }

                     

                    .content h1 {

                        font-size: 130%;

                        margin-top: 0;

                        color: #1A5089;

                        padding-top: 20px;

                        font-family: Georgia, "Times New Roman", Times, serif;

                        padding-left: 20px;

                    }

                     

                        .content h2 {

                        font-size: 110%;

                        color: #1A5089;

                        font-family: Georgia, "Times New Roman", Times, serif;

                        padding-left: 20px;

                    }

                     

                    .content p {

                        font-size: 90%;

                        line-height: 1.5; /* Adds space or "leading" between lines of text */

                        padding-left: 20px;

                    }

                     

                    .content li {

                        font-size: 85%;

                        list-style: square;

                        line-height: 1.4;

                    }

                     

                    .content ul, .content ol {

                        padding: 0 15px 15px 40px; 

                    }

                     

                     

                    ul.nav {

                        list-style: none;

                        margin-bottom: 15px;

                        margin-top: 30px;

                    }

                    ul.nav li {

                        margin-bottom: 3px;

                    }

                    ul.nav a, ul.nav a:visited { 

                        display: block;

                        width: 158px; 

                        text-decoration: none;

                        background-color: #FFF;

                        padding-top: 5px;

                        padding-right: 5px;

                        padding-bottom: 5px;

                        padding-left: 15px;

                        border: 1px solid #666;

                        margin-left: 10px;

                    }

                    ul.nav a:hover, ul.nav a:active, ul.nav a:focus{

                        color: #FFF;

                        background-color: #4796CF;

                    }

                     

                     

                    .footer {

                        padding: 10px 0;

                        position: relative;

                        clear: both;

                        background-color: #3773A5;

                        background-image: url(assets/images/footer_bg.jpg);

                        background-repeat: repeat-x;

                    }

                     

                    .footer ul {

                        padding: 0;

                        margin-top: 0;

                        margin-right: 0;

                        margin-bottom: 0;

                        margin-left: 220px;

                        }

                     

                    .footer li {

                        display: inline;

                        margin-right: 20px;

                        }

                    .footer a:link, .footer a:visited {

                        font-size: 80%;

                        color: #fff;

                        text-decoration: none;

                    }

                     

                    .footer a:hover, #footer a:focus, #footer a:active {

                        color: #124680;

                        background: #fff;

                        text-decoration: none;

                     

                    .fltrt { 

                        float: right;

                        margin-left: 8px;

                        margin-right: 15px;

                    }

                    .fltlft {

                        float: left;

                        margin-right: 8px;

                    }

                    .clearfloat { /

                        clear:both;

                        height:0;

                        font-size: 1px;

                        line-height: 0px;

                    }

                    .sideContent #specials {

                        float: right;

                    }

                    #logo {

                        display: block;

                    -->

                    </style></head>

                     

                    <body>

                     

                    <div class="container">

                      <div class="header"><a href="index.htm"><img src="assets/images/logo.jpg" alt="Caribe Travel Services" name="logo" width="213" height="144" id="logo" /></a>

                        <!-- end .header -->

                      </div>

                      <div class="sidebar1">

                        <ul class="nav">

                          <li><a href="#">Air Packages</a></li>

                          <li><a href="#">Cruises</a></li>

                          <li><a href="#">All Inclusive</a></li>

                          <li><a href="#">Resorts</a></li>

                          <li><a href="#">Contact Us</a></li>

                        </ul>

                       <div class="sideContent">

                          <h3>This Month's Special</h3>

                          <p>5 days in <strong>Jamaica</strong> <strong>for £450</strong> per person all inclusive! </p>

                        <p><img src="assets/images/specials.jpg" alt="Specials" name="specials" width="85" height="87" id="specials" />Stay at the fabulous Cape Hattie Resort in the charming cabins that have made this resort one of the area's favorites.The Cape Hattie Resort is a perfect getaway to chase those  blues away.</p></div>

                        <!-- end .sidebar1 --></div>

                      <div class="content">

                       <h1> Welcome to  Caribe Travel Services! </h1>

                        <p><img src="assets/images/sailboat.jpg" alt="Seagulls at the shore" name="dolphin" width="150" height="364" class="fltrt" id="dolphin" /><img src="assets/images/dolphinkiss.jpg" alt="Dolphins" width="190" height="152" class="fltlft" />We here at Caribe Travel Services are dedicated to making your dream vacation in the Caribbean a reality. Whether you're interested in an all-inclusive resort package, a cruise, or accommodations at one of the Caribbean's fine hotels, we at Caribe Travel Services are prepared to meet all of your needs. We offer comprehensive services that help you make that once in a lifetime vacation a real dream come true.</p>

                        <p>With over 25 years experience in booking travel exclusively in the Caribbean, Caribe Travel Services is your one-stop destination for the best in travel to the sunny destinations of the Caribbean Sea region.</p>

                        <h2>All inclusive travel packages</h2>

                        <p>We offer many services at Caribe Travel Services including the following:</p>

                        <ul>

                          <li>Comprehensive travel packages</li>

                          <li>Special air fares to all Caribbean destinations</li>

                          <li>Exclusive deals on some of the most sought after travel destinations in the Caribbean</li>

                          <li>Expert advice on the best travel destinations to meet your wishes  </li>

                        </ul>

                        <h2>What's Hot!</h2>

                        <table width="90%" border="0" align="center" cellpadding="4" cellspacing="4" id="hotspecials">

                          <tr>

                            <th scope="col">Resort Name</th>

                            <th scope="col">The Hot Deal</th>

                            <th scope="col">Prices</th>

                          </tr>

                          <tr>

                            <td>Cape Hattie Resort, Jamaica</td>

                            <td>5 days all inclusive!</td>

                            <td>£450 per person!</td>

                          </tr>

                          <tr>

                            <td>Club Med, Caravelle (Guadeloupe - French West Indies), </td>

                            <td>7 Day Family Beach Vacation special. All inclusive.</td>

                            <td>£525 per person!</td>

                          </tr>

                          <tr>

                            <td>Almond Resorts, Barbados and St. Lucia </td>

                            <td> 3 day all-Inclusive Caribbean Vacation </td>

                            <td>£325 per person. WOW!</td>

                          </tr>

                        </table>

                        <p> </p>

                        <!-- end .content --></div>

                      <div class="footer">

                        <ul>

                          <li><a href="index.htm">Home</a></li>

                        <li><a href="#">Packages</a></li>

                        <li><a href="#"> Specials</a></li>

                        <li><a href="#">Galleries</a></li>

                        <li><a href="#">Maps</a></li>

                        <li><a href="#">Testimonials</a></li>

                        <li><a href="#">Newsletter</a></li>

                        <li><a href="#">Contact</a></li>

                        </ul>

                        <!-- end .footer --></div>

                      <!-- end .container --></div>

                    </body>

                    </html>

                    • 7. Re: Text not showing in Design view - Why???
                      osgood_ CommunityMVP

                      The text shows up for me ok in Snow Leopard, however I noticed in the css you posted you have no closing } for your 'logo' css selector. It should be as below:

                       

                       

                      #logo {

                       

                          display: block;

                       

                      }

                       

                      -->

                      </style>

                      • 8. Re: Text not showing in Design view - Why???
                        burnsallite Community Member

                        Hi - yeah sorry about that. I pasted it in two stages and managed to paste over the closing!! It does appear on the original though - I checked!!

                        • 9. Re: Text not showing in Design view - Why???
                          osgood_ CommunityMVP

                          I notice on your image that you posted that the <h> tag text shows up.

                           

                          font-family: Georgia, "Times New Roman", Times, serif;

                           

                           

                          Swap the font-family below for the one above and see what happens.

                           

                          body {

                              margin: 0;

                              padding: 0;

                              color: #333;

                              font-family: Arial, Helvetica, sans-serif;

                              font-size: 100%;

                              background-color: #00205B;

                          }

                          • 10. Re: Text not showing in Design view - Why???
                            burnsallite Community Member

                            Hi osgood

                             

                            That's made the text visible!! Wonder why it wouldn't work with the arial? So odd!

                            Thank you xx

                            • 11. Re: Text not showing in Design view - Why???
                              osgood_ CommunityMVP

                              If you want a sans-serif font (one with no serifs) then you could try this combination:

                               

                              font-family: helvetica, verdana, sans-serif;

                               

                              It's likely that your 'arial' font is corrupt as Nancy suggested in her earlier post.

                              • 12. Re: Text not showing in Design view - Why???
                                burnsallite Community Member

                                That's grand - thank you so much for your help!