Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Other Discussions
  3. Site Bugs / Suggestions
  4. Let's fix the article submission problems

Let's fix the article submission problems

Scheduled Pinned Locked Moved Site Bugs / Suggestions
htmlcssgraphicshelp
7 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    gggustafson
    wrote on last edited by
    #1

    I just finished experimenting and found that you ignore width:50%; attribute in an image element. Rather you display the actual size on disc of the image. That's wrong!! It means that authors cannot specify an image to float to the left with text to the right, or vice-versa. I do not create graphics to fit the article. I create graphics that are readable in an image viewer. When I want to include a graphics image, I scale the image using standard HTML/CSS. Gus Gustafson

    C 1 Reply Last reply
    0
    • G gggustafson

      I just finished experimenting and found that you ignore width:50%; attribute in an image element. Rather you display the actual size on disc of the image. That's wrong!! It means that authors cannot specify an image to float to the left with text to the right, or vice-versa. I do not create graphics to fit the article. I create graphics that are readable in an image viewer. When I want to include a graphics image, I scale the image using standard HTML/CSS. Gus Gustafson

      C Offline
      C Offline
      Chris Maunder
      wrote on last edited by
      #2

      It would be awesome if we had 100% of authors be 100% correct with their HTML but that doesn't happen. When we have to balance the 1% of authors who require special HTML treatment (which we actively discourage because it usually means an inconsistent article viewing experience) with the 99% of readers who really want to be able to read an article without the images blowing out the browser bounds then I'm sure you can appreciate the dilemma. However, have you tried using the important! qualifier on your width style? I'm going from memory here but that may get you what you're after.

      cheers Chris Maunder

      G 1 Reply Last reply
      0
      • C Chris Maunder

        It would be awesome if we had 100% of authors be 100% correct with their HTML but that doesn't happen. When we have to balance the 1% of authors who require special HTML treatment (which we actively discourage because it usually means an inconsistent article viewing experience) with the 99% of readers who really want to be able to read an article without the images blowing out the browser bounds then I'm sure you can appreciate the dilemma. However, have you tried using the important! qualifier on your width style? I'm going from memory here but that may get you what you're after.

        cheers Chris Maunder

        G Offline
        G Offline
        gggustafson
        wrote on last edited by
        #3

        Am I the only contributor who is complaining?
        What was originally submitted was

        &< id="masterpage"
        href="master_page.png" >
        <img alt="Master Page"
        src="master_page.png"
        style="float:left;
        margin-right:10px;" />

        That was replaced by

        <a id="masterpage"
        href="master_page.png" >
        <img alt="Master Page"
        src="master_page.png"
        style="float:left;" />

        I changed the image size (with a lot of effort) to 269x131 and the HTML to

        <a id="masterpage"
        href="master_page.png" >
        <img alt="Master Page"
        src="master_page.png"
        style="float:left;" />

        Now it displayed at about 50% width. So I reverted to the original image (760x325) and submitted

        <a id="masterpage"
        href="master_page0.png" >
        <img alt="Master Page"
        src="master_page0.png"
        style="float:left;
        width:50%;" />

        That was replaced by

        <a id="masterpage"
        href="master_page0.png" >
        <img alt="Master Page"
        src="master_page0.png"
        style="float:left;" />

        At this point. the image is too large. Here I sent my first email.
        As you suggested, I added !important to each image style as in

        <a ... >
        <img alt="..."
        src="..."
        style="float:left;
        width:50%; !important" />

        For 3 of the 4 images, !important appears to work. But the first image is too large.

        Do you guys want help? Ir's very irritating to report problems over and over.

        Gus Gustafson

        C 1 Reply Last reply
        0
        • G gggustafson

          Am I the only contributor who is complaining?
          What was originally submitted was

          &< id="masterpage"
          href="master_page.png" >
          <img alt="Master Page"
          src="master_page.png"
          style="float:left;
          margin-right:10px;" />

          That was replaced by

          <a id="masterpage"
          href="master_page.png" >
          <img alt="Master Page"
          src="master_page.png"
          style="float:left;" />

          I changed the image size (with a lot of effort) to 269x131 and the HTML to

          <a id="masterpage"
          href="master_page.png" >
          <img alt="Master Page"
          src="master_page.png"
          style="float:left;" />

          Now it displayed at about 50% width. So I reverted to the original image (760x325) and submitted

          <a id="masterpage"
          href="master_page0.png" >
          <img alt="Master Page"
          src="master_page0.png"
          style="float:left;
          width:50%;" />

          That was replaced by

          <a id="masterpage"
          href="master_page0.png" >
          <img alt="Master Page"
          src="master_page0.png"
          style="float:left;" />

          At this point. the image is too large. Here I sent my first email.
          As you suggested, I added !important to each image style as in

          <a ... >
          <img alt="..."
          src="..."
          style="float:left;
          width:50%; !important" />

          For 3 of the 4 images, !important appears to work. But the first image is too large.

          Do you guys want help? Ir's very irritating to report problems over and over.

          Gus Gustafson

          C Offline
          C Offline
          Chris Maunder
          wrote on last edited by
          #4

          Yes, you are the only author complaining. Can you please send me the HTML as you want to see it posted and I'll experiment directly. I'm not going to promise we allow you to use every style and attribute you wish (for the aforementioned reasons) but I can at least give you an explanation of what we're doing, or possibly fix any bugs that you may be a victim of if they exist.

          cheers Chris Maunder

          realJSOPR G 2 Replies Last reply
          0
          • C Chris Maunder

            Yes, you are the only author complaining. Can you please send me the HTML as you want to see it posted and I'll experiment directly. I'm not going to promise we allow you to use every style and attribute you wish (for the aforementioned reasons) but I can at least give you an explanation of what we're doing, or possibly fix any bugs that you may be a victim of if they exist.

            cheers Chris Maunder

            realJSOPR Online
            realJSOPR Online
            realJSOP
            wrote on last edited by
            #5

            It's because the rest of us gave up complaining. :)

            ".45 ACP - because shooting twice is just silly" - JSOP, 2010
            -----
            You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
            -----
            When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

            G 1 Reply Last reply
            0
            • C Chris Maunder

              Yes, you are the only author complaining. Can you please send me the HTML as you want to see it posted and I'll experiment directly. I'm not going to promise we allow you to use every style and attribute you wish (for the aforementioned reasons) but I can at least give you an explanation of what we're doing, or possibly fix any bugs that you may be a victim of if they exist.

              cheers Chris Maunder

              G Offline
              G Offline
              gggustafson
              wrote on last edited by
              #6

              I've emailed you a document that includes seven examples of problems. I am awaiting your response.

              Gus Gustafson

              1 Reply Last reply
              0
              • realJSOPR realJSOP

                It's because the rest of us gave up complaining. :)

                ".45 ACP - because shooting twice is just silly" - JSOP, 2010
                -----
                You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
                -----
                When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013

                G Offline
                G Offline
                gggustafson
                wrote on last edited by
                #7

                I've emailed Chris separately a document that includes seven examples of problems. I am awaiting his response.

                Gus Gustafson

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Categories
                • Recent
                • Tags
                • Popular
                • World
                • Users
                • Groups