Sign in
 
HomeLearnLibraryForums
Microsoft Expression >
> 
> 
Why doesn't one of my divs show up in preview of site designed in Expressions Web

问题 Why doesn't one of my divs show up in preview of site designed in Expressions Web

  • Saturday, November 24, 2012 3:38 AM
     
     
    Sign In to Vote
    0
    Hi, I'm an Expressions Web beginner, Can someone please tell me why the <div id= "transbox"> does not show when I preview my site. I'm getting the scrollbox and its contents showing up but not the larger box "transbox" with my photo as a background. I haven't yet published the site, so I can't send the url, but here is the code in the master.dwt.

         
    <div id="column_r"> 
     <div id="transbox">&nbsp;<br />
     

        

    <div id="transboxrefs" style="width: 286px" class="scrollBox">
    <div id="ScrollBox" style="width: 269px; height: 174px;" class="scrollBox">    

    These last two show up, it's the "transbox" that doesn't.

    Here's my definition for "transbox"

    }
    #transbox {
     border-style: groove;
     border-color: #CCCCCC;
     margin: 15px;
     padding: 15px;
     font-family: "Lucida Calligraphy";
     color: #000066;
     background-image: url('../photo_gallery/Medium%20Standing%20with%20Hat%20-%20Partial%20Crop.jpg');
     background-repeat: no-repeat;
     font-size: 1.1em;
     font-weight: bolder;
     float: none;
     height: 430px;
     ;
     width: 275px;
    }

     I'd appreciate any help you can give me. I've been working on this for days.

    Wenonsa

     

All Replies

  • Saturday, November 24, 2012 3:55 AM
     
      Has Code
    Sign In to Vote
    0

    I will jump in and tell you that unless you do post a link to the problem page (even if temporarily) you will likely not get a definite answer.  You could post the page and CSS to your ISP who should offer some free space, if not your host - and if/when you get an answer you can take the page down again.

    I don't know if this is the solution, but I see what is possibly a typo in your original code (or possibly added accidentally by copy/pasting the CSS into the forum message?) 

    On the second last line, following height:430px; on the next line there is an extra semi-colon, like below:

     height: 430px;
 ;
 width: 275px;

    Is that in your actual CSS code or accidentally typed in when you pasted the sample into your question?

    Double check your code and remove it and then see if the id works correctly to the DIV you've applied it to.

    Additional Info:

    I tried out this and found it works:

    <!DOCTYPE html>
<html>

<head>
<meta content="en-au" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style type="text/css">
#transbox {
 border-style: groove;
 border-color: #CCCCCC;
 margin: 15px;
 padding: 15px;
 font-family: "Lucida Calligraphy";
 color: #000066;
 background-image: url('../photo_gallery/Medium%20Standing%20with%20Hat%20-%20Partial%20Crop.jpg');
 background-repeat: no-repeat;
 font-size: 1.1em;
 font-weight: bolder;
 float: none;
 height: 430px;
 width: 275px;
}
</style>
</head>

<body>
<div id="transbox">This is the DIV transbox.</div>

</body>

</html>
    I don't actually think the extra semi colon is the problem, I can get this to work when the <style> block is in the same page, but not in an external style sheet.

    Andrew M


    http://www.murraywebs.com

    "Nothing spoils numbers faster than arithmetic!"
    -- Peppermint Patty (Peanuts, Charles M. Schulz)




    • Edited by AndrewOZ1 Saturday, November 24, 2012 4:01 AM
    • Edited by AndrewOZ1 Saturday, November 24, 2012 4:11 AM
    • Edited by AndrewOZ1 Saturday, November 24, 2012 4:17 AM
    •  
     
  • Saturday, November 24, 2012 3:59 AM
     
     
    Sign In to Vote
    0

    Read the Forum FAQs and Guidelines - Start Here, paying particular attention to Guideline #1. You must provide a link to the actual page, in situ, so that we can analyze all of the markup, CSS, etc. to determine the problem. Little snippets of incorrect syntax markup provides nothing at all. Publish the page, even if to a hidden folder on your site, then provide a link to it.

    cheers,
    scott

    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.

     
  • Saturday, November 24, 2012 4:32 AM
     
     
    Sign In to Vote
    0

    Andrew, her code is shot through with syntax errors. It is incomplete, without even closing tags. And after testing, it is easy to determine that a semicolon on a line by itself is ignored in CSS, treated as an empty selector, and having no effect on subsequent rules. That is why we require a link to the actual page for display issues.

    Please don't encourage such behavior by making wild ass guesses without even testing beforehand. Thank you.

    Wenonsa, post a link to your published page if you want help.

    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.

     
  • Saturday, November 24, 2012 4:40 AM
     
     
    Sign In to Vote
    0

    Aw, hell! I thought that I recognized that name. Wenonsa, whether you call yourself that or "Wendy" doesn't change what you were told the last time that you asked a question—you are expected to post a link to the published page when you ask questions concerning display/appearance. Please do so.

    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.