<div dir="ltr">I thought of images but apparently 73.2% of internet users (<a href="http://www.internetworldstats.com/stats7.htm">http://www.internetworldstats.com/stats7.htm</a>) prefer languages other than English. While I have often thought that it would be cheaper to teach the world English than to I18N, for this project I think that we must go with I18N. Images with text are awkward for I18N so they're out. This change should carry across languages.<div>

<br></div><div>I'll change the format of the official page to match this format. That will be a good start.</div><div><br></div><div>Neil<br><div><br></div><div><br></div></div></div><div class="gmail_extra"><br clear="all">

<div><br>Neil Smithline<br>408-634-5764<br><a href="http://www.neilsmithline.com" target="_blank">http://www.neilsmithline.com</a><br></div>
<br><br><div class="gmail_quote">On Wed, Aug 27, 2014 at 7:07 PM, Jim Manico <span dir="ltr"><<a href="mailto:jim.manico@owasp.org" target="_blank">jim.manico@owasp.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">


  
    
  
  <div bgcolor="#FFFFFF" text="#000000">
    Much better. That or use images for the topic names instead of
    markup. But much better and THANK YOU NEIL.<span class="HOEnZb"><font color="#888888"><br>
    <br>
    - Jim</font></span><div><div class="h5"><br>
    <br>
    <div>On 8/27/14, 4:01 PM, Neil Smithline
      wrote:<br>
    </div>
    <blockquote type="cite">
      <div dir="ltr">Thanks guys. It sounds like things are perhaps
        better but inconsistent. 
        <div><br>
        </div>
        <div>Torsten - exactly what the final should be is the big
          question. What is there was an attempt to reproduce the
          formatting in the print version. My thought is that we should
          forget that. The web page has to be more dynamic than the
          print version and, unless someone knows a magical HTML
          incantation, I'm going with it being impossible.</div>
        <div><br>
        </div>
        <div>So I'm playing around with new formatting. I have a
          prototype at <a href="https://www.owasp.org/index.php/User:Neil_Smithline" target="_blank">https://www.owasp.org/index.php/User:Neil_Smithline</a>.
          What do you think? I think it will be an improvement if I can
          make the gradient less of an eyesore. What's your thoughts?
          Once we agree on the format I can tweak the official page.</div>
      </div>
      <div class="gmail_extra"><br clear="all">
        <div><br>
          Neil Smithline<br>
          <a href="tel:408-634-5764" value="+14086345764" target="_blank">408-634-5764</a><br>
          <a href="http://www.neilsmithline.com" target="_blank">http://www.neilsmithline.com</a><br>
        </div>
        <br>
        <br>
        <div class="gmail_quote">On Wed, Aug 27, 2014 at 5:04 PM,
          Torsten Gigler <span dir="ltr"><<a href="mailto:torsten.gigler@owasp.org" target="_blank">torsten.gigler@owasp.org</a>></span>
          wrote:<br>
          <blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
            <div bgcolor="#FFFFFF" text="#000000">
              <div>
                <div>Hi Neil,<br>
                  <br>
                  Thank you for your workaround.<br>
                  - the English T10 Wiki looks fine here, even with my
                  smartphone (see file included), :-)<br>
                  - for the German T10-Wiki it is fine, :-)<br>
                  - for the T10 Developer Edition this page is 'under
                  style testing'. I've tried with <br>
                  <blockquote>vertical-align:middle<br>
                  </blockquote>
                  and<br>
                  <blockquote>|- style="vertical-align:middle" <br>
                  </blockquote>
                  But I've not yet found a good solution.... Here I did
                  not add your workaround as both style commands seem
                  not to work good together....<br>
                  <br>
                  I am not sure how it should look like at the end...<br>
                  Is it only a question, that the text stays inside the
                  box (e.g. making automatically the box higher) if you
                  see the page with a laptop, tablet or even with a
                  smartphone?<br>
                  Or is it more, like, should the boxes be partially
                  overlapped? Should all corners be round?<br>
                  <blockquote>I've had a look to wikimedia about 'round
                    Corners', perhaps you find some ideas there
                    (especially the last one shows more in depth what
                    could be possible)<br>
                    <a href="https://en.wikipedia.org/wiki/Template:Round_corners" target="_blank">https://en.wikipedia.org/wiki/Template:Round_corners</a>
                    <br>
                    <a href="https://en.wikipedia.org/wiki/Template:Divbox" target="_blank">https://en.wikipedia.org/wiki/Template:Divbox</a>
                    <br>
                    <a href="https://en.wikipedia.org/wiki/Template:Border-radius" target="_blank">https://en.wikipedia.org/wiki/Template:Border-radius</a>
                    <br>
                    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#Browser_compatibility" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#Browser_compatibility</a>
                    <br>
                    Perhaps it could be necessary to install some
                    additional features to our wiki to use some of the
                    examples...<br>
                  </blockquote>
                  Kind regards<br>
                  Torsten<br>
                  <br>
                  Am 27.08.2014 um 19:45 schrieb Jim Manico:<br>
                </div>
              </div>
              <blockquote type="cite">On mobile or small screens, I
                still see this. Just a FYI. <br>
                <div>
                  <div> <br>
                    Thank you Neil, I really appreciate your service in
                    helping us clean this up. <br>
                    <br>
                    Aloha, <br>
                    Jim <br>
                    <br>
                    <br>
                    On 8/26/14, 6:39 PM, Neil Smithline wrote: <br>
                    <blockquote type="cite">I'm still planning on
                      revamping <a href="https://www.owasp.org/index.php/Top_10_2013-Top_10" target="_blank">https://www.owasp.org/index.php/Top_10_2013-Top_10</a>
                      but I made a quick fix to it that seems to make
                      the green box messiness go away. I'd be interested
                      to hear if others are seeing the boxes not being
                      messy now. <br>
                      <br>
                      Torsten - can you let me know if I my change
                      breaks it for German (that's your language, isn't
                      it?)? I still want to come up with a better design
                      for the page but will leave my little fix in (<a href="https://www.owasp.org/index.php?title=Top_10_2013-Top_10&diff=181201&oldid=180559" target="_blank">https://www.owasp.org/index.php?title=Top_10_2013-Top_10&diff=181201&oldid=180559</a>)
                      for the interim if it doesn't make things worse. <br>
                      <br>
                      Neil <br>
                      <br>
                      Neil Smithline <br>
                      <a href="tel:408-634-5764" value="+14086345764" target="_blank">408-634-5764</a>
                      <br>
                      <a href="http://www.neilsmithline.com" target="_blank">http://www.neilsmithline.com</a>
                      <br>
                    </blockquote>
                    <br>
                  </div>
                </div>
              </blockquote>
              <br>
            </div>
          </blockquote>
        </div>
        <br>
      </div>
    </blockquote>
    <br>
  </div></div></div>

</blockquote></div><br></div>