Re: [web2py] Re: new welcome app - need help with css
On Friday, November 11, 2011 3:31:48 PM UTC-5, Ialejandro wrote: > > Congrats!!! I just got in love of the new tempalte! Wow, beautiful!!! > > When could we test it? > It should be in trunk: http://code.google.com/p/web2py/source/checkout Anthony
Re: [web2py] Re: new welcome app - need help with css
Congrats!!! I just got in love of the new tempalte! Wow, beautiful!!! When could we test it? On Fri, Nov 11, 2011 at 12:19 PM, Anthony wrote: > On Friday, November 11, 2011 12:27:19 PM UTC-5, Furqan wrote: >> >> Massimo can you tell me how to design a website, do I have to be a >> graphic designer to throw a nice little template? >> > > There are lots of free templates, CSS frameworks, and front-end > boilerplates out there. And if you've got a few dollars, there are some > nice themes here: http://themeforest.net/. > > Also, check out: > http://twitter.github.com/bootstrap/ > http://foundation.zurb.com/ > > Anthony >
Re: [web2py] Re: new welcome app - need help with css
On Friday, November 11, 2011 12:27:19 PM UTC-5, Furqan wrote: > > Massimo can you tell me how to design a website, do I have to be a graphic > designer to throw a nice little template? > There are lots of free templates, CSS frameworks, and front-end boilerplates out there. And if you've got a few dollars, there are some nice themes here: http://themeforest.net/. Also, check out: http://twitter.github.com/bootstrap/ http://foundation.zurb.com/ Anthony
Re: [web2py] Re: new welcome app - need help with css
Massimo can you tell me how to design a website, do I have to be a graphic designer to throw a nice little template? On Fri, Nov 11, 2011 at 10:50 AM, Massimo Di Pierro < massimo.dipie...@gmail.com> wrote: > new versions: > > http://tests.web2py.com/examples > http://tests.web2py.com/welcome > > thanks Anthony for the hard work. (I disabled mobile detection menu > because I have not updated the libs yet) > > On Nov 11, 5:58 am, Paolo Caruccio wrote: > > Anthony, > > > > since IE (any version), in some circumstances, has a behavior different > > from other browsers, we need to detect it in css rules. So any solution > is > > good. > > > > Paolo -- *-Furqan Rauf* *Do you love your creator? Love your fellow-beings first. -Prophet Muhammad * *http://www.amway.com/furqanrauf*
[web2py] Re: new welcome app - need help with css
new versions: http://tests.web2py.com/examples http://tests.web2py.com/welcome thanks Anthony for the hard work. (I disabled mobile detection menu because I have not updated the libs yet) On Nov 11, 5:58 am, Paolo Caruccio wrote: > Anthony, > > since IE (any version), in some circumstances, has a behavior different > from other browsers, we need to detect it in css rules. So any solution is > good. > > Paolo
[web2py] Re: new welcome app - need help with css
Anthony, since IE (any version), in some circumstances, has a behavior different from other browsers, we need to detect it in css rules. So any solution is good. Paolo
[web2py] Re: new welcome app - need help with css
On Thursday, November 10, 2011 7:30:38 PM UTC-5, Paolo Caruccio wrote:
>
>
> .web2py_console {position: relative;} /* for #w2p_query_panel positioning
> */
> #web2py_keywords{margin:0 5px;min-width:390px;width:62%;}
> #w2p_query_panel{width:99%;}
> #w2p_query_panel input, #w2p_query_panel select{margin:2px 10px 2px 5px;}
> #w2p_query_panel input[type="text"]{margin:0 5px 0 0;}
> .ie9 #web2py_keywords:focus {border-color:#ccc;} /* fix to prevent border
> vanishing in ie9 */
>
Haven't tried it, but I like that it uses only web2py-specific selectors.
> Moreover I want suggest this change in layout.html:
>
>
> lang="{{=T.accepted_language or 'en'}}">
>
There used to be an [if IE 9], but I removed it (before seeing the .ie9
reference) because most problems with IE that require IE-specific CSS are
with versions prior to 9, so I like to be able to use the .ie selector
strictly for IE<9. As an alternative, how about:
Notice no "ie" class, so .ie only refers to IE<9, but can still use
.ie-lte9 to refer to IE<10 (have to add ie-lte9 to the others as well).
Also, note that lte8 is not appropriate for IE9.
Anthony
[web2py] Re: new welcome app - need help with css
Anthony,
I made some tests after your observations. (web2py Version 1.99.3
(2011-11-08 22:28:53) dev last trunk)
What do you think about the following:
.web2py_console {position: relative;} /* for #w2p_query_panel positioning */
#web2py_keywords{margin:0 5px;min-width:390px;width:62%;}
#w2p_query_panel{width:99%;}
#w2p_query_panel input, #w2p_query_panel select{margin:2px 10px 2px 5px;}
#w2p_query_panel input[type="text"]{margin:0 5px 0 0;}
.ie9 #web2py_keywords:focus {border-color:#ccc;} /* fix to prevent border
vanishing in ie9 */
Moreover I want suggest this change in layout.html:
Paolo
[web2py] Re: new welcome app - need help with css
Other css rules are related to the specific case and override the general css rules applied to web2py_grid. But I'm agreed with you: the best solution is to give a class or an id to the container div. Paolo
[web2py] Re: new welcome app - need help with css
On Thursday, November 10, 2011 7:50:01 AM UTC-5, Paolo Caruccio wrote:
>
> We still need to identify the div container to prevent the CSS rules apply
> to generic tags (such as table and div).
> In the case under discussion, I used div.columns because it already
> existed in the html layout.
> I noticed that the table is inside another div generic. We could give a
> identities to it (eg"grid_container") and apply to this the css rules.
> In other words, if you remove the .columns references it will still work but
> the css rules will also apply to all html table elements.
Only these two:
.columns table{width:100%;}
.columns table td:last-child{width:100%;}
Everything else already has a web2py-specific selector. But using .columns
is not helpful because when using Skeleton, virtually every bit of content
is inside a .columns (or .column) div -- so all tables will be affected
anyway. Instead, as you suggest, we should give a class to the grid div.
Anthony
[web2py] Re: new welcome app - need help with css
We still need to identify the div container to prevent the CSS rules apply to generic tags (such as table and div). In the case under discussion, I used div.columns because it already existed in the html layout. I noticed that the table is inside another div generic. We could give a identities to it (eg"grid_container") and apply to this the css rules. In other words, if you remove the .columns references it will still work but the css rules will also apply to all html table elements. Paolo
[web2py] Re: new welcome app - need help with css
OK, then I assume it's safe to remove the .columns references, right? That way it will still work when not using Skeleton. Anthony On Thursday, November 10, 2011 4:18:12 AM UTC-5, Paolo Caruccio wrote: > > Anthony you're right. the class .columns is Skeleton. > I repeated the case indicated by Massimo without modify other than > static/css/ > web2py.css (the html code is generated automatically from web2py). > The ugly layout depended on the width of the table (containing web2py_grid) > inserted in div.columns. > So I adjusted the width of the table to that of its container ( > div.columns). > To avoid misunderstandings I used the selector .columns in css rules. > > Paolo >
[web2py] Re: new welcome app - need help with css
Anthony you're right. the class .columns is Skeleton. I repeated the case indicated by Massimo without modify other than static/css/ web2py.css (the html code is generated automatically from web2py). The ugly layout depended on the width of the table (containing web2py_grid) inserted in div.columns. So I adjusted the width of the table to that of its container ( div.columns). To avoid misunderstandings I used the selector .columns in css rules. Paolo
[web2py] Re: new welcome app - need help with css
On Wednesday, November 9, 2011 6:41:40 PM UTC-5, Paolo Caruccio wrote:
>
> Please try this for problem #2 (tested on windows7 IE9,
> Chrome 15.0.874.106, FF8.0, Opera 11.52, web2py 1.99.3 <2011-11-08
> 22:28:53> dev)
>
> .web2py_console {position: relative;}
> .columns table{width:100%;}
> .columns table td:last-child{width:100%;}
> .columns table input#web2py_keywords{display:inline;margin:0
> 5px;width:350px;}
> .columns table #w2p_query_panel
> {left:0;height:26px;bottom:-4px;min-width:539px;}
> .columns table #w2p_query_panel input, .columns table #w2p_query_panel
> select{margin:2px 10px 2px 5px;}
> .columns table #w2p_query_panel input[type="text"]{margin:-2px 5px 0 0;}
>
Is the .columns part necessary? Ideally, the web2py-specific CSS shouldn't
be dependent on the Skeleton CSS. Also, I think Skeleton also has a .column
class, so presumably would need to repeat for that case.
Anthony
[web2py] Re: new welcome app - need help with css
Please try this for problem #2 (tested on windows7 IE9,
Chrome 15.0.874.106, FF8.0, Opera 11.52, web2py 1.99.3 <2011-11-08
22:28:53> dev)
.web2py_console {position: relative;}
.columns table{width:100%;}
.columns table td:last-child{width:100%;}
.columns table input#web2py_keywords{display:inline;margin:0
5px;width:350px;}
.columns table #w2p_query_panel
{left:0;height:26px;bottom:-4px;min-width:539px;}
.columns table #w2p_query_panel input, .columns table #w2p_query_panel
select{margin:2px 10px 2px 5px;}
.columns table #w2p_query_panel input[type="text"]{margin:-2px 5px 0 0;}
Paolo
