Similar Questions

• CSS is not displayed correctly

  My CSS file includes the following formatting for a "Note":

  p.Note {}

  border-left-style: Solid;

  border-right-style: Solid;

  border-top-style: Solid;

  border-bottom-style: Solid;

  background-color: #fafade;

  padding-left: 12px;

  padding-right: 12px;

  padding-top: 6px;

  padding-bottom: 6px;

  do-size: 9pt;

  line-height: 12pt;

  border-left-width: 1px;

  border-right-width: 1px;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-left-color: #a3a5a7;

  border-right-color: #a3a5a7;

  border-bottom-color: #a3a5a7;

  border-bottom-color: #a3a5a7;

  top of the margin: 12px;

  x-next-class:;

  x-next-type: P;

  margin-bottom: 12px;

  }

  In IE 11, not using the Mode = edge Document, the CSS is applied as expected:

  

  In IE 11, using the Document = edge Mode, the CSS is not applied as expected:

  

  I suspect that the problem is with the CSS itself.  CSS is correctly displayed in the design view of the topic in RH10, but may not display correctly if I display the help topic for the command CTRL + W in RoboHelp and is not correctly displayed in the project compiled in Chrome or FireFox.  Any ideas?  Thank you!

  Solved.  The class tag was applied as something like "note" rather than "Note."  CSS and changed case now appear as expected.

• Images of sliding doors CSS does not display mode live view

  Background images are in the design view, however, when I go to live view and mode web the origins disappear. The button keeps all other formatting. Must be an error in my css, so I hope that it is... haha. Any help would be appreciated. Thank you.
  
  The code that that concerns me is in the end (sorry on this subject):
  
  HTML: < a class = "button" href = "#" > < span > < /a > </span > buttons
  

  
  CSS code:
  
  {body
  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #f2f2f2;
  margin: 0;
  padding: 0;
  Color: #000;
  do-size: 14px;
  text-align: justify;
  }
  
  span. MenuHead
  {
  do-family: 'Trebuchet MS', Helvetica, without serif.
  padding: 5px 5px 5px 15px;
  color: #888686;
  font-size: XL;
  }
  span.bodyheader1
  {
  do-family: 'Trebuchet MS', Helvetica, without serif.
  color: #888686;
  }
  span.bodyheader2
  {
  do-family: 'Trebuchet MS', Helvetica, without serif.
  color: #db1928;
  }
  / * ~ ~ Tag of the element selectors ~ ~ *.
  UL, ol, dl {}
  
  padding: 0;
  margin: 0;
  color: #383838;
  }
  H1, h2, h3, h4, h5, h6 {}
  margin-top: 0;
  padding-right: 15px;
  padding-left: 15px;
  color: #383838;
  text-align: left;
  }
  
  p
  {
  margin-top: 0;
  padding-right: 15px;
  padding-left: 15px;
  color: #383838;
  }
  
  an img {}
  border: none;
  }
  
  a: link {}
  color: #414958;
  text-decoration: underline;
  }
  a: visited {}
  color: #c03;
  text-decoration: underline;
  }
  a: hover, a: active, a: {emphasis
  
  text-decoration: none;
  make-weight: bold;
  color: #db1928;
  }
  
  . Container {}
  
  Width: 800px;
  Background: #FFF;
  margin: 0 auto;
  }
  
  . Header {}
  Background: #FFF;
  }
  
  {.sidebar1}
  float: left;
  Width: 20%;
  Background: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  
  . Happy {}
  padding: 10px 0;
  Width: 80%;
  float: left;
  
  }
  
  . Content ul, ol {} content
  padding: 0 15px 15px 40px;
  }
  
  UL. NAV {}
  list-style: none;
  margin-bottom: 15px;
  }
  
  UL. NAV, the ul.nav: visited {}
  
  padding: 5px 5px 5px 15px;
  display: block;
  text-decoration: none;
  Background: #FFF;
  Color: #000;
  }
  UL. NAV a: hover, ul.nav a: active ul.nav, one: {emphasis
  
  background: #f2f2f2;
  color: #888686;
  }
  
  .footer {}
  Padding: 15px 0;
  Background: #FFF;
  do-size: 12px;
  position: relative;
  Clear: both;
  }
  
  {.subheading}
  color: #db1928;
  make-weight: bold;
  do-size: 16px;
  }
  .logo {}
  display: block;
  Width: 95%;
  margin-right: auto;
  left margin: auto;
  padding-bottom: 20px;
  }
  {.logopadding}
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  }
  
  list {}
  do-size: 16px;
  color: #db1928;
  }
  
  .picright
  {
  float: right;
  Width: 105px;
  margin: 0 10px 10px 10px;
  }
  
  .picleft
  {
  float: left;
  Width: 170px;
  margin: 0 5px 5px 5px;
  }
  
  .uppertext
  {
  float: left;
  Width: 510px;
  }
  
  .lowertext
  {
  float: right;
  Width: 460px;
  }
  
  . Center
  {
  text-align: center;
  }
  
  / * - THIS IS THE CODE THAT I CUT AND PASTED-* /.
  
  . Clear {/ * generic container (i.e. div) for floating buttons * /}
  overflow: hidden;
  Width: 100%;
  }
  
  {a.Button}
  background: transparent url('images\bg_button_a.gif') top no-repeat scroll right;
  color: #444;
  display: block;
  float: left;
  font: 12px arial normal, without serif.
  height: 24 PX.
  right margin: 6px;
  padding-right: 18px; / * sliding doors padding * /.
  text-decoration: none;
  }
  
  a.Button span {}
  background: transparent url('images\bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 5px 0 18px;
  }

  Now, I see something obvious.  You used REVERSE slashes in the path to the images.  There is NO backslashes on the web.  They should be oblique.

  background: transparent url('images/bg_button_span.gif') no-repeat;

