<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    Good call, I'm with you.<br>
    - Jim<br>
    <br>
    <div class="moz-cite-prefix">On 8/27/14, 4:28 PM, Neil Smithline
      wrote:<br>
    </div>
    <blockquote
cite="mid:CAH4vb=0adDNZrp6YX-kFfBDnL5OzLL3QwnggzvyCzMY9X4VoEw@mail.gmail.com"
      type="cite">
      <div dir="ltr">I thought of images but apparently 73.2% of
        internet users (<a moz-do-not-send="true"
          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 moz-do-not-send="true" 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 moz-do-not-send="true"
              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 moz-do-not-send="true"
                          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 moz-do-not-send="true"
                          href="tel:408-634-5764" value="+14086345764"
                          target="_blank">408-634-5764</a><br>
                        <a moz-do-not-send="true"
                          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
                            moz-do-not-send="true"
                            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 moz-do-not-send="true"
                                    href="https://en.wikipedia.org/wiki/Template:Round_corners"
                                    target="_blank">https://en.wikipedia.org/wiki/Template:Round_corners</a>
                                  <br>
                                  <a moz-do-not-send="true"
                                    href="https://en.wikipedia.org/wiki/Template:Divbox"
                                    target="_blank">https://en.wikipedia.org/wiki/Template:Divbox</a>
                                  <br>
                                  <a moz-do-not-send="true"
                                    href="https://en.wikipedia.org/wiki/Template:Border-radius"
                                    target="_blank">https://en.wikipedia.org/wiki/Template:Border-radius</a>
                                  <br>
                                  <a moz-do-not-send="true"
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
                                      moz-do-not-send="true"
                                      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
                                      moz-do-not-send="true"
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 moz-do-not-send="true"
                                      href="tel:408-634-5764"
                                      value="+14086345764"
                                      target="_blank">408-634-5764</a> <br>
                                    <a moz-do-not-send="true"
                                      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>
    </blockquote>
    <br>
  </body>
</html>