HTML - Css questions

Similar Questions

• Integration HTML/CSS question

  Hi all, I have created a Facebook of HTML/CSS custom box. Look perfect in all the major browsers... set apart... you guessed it... Internet Explorer. I have tried everything I can, but it does not move. Ideas, any help would be greatly appreciated.

  <link rel="stylesheet" href="http://www.chichairandbeauty.co.uk/css/facebook.css" type="text/css" media="screen" />
  <div class="outer">
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/like_us.gif" class="img"></div>
  <div class="navContain">
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/facebook_03.gif" class="img"></div>
  <div class="container"><a href="http://www.chichairandbeauty.co.uk/hairdressing-prices.php"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/facebook_04.gif" class="img"></a></div>
  <div class="container"><a href="http://www.chichairandbeauty.co.uk/beauty-prices.php"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/facebook_05.gif" class="img"></a></div>
  <div class="container"><a href="http://www.chichairandbeauty.co.uk/newton-abbot-packages.php"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/facebook_06.gif" class="img"></a></div>
  <div class="container"><a href="http://www.chichairandbeauty.co.uk/childrens-hair-parties.php"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px; MARGIN-LEFT: 0px;" src="http://www.chichairandbeauty.co.uk/images/facebook/facebook_07.gif" class="img"></a></div>
  </div>
  <div class="mainBacking">
  <div class="intro">Chic of Newton Abbot is just a step away from the high-street, indulge yourself in a hair, beauty or skin therapy treatment with one of our highly trained professional hairdressers or beauty technicians. We offer a wide range of luxury hair, beauty and skin care treatments for you to choose from, and delightful packages to suit all.</div>
  <div class="columnOne">
  <div class="salonInformation">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/salon_info_header.png" width="234" height="30"></div>
  <div class="salonInfoBacking">
       <div class="insideTab"><strong>OPENING HOURS</strong><br/>We’re open Tuesday - Saturday, <br><strong>9am - 5pm.</strong><br/></br><strong>TELEPHONE</strong><br/>01626 362600<br/><strong>EMAIL</strong><br/>[email protected]<br/><strong>ADDRESS</strong><br/>9 Market Hall, Opposite Somerfield<br/>Newton Abbot,<br/>Devon,<br/>TQ12 2RX</div>
       </div>
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/salon_info_footer.png" width="234" height="7"></div>
       </div>
       <!-- Beginning of hairdressing prices -->
  <div style="margin-top: 15px;" class="genericTab">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/hairdressing_header.png" width="234" height="30"></div>
  <div class="genericBacking">
       <div class="insideTab"><div class="work">
         Dry Trim <br/>
         Wet Cut and Blast<br />
        Restyle<br />
        Restyle and Blowdry<br />
        Cut and Blowdry<br />
        Blowdry<br />
        Shampoo and Set<br />
        Trim, Shampoo and Set<br />
        Luxury Conditiong Treatment<br />
        Fringe Trim<br />
        GHD Curling<br />
        Special Occasion or Prom Hair<br/><br/>Visit our website for full price lists.<br/><a href="http://www.chichairandbeauty.co.uk/hairdressing-prices.php">Click here to visit website.</a>
        </div>
        <div class="prices">
        £15.00<br />
        £21.00<br />
        £19.00<br />
        £30.00<br />
        £25.00<br />
        £15.00<br />
        £13.00<br />
        £18.00<br />
        £9.00<br />
        £5.00<br />
        £11.00<br />
        £31.00
        </div>
        </div>
       </div></div>
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/generic_footer.png" width="234" height="7"></div>
  <!-- End of hairdressing prices -->
       </div>
  <div class="columnTwo">
  <div class="genericTab">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/special_offers_header.png" width="234" height="30"></div>
  <div class="genericBacking">
       <div class="insideTab">
       <div class="specialOfferContainer">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/special_offer_01.png" width="50" height="50"></div>
       <div class="specialOfferExplain"><strong>BACK TO SCHOOL</strong><br/>Recieve a 50% discount on kids hair for the Back to School season. Visit website for more information.</div>
       <div style="margin-top: 15px;" class="specialOfferContainer">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/special_offer_02.png" width="50" height="50"></div>
       <div class="specialOfferExplain"><strong>HALF PRICE MANICURES</strong><br/>1/2 Mini Manicure or Pedicure offer all throughout August. Visit website for more information.</div>
       <div style="margin-top: 15px;" class="specialOfferContainer">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/special_offer_03.png" width="50" height="50"></div>
       <div class="specialOfferExplain"><strong>10% STUDENT DISCOUNT</strong><br/>Students can enjoy a 10% discount on all hair, beauty or skin therapy treatments. A valid NUS card is required on arrival to the salon.</div></div></div>
       </div>
       </div>
       </div>
       </div>
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/generic_footer.png" width="234" height="7"></div>
  <!-- Beginning of beauty prices -->
  <div style="margin-top: 20px;" class="genericTab">
       <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/beauty_header.png" width="234" height="30"></div>
  <div class="genericBacking">
       <div class="insideTab"><div class="work">
       Eye Brow Waxing<br/>
       Top Lip & Chin Wax<br/>
       Brow Tint<br/>
       Lash and Brow Tint<br/>
       Foot & Leg Massage<br/>
       Dermalogica Treatments (from)<br/>
       Mini Manicure
      <br/><br/>Visit our website for full price lists.<br/><a href="http://www.chichairandbeauty.co.uk/beauty-prices.php">Click here to visit website.</a>
        </div>
        <div class="prices">
        £8.00<br />
        £16.00<br/>
        £8.00<br />
        £16.00<br/>
        £20.00<br/>
        £20.00<br/>
        £13.00<br/>
        </div>
        </div>
       </div></div>
  <div class="container"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/generic_footer.png" width="234" height="7"></div>
  <!-- End of beauty prices -->
       </div>
       </div>
       <!-- Start of footer -->
       <div class="container"><a href="http://www.chichairandbeauty.co.uk"><img style="MARGIN-TOP: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 0px" src="http://www.chichairandbeauty.co.uk/images/facebook/view_website.jpg" width="520" height="33"></a></div></div>
       <!-- End of footer -->
  

    
  Call today or pop in to discuss your requirments with one of our dedicated team of technicians who will be happy to help.
  
  
  

  This line of code will give you jip!  It seems that you missed the > on the opening

  tag.

  I guess that's the page you think: chichairandbeauty.co.uk/hairdressing-prices.php?

  If I were you I use the validator and whisk through some of the issues are described.

  Martin

