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