• Images and CSS does not display in Design view

  I went from MX in DW 8 and now have this problem in Preview/design mode:
  
  Styles do not display at all. I'm a link to the CSS page, like this:
  "< LINK REL ="stylesheet"type =" text/css"href="/includes/main.css ">
  
  Images are not displayed when linking via the root directory. I am a link as follows:
  "< img src="/images/a1_banner.gif ">
  
  If I remove the first "/" (or use '... / "as appropriate), it is displayed correctly.
  
  Any thoughts... ?

  Here's what I had implemented badly.

  I had entered the URL of the website where it says "this address is used for links to the site and for the Link Checker to detect the HTTP links that send back to your own site.»

  I removed this URL and everything is now display as it should.

• Problem with styles Css does not display mode live view or when I browse

  I use Mac OS x 10.6 and construction Web site with Dreamweaver CS5.  I sometimes create div tags no styles or rendering mode display live view or when I browse but showing in design mode. I looked in dreamwever faq and they speak not no projection in Design view to toggle the display styles. This isn't the problem because it is checked, and I tried to turn on and off and made no difference. I use the firefox browser.

  
  

  It happened before the other day too. But all my other pages of this website that I created in the same way the construction with DIV tags and css styles So, not sure what is the problem. Maybe someone has a suggestion here.

  
  

  Johanna

  http://johannabresnahan.com/CSS/jbstyles.CSS

  {Line 420 is missing a closing brace} for the rest of the style sheet is either misinterpreted, including rules #mm1thumb and #mm2thumb.

  #footer {}
  background-color: #263f64;
  Clear: both;
  float: left;
  height: 150px;
  Width: 881px;
  position: relative;
  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.
  do-size: 9pt;
  make-style: normal;
  line-height: 9pt;
  make-weight: normal;
  do-variant: normal;
  text-transform: none;
  color: #FFF;
  text-decoration: none;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-indent: 525px;
  } / * THIS CLOSING BRACE IS MISSING * /.