• HTML + CSS question

  Hello

  I don't know if my question may be answered here, but here's what happens:

  I have a blog on my page hosted by Zenfolio, and they do not support this, but its their interface do this and not me. Whenever I have insert a new picture and click on next to him and then "enter" to make a new paragraph below for text or another picture she added paragraphs unwanted! In the photo below, it should be a paragraph and not 8.

  I used to have this happen to me in Dreamweaver rarely, but I was able to go to HTML view and just delete the additional paragraphs without changing the rest of the provision. If I will not remove just these paragraphs in HTML mode in this interface, it would mangle everything... See the other screen capture: it moves the text around the image which is not what I want.

  

  

  This interface, I'm typing now is very similar to that of Zenfolio, here too I have inserted these pictures and had to click beside them + enter to go to the next paragraph, and when I looked at the HTML code it there was a paragraph spacing between the images as it should; so the question is why she did this and How can I make sure that she! I rather not use tables. (Who was their suggestion, and who also has a problem of spacing; I set the cell height to 22 for example and when the preview of the post its at least 60).

  @agp 1000: the screenshot, I see that there is a float: left applied on the image.

  This will cause the next item, which is the text to start immediately to the left of the image.

  So as a simple solution, you can add clear: left on the

  tags, so that the text will start from the next line and not move the image as in the screenshot.

  Do not post all the code if this does not help you.

