or Create a profile

Home → Problems (v2) →

images without width

James's Avatar

James

19 Mar, 2014 08:51 AM

I just purchased the MultiMarkdown Composer and have been having some issues with using embedded images.
Its mentioned in the documentation that if no width or height is specified then the images will default to being the width of the text. However, this does not seem to be the case for me as they default to being very large.
My code looks like this: var test = true;

![Position plot of a stationary tablet utilising onboard consumer-grade GNSS sensors over a period of 30 minutes.][img:SmartPhoneGPS]

[img:SmartPhoneGPS]: images\SmartphoneGPS.png "SmartPhoneGPS"

Am I doing something wrong?

  1. Support Staff 1 Posted by Fletcher on 19 Mar, 2014 11:56 AM

    Fletcher's Avatar

    James,

    Thanks for purchasing Composer!

    The comment you mention refers to LaTeX. The width of images in HTML is
    set by your CSS, otherwise HTML defaults to using the actual width of
    the image.

    I assume you're referring to HTML output?

    Fletcher

  2. 2 Posted by James on 19 Mar, 2014 12:00 PM

    James's Avatar

    Ahh okay that makes sense.
    Is there a way to set the image width to the text width like with latex?

    On 19/03/2014 10:56 pm, Fletcher <[email blocked]> wrote:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> pre { width: 92%; margin: 10px 2%; padding: 5px 2%; background: #efefef; border: 1px solid #d6d6d6 } blockquote { margin-left: 0; padding-left: 1em; border-left: 5px solid #ccc; }

    // Please reply above this line
    ==================================================

    From: Fletcher (Support staff)

    James,

    Thanks for purchasing Composer!

    The comment you mention refers to LaTeX. The width of images in HTML is
    set by your CSS, otherwise HTML defaults to using the actual width of
    the image.

    I assume you're referring to HTML output?

    Fletcher

    On Wed, Mar 19 at 08:51 AM, James wrote:

    I just purchased the MultiMarkdown Composer and have been having some issues with using embedded images.
    Its mentioned in the documentation that if no width or height is specified then the images will default to being the width of the text. However, this does not seem to be the case for me as they default to being very large.
    My code looks like this: var test = true;

    ![Position plot of a stationary tablet utilising onboard consumer-grade GNSS sensors over a period of 30 minutes.][img:SmartPhoneGPS]

    [img:SmartPhoneGPS]: images\SmartphoneGPS.png "SmartPhoneGPS"

    Am I doing something wrong?

    Having trouble reading this? View this discussion online: images without width.

    Reply with #ignore to stop receiving notifications for this discussion.

  3. Support Staff 3 Posted by Fletcher on 19 Mar, 2014 12:07 PM

    Fletcher's Avatar

    As I mentioned, you use CSS to style HTML -- images, text, colors,
    whatever. You can use CSS to make images whatever size you want, e.g. a
    width of 100% takes up the entire width of the container surrounding the
    image.

    F-

  4. 4 Posted by James on 19 Mar, 2014 12:19 PM

    James's Avatar

    Thanks I'll look into that.
    Cheers

    On 19/03/2014 11:07 pm, Fletcher <[email blocked]> wrote:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> pre { width: 92%; margin: 10px 2%; padding: 5px 2%; background: #efefef; border: 1px solid #d6d6d6 } blockquote { margin-left: 0; padding-left: 1em; border-left: 5px solid #ccc; }

    // Please reply above this line
    ==================================================

    From: Fletcher (Support staff)

    As I mentioned, you use CSS to style HTML -- images, text, colors,
    whatever. You can use CSS to make images whatever size you want, e.g. a
    width of 100% takes up the entire width of the container surrounding the
    image.

    F-

    On Wed, Mar 19 at 12:00 PM, James wrote:

    Ahh okay that makes sense.
    Is there a way to set the image width to the text width like with latex?

    On 19/03/2014 10:56 pm, Fletcher <[email blocked]> wrote:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> pre { width: 92%; margin: 10px 2%; padding: 5px 2%; background: #efefef; border: 1px solid #d6d6d6 } blockquote { margin-left: 0; padding-left: 1em; border-left: 5px solid #ccc; }

    // Please reply above this line
    ==================================================

    From: Fletcher (Support staff)

    James,

    Thanks for purchasing Composer!

    The comment you mention refers to LaTeX. The width of images in HTML is
    set by your CSS, otherwise HTML defaults to using the actual width of
    the image.

    I assume you're referring to HTML output?

    Fletcher

    On Wed, Mar 19 at 08:51 AM, James wrote:

    I just purchased the MultiMarkdown Composer and have been having some issues with using embedded images.
    Its mentioned in the documentation that if no width or height is specified then the images will default to being the width of the text. However, this does not seem to be the case for me as they default to being very large.
    My code looks like this: var test = true;

    ![Position plot of a stationary tablet utilising onboard consumer-grade GNSS sensors over a period of 30 minutes.][img:SmartPhoneGPS]

    [img:SmartPhoneGPS]: images\SmartphoneGPS.png "SmartPhoneGPS"

    Am I doing something wrong?

    Having trouble reading this? View this discussion online: images without width.

    Reply with #ignore to stop receiving notifications for this discussion.

    Having trouble reading this? View this discussion online: images without width.

    Reply with #ignore to stop receiving notifications for this discussion.

  5. Support Staff 5 Posted by Fletcher on 19 Mar, 2014 12:27 PM

    Fletcher's Avatar

    PS> If you get into using custom CSS, you can use the metadata to link
    to a CSS stylesheet:

    http://fletcher.github.io/MultiMarkdown-4/metadata#css

    or you can create a custom theme for Composer that includes your own CSS:

    http://support.multimarkdown.com/kb/style-sheets/how-do-i-update-the-built-in-style-sheets

    http://support.multimarkdown.com/kb/style-sheets/how-do-i-create-a-custom-style-sheet

    F-

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

  • New Issue

  • Conversation Started

    A conversation has been started with the MultiMarkdown Software, LLC staff to resolve this discussion.

  • Close the discussion

Private Permissions

This discussion is private. Only you and MultiMarkdown Software, LLC support staff can see and reply to it.

Public Permissions

This discussion is public. Everyone can see and reply to it.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

04 Jun, 2026 12:02 AM Composer 4 soon incompatible with macOS
21 Aug, 2025 10:28 PM Reopening: Default Preview CSS setting ignored
24 Jul, 2025 10:16 PM MultiMarkdown Composer future compatibility?
19 Jan, 2025 10:52 PM How do you add a file location in your metadata?
31 Dec, 2024 06:36 AM Select-All Bug

Recent Articles

MultiMarkdown Composer v5 Themes
MultiMarkdown Composer v4 Themes
Issue on macOS 10.11 with MMD Composer 4.5.12
MultiMarkdown Composer 4 Pro Upgrade
Advanced Preferences