HTML CSS with tables

Tables with CSS pages confuse me. Can someone help me?

Here are my codes for my CSS and HTML page page.

Page CSS:

body, table, td, tr, th {}

-font size: 13px;

do-family: Verdana, Geneva, without serif.

do-color: #333333;

make-weight: normal;

}

{body

background-color: #333;

}

a: link {}

color: #999999;

text-decoration: none;

}

a: visited {}

text-decoration: none;

color: #999999;

}

a: hover {}

text-decoration: underline;

color: 5259 # 1;

}

a: active {}

text-decoration: none;

color: #999999;

}

HTML page:

< html >

< head >

< title > Corry Micronics < /title >

< link rel = "stylesheet" href = "css.css" type = "text/css" > "

< / head >

< body >

<! - Begin layout table - >

< table align = "center" width = "899" border = "5" bordercolor = "#FFFFFF" bgcolor = "#FFFFFF" cellspacing = "5" cellpadding = "0" >

< tr bgcolor = "#333333" >

< th align = "left" > < font color = "#FFFFFF" > < font size = "+ 1" > < strong > Corry Micronics < facilities > < / police > < br >

Specializing in filtered products

< / make >

< p align = 'right' > <!-content links-> < a href = "home.html" > home < /a > < a href = "about.html" > About Us < /a > < a href = "news.html" > News < /a > < a href = "engineering.html" > engineering < /a > < a href = "contact.html" > contact us < /a > < a href = "employment.html" > < /a > < a href = "request.html" > job application info < /a > < br >

< /p > < /th >

< /tr >

< b >

< th > <! - banner - > < img src = "features" width = "899" height = "329" > < /th > "

< /tr >

< tr align = "left" bgcolor = "#333333" >

< th > < font color = "#FFFFFF" size = "1" > welcome < / police > < /th >

< /tr >

< tr align = "left" >

< th > < color = "#333333" > <!-who we are-> Corry Micronics has been the production of electronic components since 1970. The company was created in response to the needs of the Ministry of defence of the United States. Today, our products are used in a multitude of sectors of activity: data transmission wireless, aerospace/avionics, cellular systems, telecommunications by satellites, computers and peripherals, electronic, semiconductor, Hardware Test subsets, broadband, cable TV, Telecom, electronics/appliances, automatic machinery systems, Marine systems and military car. < / police > < /th >

< /tr >

< tr align = "left" bgcolor = "#333333" >

< th > < font color = "#FFFFFF" size = "1" > Products < / police > < /th >

< /tr >

< b >

< th > <!-Begin produced Table-> < table width = "876" >

< tr > < td align = "center" > < single p > < br >

"Filter < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

"< td align ="center"> < p > several line filters < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

"< td align ="center"> < p > filters < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < / p > < table >

< /tr >

< b >

< td align = "center" > < br > wave Guide

"Components < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

"< td align ="center"> Products RF < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

"< td align ="center"> Ceramic < br / > < img src="Images/Products/Product_CeramicComponents.jpg "> < table >

< /tr >

< / table > <!-end products Table--> < /th >

< /tr >

< /table >

<! - end layout table - >

< p align = "center" > < font size = "-5" color = "#999999" > <! - author - >

Copyright & copy; Corry Micronics 2004-2010. All rights reserved. < / police > < / p >

< / body >

< / html >

I didn't know if it's possible or not to get all table styles (colors of police, backgrounds, sizes of fonts, line styles, table border, etc.) in a CSS page or not.

You can, but you will need to create a bunch of hooks for CSS styles to grab HTML.

See the following Table demos for my sense-

http://ALT-Web.com/demos/CSS-Zebra-table.shtml

http://ALT-Web.com/demos/CSS-3-color-table.shtml

I think Murray is right, if YOU use tables, stick with HTML.  That said, this could be a golden opportunity for you to take the plunge and learn CSS positioning.  It is much more effective that provisions of tables and easier to manage later when you decide to change styles.

Learn CSS positioning in 10 steps
http://www.Barelyfitz.com/screencast/HTML-training/CSS/positioning/