• link HTML css question

  Hello Dreamweavers.

  IM see two types of codes to link a htlm file to a CSS file.

  a code is: < link rel = "stylesheet" type = "text/css" href = "theme.css" >

  second code is: < link href = "styel.css" rel = "stylesheet" type "text/class" = media = "screen" / > "

  What is the difference between these 2?

  Kind regards.
  

  I understand from your answer that you see the two statements in the same HTML file?

  This is to make use of the CSS cascade. In the case of conflicting CSS rules, those referenced by the second link will overshadow those referenced in the first link.

  If the author has implemented the basic styles in theme.css.

  Then display only styles have been put in a stylesheet style.css and related after the theme.css file.

  So when the same CSS rules are found in two leaves, on a computer screen, the rules in style.css overshadow those of theme.css.

• HTML + css + javascript is enough? Another example of application?

  Hello!

  To accept that my application is sufficient to write in html + css + javascript? like normal Web site?  or I have to use other tools?

  Where can I find another example of application? not "SketchPadStandard"?

  What types of applications rejected RIM?

  I don't know about "The Applications that provide a simple, unique, function as play sound or display a graph."

  but some other advice?

  BTW: I use the command line to create a * .bar, compile and run my application on the Simulator, but y at - it tool that will speed up this process?

  Sorry for the many questions in one thread, rookie mistakes

  Greetings!

  @kubaczento, this is the forum for the development of the AIR.  If you look at the works of the Web (HTML, etc.) you should head to the course on Web development forum which is side to it...

• How to convert a font created in. HAVE in a format compatible with HTML/CSS.

  Hello

  Thanks in advance for any help with my question.

  I downloaded a font on behance, and includes the original vector inside Adobe Illustrator glyphs. I tried to save the. HAVE as one. SVG to use in my HTML/CSS code for my site, but it was not appearing in the browser.

  I used the function @font-face and bore the name of the police and the included local source url, but without success. I feel like I'm missing a step inside the Illustrator when I export the 'new police' or save the 'new police' as one. SVG.

  Are there specific measures that I need to pass by when created by using a font on the inside. HAVE for use in HTML/CSS?

  Sebastian

  SVG isn't fonts, images (vector). To create a real font, you will need software such as FontLab. Otherwise compose you some text you want in artificial intelligence, export a SVG (or image pixel) and incorporate it into your page like any other image.

  Mylenium

• How to "Publish" layout page or extract the HTML/CSS?

  OK, I've created a nice layout, how I "post" - that is, extract the HTML/CSS so I can use it on a page in the current web site?  Don't say "Reflow overview" and other such Adobe "Getting Started" videos and when I looked for such a thing as 'Extract' or 'Release' or even 'Upload' [(ala Flash ou Dreamweaver), all I found was 'Save' and ' save under ' saves the project as a file RFLW Arcanum.]

  Given that I have not found any other question like this on the Forum, I'm starting to wonder if I'm missing something obvious!

  There was a recent update to a thread on this:

  How to export the working edge of reflow Dreamweaver file

  Long story short, it will be easier to export the code in the next version of reflow. Until then, you can get the HTML and CSS code in the snapshot folder or you can find only the CSS on the Kangaroo of code by clicking on the "<>" button on the bottom bar:

  

  Hope that helps and thanks for the use of reflow,

  Chris

