Home → Questions →

Tables - confused!

• Edit

dcollett.seattle

02 May, 2013 09:43 PM

Hi. I've attached 2 screenshots about tables in MMD Composer:

1. the first one ("MMD-Tables-SyntaxGuide.jpg") is from the MMD Composer Syntax Guide.

2. the second one ("MMD-Tables-David.jpg") is the result I get from copying/pasting the 2 tables from the screenshot above into MMD Composer.

---

Two questions:

* Why don't my tables look like the ones in the Syntax Guide? Why does the syntax guide show both of them having vertical line dividers, but the first one has no horiz. line at the bottom of the table?

* Why is one of these called prototype? Only because of the extra heading?

Is turning on/off the vertical lines a certain syntax? When I open the same tables with Marked (or other MD editors), I always have the vertical dividers.

Please help. Thanks.!

David

• MMD-Tables-SyntaxGuide.jpg 80.5 KB
• MMD-Tables-David.jpg 41.3 KB

1. Support Staff 1 Posted by Fletcher on 02 May, 2013 10:23 PM

   

   To make sure I understand you correctly, you are wondering why the two tables are styled differently in the HTML previews?

   Are you using the same CSS for both of them? CSS controls how tables look in HTML and can change horizontal and vertical markers. You can use whatever CSS you like to make your tables look however you want.

   The word "prototype" is just a remnant from an old document and has no specific meaning here.

   F

   • Edit

2. Fletcher closed this discussion on 02 May, 2013 10:23 PM.

3. dcollett.seattle re-opened this discussion on 02 May, 2013 10:32 PM

4. 2 Posted by dcollett.seattl... on 02 May, 2013 10:32 PM

   

   Hi, Fletcher. All I've done is to copy (the attached) text into MMDC.

   It produces two tables that do not have vertical divisions.

   I don't know how to use CSS, so I didn't do anything to it.

   The Syntax Guide shows vertical divisions between cells (as do the other editors I've used, including Marked).

   How can I get the vertical dividers?

   Thanks very much for your help.

   David

   • TableFromMMDCSyntaxGuide.txt 583 Bytes
   • Edit

5. Support Staff 3 Posted by Fletcher on 02 May, 2013 10:43 PM

   

   The syntax guide uses a very basic CSS ( it adds the blue coloration, for example) and doesn't do anything to tables outside of the very basics. The built-in themes apply styling to make tables stand out a bit more.

   You can use different style themes to change styling that is applied. Some are available on this site. You can also modify any of the built in ones to change tables to appear however you like them. You can even strip out the css = "..."; bit to remove all CSS styling from the preview and leave it at the WebKit default (IMHO it's a bit boring, but some people like it I suppose.)

   There's information on this site about customizing style sheets to get the appearance you desire.

   • Edit

6. Fletcher closed this discussion on 02 May, 2013 10:43 PM.

7. dcollett.seattle re-opened this discussion on 03 May, 2013 11:35 PM

8. 4 Posted by dcollett.seattl... on 03 May, 2013 11:35 PM

   

   Hi Fletcher.

   I'm going to try making a few minor changes to a style sheet.

   I copied the one you have on your site (http://support.multimarkdown.com/kb/style-sheets/how-do-i-create-a-custom-style-sheet) as a starting point.

   I don't understand the color numbers. It says at the top that we can have #RGB or #RRGGBB, etc.

   I see, for example, the color eee

   Is this the RGB color eeeeee, or e0e0e0?

   Another place, I see 8000, 10000000, 555

   I've searched on the Internet, but I can't find an explanation of these.

   The only thing I've found are lists with 6-digit RRGGBB colors in hex.

   Thanks.

   David

   • Edit

9. Support Staff 5 Posted by Fletcher on 03 May, 2013 11:47 PM

   

   Colors can be specified in different ways in HTML/CSS:

   • #rgb is one digit per color (16 levels since they're in hex)

   • #rrggbb is two digits per color (256 levels per color)

   • #argb adds an alpha (transparency level)

   • #aarrggbb adds two digits for alpha

   By using alpha, you can achieve more subtle effects when combining two colors --- to ensure that one item is always darker than another, without having to default to black, for example.

   F-

   • Edit

10. Fletcher closed this discussion on 03 May, 2013 11:47 PM.

11. dcollett.seattle re-opened this discussion on 03 May, 2013 11:50 PM

12. 6 Posted by dcollett.seattl... on 03 May, 2013 11:50 PM

    

    Great. Thanks!

    • Edit

13. Fletcher closed this discussion on 04 May, 2013 03:13 AM.