• My Web site page is not displayed in IE7 and going odd in Safari

  Hi, I'm working on a website ( www.katecornish.co.uk ) for someone.  In Firefox, the entire site seems well.  In IE the page "Attica 09' (www.katecornish.co.uk/Attic09.html) displayed at all, I just get a blank page."  In Safari displays this page, but the CSS is messed up and the h1 and h2 tags are just big black characters rather than the styles that I created.

  Can someone help before I give up Web design forever?

  Thanks in advance!

  Kate.

  I think Safari is more strictly the processing your code then are other browsers.  "Through this 2nd page of the validator: http://validator.w3.org/ , shows that your header code is a link to a lightbox css file that does not exist, your document title end tag is just ' / title > ' missing right the"<", a="" script="" tag="" that="" ends="" but="" doesn't="" match="" up="" with="" an="" opening="" and="" some="" other="" minor="" errors. ="" see="" if="" fixing="" those="" tags="" helps="">

• Bold randomly CSS, but not in the code!

  Hi people,
  Frustrated here... Last year 7 DIY web design (with DW3 and now 8) I've never been so perplexed to the need to ask for help.
  As far as I can tell, DW is automatically updated in the sections of text bold, often the first cell of a table, but with no code which shows he was in bold. Copy as unfat CSS of a section text in that cell block not formatted will be "BOLD" it.
  http://35th-services.com/outdoor-rec.htm
  Here is an example of bold randomly... In the section at the bottom of the page, you will see the hours entered for a few facilities. DW has bold text for cells 1st and 3rd in this block, but the code does not consider that - only facility names are supposed to be in bold.
  The problematic code section is below if you do not source it:
  Help! I know it seems minor, but it's very annoying. Thanks in advance for your help - hopefully it's something minor I am dominant, but darn if I can tell what!
  ~ KT

  You're right about the use of DW to create the code (only one of the many reasons I like DW!). I didn't realize that I had been involuntarily create headers. So now I know not only how to fix those I messed up, I also learned how to avoid making the same mistake in the future.
  Also, thanks for the heads-up on the screen being off in FF. I downloaded it so I can test my pages in the browser as well as IE.
  Thank you both for the help!
  ~ KT

• No photo displayed in IE7 ok in Firefox

  Photo not displayed in IE7 but ok in firefox?
  http://www.jellocafe.com/

  Your page does not validate. Fix validation errors.

• CSS is not correctly displayed in Firefox

  My new CSS layout is beautiful in IE7 (weird), however, it does not correctly render in Firefox. I always do some research before posting here, but I'm completely helpless now. I'm very new to CSS, this is my first page I put on the use of this language. Virtually none of the higher margins work, and my image of false column does not appear. I will attach the HTML and the CSS and see if someone can point out what's wrong with Firefox.

  nowherecreative wrote:
  > My new CSS layout is beautiful in IE7 (weird), however, it is not made
  > correctly in Firefox. I always do some research before posting here, but I'm
  > now completely impotent. I'm very new to CSS, this is my first page I put
  > on the use of this language. Virtually none of the higher margins are not working and my
  > does not display a false image of columns. I'll join the HTML and the CSS and see if
  > can anyone point out what's wrong with Firefox.

  Hello

  Try floating this rule #page - container2 left.

  HTH

  --
  Chin chin
  Sinclair