• How can I use my bar of Navigation Html/CSS to control a stadium to edge?

  I have a navigation bar HTML/CSS implemented in my CONTOUR created the page. The navigation bar is not created on the edge. I would use these buttons to control the steps.

  Inside the main timeline scene have labels and measures every 1.5 seconds to create a site sliding horizontally.

  Labels include: home, work, blog, profile and contact. I can easily use a symbol created for example within the border:

  sym.play("home");
  

  and animate a symbol of width 6000px on my stage 1000px, 1000px increments.

  I don't want to use a symbol within the border to do this, because I can't create the effect the nav bar html/css with passage of the mouse within the border.

  So I am interested to know if I can use this bar to control my main script, so I don't have to sacrifice the design for the feature.

  Currently, the list of links is configured with the standard hyperlink. What is the code would use to play the scene during the click on the html navigation bar?

  A big thank you to all those who can help you with this!

  Here's the code for the navigation bar:

  <div id="menu"><ul class="block-menu">
                      <li><a href="/home" class="three-d">
                                Dynamic
                                <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                      </a></li>
                      <li><a href="/demos" class="three-d">
                                Work
                                <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                      </a></li>
                      <li><a href="/deals" class="three-d">
                                Blog
                                <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                      </a></li>
                      <li><a href="/about" class="three-d">
                                Profile
                                <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                      </a></li>
          <li><a href="/about" class="three-d">
                                Contact
                                <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                      </a></li>
            </ul>
  <span class="block-menu"></span></div>
  
  

  All of the HTML code:

  <!DOCTYPE html>
  <html>
  <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
            <title>Untitled</title>
  <!--Adobe Edge Runtime-->
      <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
      <style>
          .edgeLoad-EDGE-57204389 { visibility:hidden; }
                .block-menu {
                                display: block;
                                background: #000;
                      }
  
  
                      .block-menu li {
                                display: inline-block;
                      }
  
  
                      .block-menu li a {
                                color: #fff;
                                display: block;
                                text-decoration: none;
                                font-family: 'Passion One',Arial,sans-serif;
                                -webkit-font-smoothing: antialiased;
                                -moz-font-smoothing: antialiased;
                                font-smoothing: antialiased;
                                text-transform: uppercase;
                                overflow: visible;
                                line-height: 20px;
                                font-size: 24px;
                                padding: 15px 10px;
                      }
  
  
                      /* animation domination */
                      .three-d {
                                -webkit-perspective: 200px;
                                -moz-perspective: 200px;
                                perspective: 200px;
                                -webkit-transition: all .07s linear;
                                -moz-transition: all .07s linear;
                                transition: all .07s linear;
                                position: relative;
                      }
  
  
                                .three-d:not(.active):hover {
                                          cursor: pointer;
                                }
  
  
                                .three-d:not(.active):hover .three-d-box, 
                                .three-d:not(.active):focus .three-d-box {
                                          -moz-transform: translateZ(-25px) rotateX(90deg);
                                          -webkit-transform: translateZ(-25px) rotateX(90deg);
                                          -o-transform: translateZ(-25px) rotateX(90deg);
                                          transform: translateZ(-25px) rotateX(90deg);
                                }
  
  
                      .three-d-box {
                                -webkit-transition: all .3s ease-out;
                                -moz-transition: all .3s ease-out;
                                -ms-transition: all .3s ease-out;
                                -o-transition: all .3s ease-out;
                                transition: all .3s ease-out;
                                -webkit-transform: translatez(-25px);
                                -moz-transform: translatez(-25px);
                                -o-transform: translatez(-25px);
                                transform: translatez(-25px);
                                -webkit-transform-style: preserve-3d;
                                -moz-transform-style: preserve-3d;
                                -ms-transform-style: preserve-3d;
                                -o-transform-style: preserve-3d;
                                transform-style: preserve-3d;
                                pointer-events: none;
                                position: absolute;
                                top: 0;
                                left: 0;
                                display: block;
                                width: 100%;
                                height: 100%;
                      }
  
  
                      .front {
                                -webkit-transform: rotatex(0deg) translatez(25px);
                                -moz-transform: rotatex(0deg) translatez(25px);
                                -o-transform: rotatex(0deg) translatez(25px);
                                transform: rotatex(0deg) translatez(25px);
                      }
  
  
                      .back {
                                -webkit-transform: rotatex(-90deg) translatez(25px);
                                -moz-transform: rotatex(-90deg) translatez(25px);
                                -o-transform: rotatex(-90deg) translatez(25px);
                                transform: rotatex(-90deg) translatez(25px);
                                color: #FFE7C4;
                      }
  
  
                      .front, .back {
                                display: block;
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background: black;
                                padding: 15px 10px;
                                color: white;
                                pointer-events: none;
                                -moz-box-sizing: border-box;
                                box-sizing: border-box;
                      }
  
  
      </style>
  <!--Adobe Edge Runtime End-->
  
  
  </head>
  <body>
  <div id="menu"><ul class="block-menu">
                      <li><a href="/home" class="three-d">
                                Dynamic
                                <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                      </a></li>
                      <li><a href="/demos" class="three-d">
                                Work
                                <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                      </a></li>
                      <li><a href="/deals" class="three-d">
                                Blog
                                <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                      </a></li>
                      <li><a href="/about" class="three-d">
                                Profile
                                <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                      </a></li>
          <li><a href="/about" class="three-d">
                                Contact
                                <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                      </a></li>
            </ul>
  <span class="block-menu"></span></div>
  <div  id="Stage" class="EDGE-57204389">
  </div>
  
  
  </body>
  </html>
  
  

  Dashboard API, I came across this:

  Edge.getComposition(compId)
  

  Anyone having problems with this same question should try this:

  var targetComp = AdobeEdge.getComposition ('TARGETCOMPID');

  targetComp.getStage () () .play;

  in their Manager trigger or an event.

  How I got to work:

  
                                Dynamic
                                DynamicArtisans
                      
  