Good luck

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

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

  • How can I reapply style to data in a data table Spry HTML CSS?

    Hello.  I have Adobe CS6 installed on my computer and am new to the use of Adobe.  This is my first post.  To learn Dreamweaver, I read the book Adobe Dreamweaver CS6 Classroom in a Book.  I now do the Lesson 13 and will have trouble to do the part up to step 21 on page 342.  I have a Spry data table in two ranks, but he lost the CSS style applied in Lesson 7.  I can't reapply.  For example, the title was drawn on pages 194 and 195 using the legend of table content section.  To try to apply a new style, I chose the title, but did not see the style in the drop of class in the property inspector.  Otherwise, I control-click on the style in the CSS Styles Panel, apply in the context menu has been grayed out.  The following two sections of the Lesson 13, HTML data update and work with XML data seem to work very well however.  The second data table Spry to two rows, using XML data, has all the CSS styles.  The first table used in HTML, the file calendar.html (XHTML)data.  I couldn't find a table called calendar.html in the folder of resources 07 lesson (step 1 on page 184).  There is another difference between HTML and XML tables.  When the XML table has been transformed into a Spry data set, it lost the ID created in Lesson 9.  By following the instructions in step 11, page 343, it was added to the XML table.  The table using HTML data kept his ID when he became a Spry data set.

    Here is a screenshot showing the HTML above and XML tables downstairs.

    I hope someone can explain why the table HTML lost its style CSS and how it can be reapplied.  I tried to carefully follow all of the steps in the book.  Thank you.

    Screen Shot 2016-03-10 at 17.01.54.png

    Look at the CSS file and, for example, see the following resources

    . Happy section table {}

    do-size: 90%;

    Width: 740px;

    margin left: 15px;

    border-bottom-width: 3px;

    border-bottom-style: solid;

    border-bottom-color: #060;

    border-collapse: collapse;

    }

    He translated means that you apply a style to an array element inside a section element that is inside an element with a class of content.

    Now, take a look at the markup and see

    Classes and green events

    Here we see a table inside an element with a class of content. Compared to the style rule, the section element is missing.

    Add

    and don't forget the closing (
    ) tag. The markup becomes

    Classes and green events

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

  • 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

  • Addition of the new Image and text to an existing Page created with Tables

    Work in DW 5.5

    I try to add a new image/link and a small amount of text to an existing web page that was created with tables and centered.  I use AP div tags. One for the image and one for the text.  Everything works fine, but I can't get the new anchor points and to re - center with the rest of the page.  I'm not able to get around the "absolute positioning".  I tried different solutions of various tutorials but I can't make them work with tables.

    Added items are a Facebook button and text.

    Go to: http://www.sugarhollowfarms.NET/index.html See the problem.

    Help, please. I'm not that experienced.

    First, make a back up of the page before you implement the changes below!

    Take the bit of code below to

    and insert it directly after the opening tag div FWTableContainer and before your opening table tag (see location below):

    Then add - position: relative; -to the css of FWTableContainer (as shown below):

    {#FWTableContainer209091602}

    / * The div master to make sure that our contextual menus get properly aligned.  Be careful when you play with this one. */

    position: relative;

    margin: auto;

    Width: 800px;

    height: 600px;

    text-align: left;

    top: 20px;

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

    border: medium solid #336600;

    position: relative;

    }

    Edit the css for FBlogo to as below:

    {#FBlogo}

    position: absolute;

    left: 700px;

    top: 380px;

    Width: 91px;

    z-index: 1;

    text-align: center;

    }

    Edit the css for bodytext as below:

    {.bodytext}

    do-family: Verdana, Arial, Helvetica, without serif.

    do-size: 11px;

    line-height: 13px;

    margin: 0;

    padding: 0;

    }

  • need of border image to resize with table

    can someone help me with auto image image resize (vertical border) as the size of table changes? The page has an image for the left/right border. I did not create the file html and need to understand how it was done. Thxs for any help

    example site

    http://www.mywanfu.com/

    Download link for the html file

    http://www.kineticcreativeco.com/forums/forumlink.html

    I don't know what you mean by links are bad?  They worked the day I posted the. You may need to copy & paste it into the address bar of your browser.

    Or try this tiny url: http://tinyurl.com/ca7hjl

    Yes, tables provisions are last century. Modern Web designers use CSS for layout, borders, and other cool stuff.  This will ease your workload and will greatly facilitate your HTML code.

    See example of a setting shaped CSS with only 2 slices of image.

    http://ALT-Web.com/templates/2-image-Web-design.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • 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

  • CSS and tables

    I just starting to learn CSS and I'm a bit confused about the use of tables. When designing with CSS, always placing tables on your page, to organize the content, or you just to position the elements of positioning (absolute, fixed, static, float) of the CSS attributes?
    This question has a meaning? I've always used tables and nested tables to position my content, but it seems that with CSS, position yourself with orders...
    This is all pretty new to me... I'm sure a lot of other questions of beginners will take me.

    -Brad

    You know how with tables, you can add a padding to increase the space between the inside of the said table and its contents? You can then increase the space outside the table and whether to side with right margins?

    When you create a layout "Table-less" apply you this same type of development shaped a "div" instead of a table. Divs are similar to tables, but they come with no baggage - they are completely shaved.

    The big difference is that you can not divs with multiple columns or rows. In scenarios that require that, so you have to be a little creative so they fit.

    If you have $20 for once, I suggest strongly that watch you the series of Eric Meyer on "CSS web Design:

    http://MovieLibrary.Lynda.com/HTML/modPage.asp?ID=279

    Look forward to the back twice and you will be, I promise you.

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

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

  • Is it possible to display the index of the real estate code I created in the page html, css layout?

    Hi all!

    First of all, I'm really sorry if this is a bad question, but I found this option in other html tools (like PHP storm) and tried many options in CS6, without success.

    What I do: just started to learn html 5 with an online course (without a master, a few videos), so I'm really a user "rookie".

    I am working to put an image in html using css for formatting, so:


    1 - the index.html, I wrote the following code:

    < figure class = "foto-legenda" >

    < img src = "_imagens/image.jpg" >

    < figcaption >

    Test image < h3 > < / h3 >

    Legend of the Image Test < p > < /p >

    < / figcaption >

    < / figure >


    2. If, then, I need to define properties for "foto-legenda", in "file.css", like border etc, and what I've done:

    }

    {Figure.foto - legenda}

    border: 8px #F00 solid;

    }

    Far, so what it s works fine, but the question is:

    After I have written "< figure class ="foto-legenda...»" ', in html code, I want to write in css page, a bit of code and retrieve the indicator for the options that I started on the HTML page.

    For example, in css page, I'm starting to write 'figure'and get the hint of 'illustration' or 'figure class' (all from "figure"), after you selected the desired setting and start writing get «foto...» ", " foto-legenda " indicator.

    I hope it's clear.

    Thank you in advance.

    Sorry, it does not work like that.

    First of all, define the class of CSS selector.  Save your CSS file.

    .foto-legenda {border: 1px solid #CCC; padding: 0.5em}

    Now, when you type the class HTML = "foto... indicators of code will give you the class in a drop-down list.  See screenshot.

    As far as I KNOW, the code in DW CSS hints never picked up HTML classes.

    Nancy O.

  • 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

Maybe you are looking for

  • new app

    the application of new does not open, just back to all icons. This seems to have occurred since a recent update. Is it possible to remove the app and reload? Or another solution?

  • Compare V191 to v195

    I conducted a phone clamshell V191 only during the last four years - not exactly, sharp but perfectly servicable as a phone and can be used in most foreign countries with a local SIM chip. (And for travel abroad, the fact that the device is so outdat

  • Getting started with AIR-AP1141N

    Hello! Someone at - it a standard configuration for this? I have 2 VLAN (inside and outside) on a Cisco asa, the AP is connected to the ASA, I want 2 SSID on the access point (inside and outside). Thank you!

  • How to unlock the key "fn" (function)?

    I have HP Beats Envy 14 and my fn keys are locked on the side buttons (backlight, brightness control, volume), I need to press fn to get the assigned default button. What should I do to return to the default setting (where by pressing fn would get me

  • Could not find 'MAF Business objects of REST Web Service' in the Gallery

    HelloI installed Jdev studio 12.1.3.0.0 and installed updates for the extension of the MAF. It shows screen-Extensions on Jdev Mobile Application Framework.I have windows 32-bit and using the version compatible jdev.But there is no option for the cre