• Safari 9.1.3 textedit html/css not displaying does not correctly

  I am trying to learn html/css and I'm going through a basis of teaching course that you type some html and css style, and then open it in Safari.

  I went to textedit preferences and selected plain text, I unchecked .txt extension and saved as index.html to try it in safari, and it does not display properly, are there other settings should I set in textedit or safari so that it appears correctly. Here is my simple html text. Safari does not display the style.

  < html >

  < head >

  < title > coffee Starbuzz < /title >

  < style type = "text/css" >

  {body

  background-color: #d2b48c;

  left margin: 20%;

  right margin: 20%;

  Border: 2px dotted black;

  padding: 10px 10px 10px 10px

  do-family: without serif.

  }

  < / style >

  < / head >

  < body >

  Drinks at the coffee Starrbuzz < h1 > < / h1 >

  House mix of < h2 > $ 1.49 < / h2 >

  A smooth, sweet blend of < p > coffee from Mexico, Guatemala and bolivar. < /p >

  < h2 > moka Caffè Latte, $2.35 < / h2 >

  < p > Espresso, steamed milk chocolate syrup. < /p >

  < h2 > Cappuccino, $1.89 < / h2 >

  mix of espresso, steamed milk and milk foam. < /p > < p >

  < h2 > the Chai, $1.85 < / h2 >

  < p > a spicy drink made with black tea, spices, milk and honey < /p >

  < / body >

  < / html >

  My iOS is 10.11.6 Safari is 9.1.3

  Thank you

  Mike

  Have you tried to give the file an extension .css?

• Background images are not displayed (CSS, other images ok

  I tried to empty cache, watched: config for odd configurations, made a private window and disabled all extensions. None of them had no effect.

  Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - two of these pages have loaded by CSS background pictures. For example, the Amazon logo at the top left is a background loaded from a CSS page. The image itself can be found in gross:
  http://g-ECX.images-Amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.PNG

  This image cannot:
  https://developer.Mozilla.org/samples/cssref/images/starsolid.gif

  But why, why why these images are displayed on their relevant Web pages? I see that Amazon, eBay, and many other sites Web without a range full of images. In particular those used for menus and other important navigation buttons.

  Here's what I see on the Mozilla page mentioned above: I see the text, but no expandable star image. It works in other browsers and on other computers in Firefox.

  The page that I tap on right now has no blue background, windows are not correct (as the search engine is not a rounded grey area) and the magnifying of research is missing. So this experience makes it impossible the use of simple pages.

  Firefox 32, Vista

  It was a strange setting. I have it set, then updated some of the relevant information on the subject myself. Here's the question:

  If the preference of the user browser.display.use_document_colors in subject: config is set to false, the background images will not display.

• Why will not display the nested div CSS properties?

  I am configuring a zone of activity featured on a home page.  It should show on the slide show images.  I made sure the values of z-index of the event box divs are much higher than the slide show.  The external div (.featuredEvent-wrapper) does NOT display the background color assigned to it, no matter what I try.  The internal div (.boxEvent star) does not - the color of police, police-family or text-shadow, and the only way I could get it to align the text to the Center was by assigning that to the wrapper).

  Here is the page showing the text to the right of the main logo of the event, but lack the background color dark: http://nottoway.com/index-test.htm

  
  

  This is the same page, but when the slideshow is disabled so that you can see where the text is: http://Nottoway.com/index-test-bare.htm

  I have also attached 2 screenshots, one of the design view in Dreamweaver (CC 2015.1), which shows what should look like the box and the second showing what he looks like downloaded online (and also in Live View mode). The HTML and CSS code are below.

  
  

  Any help that anyone can give me on this will be greatly appreciated!

  Thank you very much

  Robin

  

  HTML:
  

  < div class = "wrapperMAIN" >

  < div class = "wrapperTopSection" >

  < div class = "slideshow" >... < / div >

  < div class = "POLYPOLE-BlackBar" >...

  < div class = "wrapperNav-hand" >... < / div >

  < / div ><!-end-POLYPOLE-BlackBar->

  < div class = "logoHome-wrapper" >... < / div >

  "< div class ="featuredEvent-wrapper' > '.

  "< div class ="boxEvent-star"> < br > < strong > MURDER MYSTERY < span style =" font size: 17px "> Theater </span > < / strong > < br > < br > < strong Saturday > < br > < span style =" font size: 17px "> 30 January </span > < / strong > < br > < br > < style ="font-size"em : 16px "> Details < /em > < / div >"

  < / div ><!-end-featuredEvent-wrapper->

  
  < / div ><!-end-wrapperTopSec->

  
  CSS:

  
  

  {.wrapperMAIN}

  float: none;

  height: auto;

  Width: 100%;

  display: block;

  Clear: none;

  left margin: auto;

  margin-right: auto;

  position: relative;

  }

  {.wrapperTopSection}

  margin-right: auto;

  Width: auto;

  height: auto;

  Width: 100%;

  display: block;

  border-width: 0px;

  position: relative;

  float: none;

  Clear: both;

  margin-top: none;

  left margin: auto;

  }

  {.featuredEvent-wrapper

  Width: 1020px;

  height: auto;

  text-decoration: none;

  text-align: center;

  float: none;

  Clear: none;

  display: block;

  position: absolute;

  right: 7%;

  top: 100px;

  top of the margin: 20px;

  z index: 6000;

  }

  {.boxEvent-star

  position: relative;

  Width: 200px;

  height: auto;

  display: block;

  float: right;

  Clear: none;

  Top: 1px;

  z index: 6400;

  top of the margin: 16px;

  padding-top: 25px;

  padding-bottom: 25px;

  color: rgba (255,255,255,1.00);

  Police-family: display playfair, Georgia;

  do-size: 16px;

  text-align: center;

  text-decoration: none;

  text-shadow: 3px 3px 3px rgba (0,0,0,.8);

  background-color: rgba (0,0,0,.8);

  Overflow-y: auto;

  }

  Oh, you did allright. I found class .boxEvent-featured towards the end of the mainStylesheet.css.

  But there's another bug:

  A '} ' missing and, therefore, the browser is not made all the following lines.

  Look here:

  

  Fenja