• Issues General re. Design - vs-HTML CSS

  Hello

  Thanks in advance for answering this. I've been developing Web sites for about 10 years, commenting with Dreamweaver 2.0. I'm leaving on CSS and have a few general questions on the differences in creating sites using tables - vs-HTML CSS. Is it true that the main differences are:

  • All texts must now generally be formatted with CSS (using either Classes, Tags or more rarely, IDs)?

  • HTML tables are now obsolete for design layout. Now, the standard method is to use a series of nested Div tags (containing for example, header, body, nav-menu, footer, etc) for the positioning of elements?

  • HTML tables can and should always be used for menu navigation and similar structures (such as the menus of the secondary image), but must be wrapped in Div tags?

  Other thoughts General to help me wrap my brain around the new design methods?

  Thank you

  MFitz721

  Hi, MFitz,

  Some general thoughts for you:

  A good starting point in the conversion of your way of thinking of HTML tables, CSS-based design is with the schemas provided with Dreamweaver CS4.

  Once you have defined your site, navigate to file > New > new Document > blank Page > Layout and pick a pre-made layout.

  You are skilled in HTML, thus you'll be able to easily read the code of these provisions; the code will give you a good idea for the use of CSS to generate. Think about how you would have built tables (you don't have to go to the effort to reproduce the CSS formatting in the tables... I only suggest for comparison purposes). Review the structure of the code, such as presented; change what you want and see what are the changes.

  Manufacture a range of new pages, use a variety of widgets... following the instructions as you go... and get used to how CSS not only structures, but each widget styles... Spry Panel collapse, Spry, Spry Menubar tab panels, etc. Look at the associated CSS files.

  Become familiar with the contextual association between your page code and the CSS Styles Panel.

  For some tips of good "start-up" on CSS, go to Adobe TV: http://tv.adobe.com/#vi+f1481v1420 is one of those presentations. Adobe TV videos are great for take you through skills step by step.

  It is discouraging to think that you must 'learn CSS' before put you together your first page in the new system, but learning will continue when you start working in your "new environment." Search the Adobe website and also make many tutorials that you will find on CSS. They will give you as (necessarily) good practical experience.

  Have fun!

  Z

• 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?

• Problem with html/css object in Muse

  I did a project Muse and use widgets, but when I try to measure with the html/css object provided by Muse, the preview works perfectly but when I put it on Business Catalyst, the changes disappeared and he is back to normal...
  What should I do to make the CSS works?

  I don't know how you managed to add css to Jotform. JotForm is broadcast via iframe. Not editable any it by the css on your side. Any change in appearance, you can do in the Online Form Builder · JotForm , non-personalized css.

  

  Well, if we talk in general. Muse never deletes the user code inserted into the head through the properties of the page. But I do not see any css custom in the source code of your website.

• How convet a psd to HTML/CSS file?

  How to convert a PDF file to HTML/CSS?

  I found this method: download the PSD to cloud account then the window menu > extracted but the window looks like this:

  

  I use a version of the track. Is - what the reason why this does not work?

  The trial version is identical to the full version. Take a look at retrieves a Photoshop design into code in Dreamweaver | Adobe Dreamweaver tutorials CC

