Re: Setting the style for the HTML_Ajax loader

On 1/17/06, Joshua Eichorn <josh@bluga.net> wrote: > Justin Patrin wrote: > > On 1/17/06, Dan Rossi <pear@electroteque.org> wrote: > > > >> hi there, ive tried setting the style and position of the loader div > >> for Ajax however it wont work, what is the way to style it properly ?? > >> > >> HTML_AJAX_Loading > >> { > >> font: 11px Arial; > >> } > >> > >> > > > > Even without looking at the code I know that's not a valid selector. > > You need . or # before the name depending on whether that is a class > > or an id. > > > > -- > > Justin Patrin > > > > > The default element is auto generated and uses style attributes to get > its look. This means its not real easy to change its style using CSS. > The best way to change its look is too just create your own element, if > an element with an id of HTML_AJAX_LOADING exists on the page it will be > used instead. > > An example is given below, but you can use any amount of CSS or html. > The only requirements is that its a block level element and you'll want > it too have an initial display of none. > > <div id='HTML_AJAX_LOADING' style="position: absolute; top: 0; right: 0; > background-color: red; width: 80px; padding: 4px; display: none">Loading ..</div> > You could also use !important in your own CSS to override the HTML_Ajax supplied styles (although this is frowned upon generally) or use a more specific selector (body #HTML_AJAX_LOADING). -- Justin Patrin