• "Non-rectangular objects will not display correctly when you export with the help of CSS."

  I use Ind CC 2014 export a document to an epub recomposable.  The document contains a picture .ai.  The image export correctly in some parts of the the.epub, but not others, when it is deformed. There is a warning on export: "Non-rectangular objects will not display correctly when you export using CSS."  Any suggestion is appreciated.

  Hello

  For these objects, the best option is to 'rasterize container"to preserve appearance of the page layout setting in the Options of the Export Object dialog box and then export to EPUB recomposable.

  Kind regards

  POOJA

• Not displaying not CSS

  Hi there, I was wondering if someone can tell me why my css does not appear as of today?

  Here is the page ive just brought changes to- http://www.allroots.org/Ray/index.html

  Displaying the coordinates without css applied.

  Ive tried to make changes on the other page and im having the same problems.

  Thanks in advance to anyone who can help!

  Benn

  Allroots2.css #2459 line is a missing end ({}) support.

  In addition, you can wrap #raycontact - line #78 of the main document - around the four following divisions.

• DW does not display the section &lt; div &gt; with CSS. Why?

  I thought go to DW to call my HTML/CSS pages (I always use MS Front Page), but when I loaded my page HTML < div > major section is not displayed in the design pane, even if it is displayed with the live on display.

  Here is the HTML code for the block that is missing:

  function() {return A.apply (null, [this] .concat ($A (arguments)))}
  
  

  < div id = "text_body" >
  Description of < h1 > < / h1 >
  Blah-blah-blah

  < / div >

  and the CSS file:

  function() {return A.apply (null, [this] .concat ($A (arguments)))}
  
  #text_body
  {
  position: absolute;
  margin-top:-10px;
  padding: 20px;
  Width: auto;
  }
  

  Remove the position: absolute; Since the below css selector.

  #text_body
  {
  position: absolute;
  margin-top:-10px;
  padding: 20px;
  Width: auto;
  }

  Close the text_body (see below)

  We will continue to take stock of this question by the Safety Advisory
  section of the Adobe, but also the Adobe PSIRT blog website.

  More

  
  Here's more information.
     

  Something might just happen. Then go and take some time to learn more about css.