• InContext editor works not with custom html/css (animate files adobe edge)

  Hello

  I just created a site of catalyst for business and I chose for my own HTML/CSS/JS site (without a template). The site is made with Adobe Edge animate and the files are already uploaded to the server.

  When I connect to the admin of the catalyst business account I can see my site works but now I would like to use the incontext Editor. When I hit the edit button I see my site, but I can't change.

  In my index.html file I insert scripts like 'ice:editable="html"' and 'ice:editable="*". But still the incontext editor doesn't work.

  Example:

  <div ice-editable="html" id="Stage_UIHE-Cover_cover-title-03"><p ice-editable="html" style="margin: 0px; line-height: 36px;"><span style="font-family: times_new_romanregular, sans-serif; font-size: 40px; color: rgb(255, 255, 255);">Nepal Earthquake Aftermath:</span></p>

  I'm doing this right? Could someone help me how to insert the tags in the right way.

  Or maybe it is not possible to get the incontext Editor to work with the Edge files animate.

  I hope someone can give me some answers and point me in the right direction.

  Thank you!

  As much as I know to Edge host sites work the script must be initialized. ICE but does not play nice with dynamic content and that's why he doesn't work for this particular site.

  Don't think that there is a way around this.

  Thank you

  Mihai

• How can I change something like the border style of a framing in Muse area by adding custom html/css code?

  I'm changing the border style of a marquee selection around my head. Given that Muse is not one tool online, or support of border styles other than solid (why? I have no idea).

  I know it can be done by adding custom html/css, but so far, I've only managed to put a border dotted around the entire page. Some explain how I can do this please?
  There is no information on the forums and youtube on this subject, and it drives me crazy.

  Hello

  Please try following steps to make it work for you.

  1. place the codes marked in page design mode and preview in the browser.

  2. right click on the selection rectangle in the Navigator and select "Inspect element" (Google Chrome)

  3. Once you do this, you will be able to see that well-known codes are placed in a div with an id as #u75. In this example, it is #u75.

  

  4. it is the identifier that will target you for CSS.

  5. If the CSS, you will need to add following

  6. you can do a right click on the framing box in design and select "Edit HTML" and put the code before the code of renowned as mentioned below

  

  7. click on show preview and you will get a dotted border.

  Concerning

  Vivek

• CodePen HTML + CSS + JS in Muse

  I need to find a way to put HTML + CSS + JS in Muse of Codepen.

  It's what I want on my site: graphic SVG in ring with animation and tooltip

  Help, please! Incidentally "insert HTML code" only works for HTML, CSS or JS.

  Hi LJDezigns,

  You're half right

  You can insert HTML and CSS in the body of a page. If you paste the HTML code and CSS (in tags style, of course) of this page Codepen in the subject of "insert HTML" Muse, you will find that it will display a black box with that (really attractive place) the header text. I've tried it.

  The problem is Javascript. I spent the age trying to JQuery UI to work on a site I'm developing, and he has not been successful. Adding additional JS libraries in the head of HTML (in the Page Properties > metadata) does not work. The injector JQuery widget only works for the addition of small JQuery code snippets to the bottom of the page.

  It does that when I edit the exported HTML pages and add the JS that I want. This approach is not recommended, because it means that re-export of Muse will erase any changes in JS. And once you start doing this, you can do everything in an environment like Dreamweaver anyway. (Maybe you could do that in Dreamweaver and place it in the Muse as an iframe?)

  In addition, from the looks of it, your Codepen example involves a few different JS libraries. I don't know why, but it is not all made with JQuery (the only library JS that Muse support natively).

  So, in short, I don't think that this will be possible only with Muse. I would like it to be, since it would mean that I could do a lot of things I want to do! But unless Muse allows users to load additional JS libraries (and, ideally, to assign IDS and classes of items), this kind of thing will not work.

  If someone smarter than me opposed to all this, I'll be happy to be proven wrong!