<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>