CSS problem, urgent HELP!?

Question

Hi people how can i place page elemenst in a window with CSS like this simple examle http://i9.tinypic.com/4lzammo.jpg can you write the CSS for this sample arrengment?

please please please write a working CSS.
thanks A LOT.

Answer 1

One way is three divs, each 33%, floated left; within each, place two divs, with the appropriate background color and up/down margins.

Another is outer wrapper, fixed width, within which: left div, floated left, 33%, right div, floated right, 67%; then within right div, two divs; left-inner div 50% floated left; right-inner div, 50% floated right. In this case, for all divs, display-inline; margin-left: 0; margin-right: 0;

If you *must* fix the widths of the colored blocks then it is best to make them separate blocks *inside* the divs described above, as some browsers measure widths in different manners from the way in which other browsers measure widths.

So in one manner of writing you could get verbose and end up with as many as...lessee...11 divs?

Answer 2

you will possibly not comprehend it, yet a link has 4 diverse states that it is in. CSS facilitates you to customize each and each state. Please seek advice from here key terms that each and each correspond to one particular state: * link - this could be a link that has not been used, neither is a mouse pointer hovering over it * visited - this could be a link that has been used earlier, yet has no mouse on it * hover - this could be a link presently has a mouse pointer hovering over it/on it * lively - this could be a link it fairly is in the potential of being clicked using CSS you additionally could make a diverse seek for one and all of those states: a:link { shade:#006; text fabric-ornament:none; cursor:pointer; } a:visited { shade:#369; } a:hover { shade:#f60; text fabric-ornament:underline; } a:concentration { define: none; /* eliminate the dotted define extra by potential of Firefox */ } a:lively { shade:#fc9; cursor:wait; } a:link {shade: #090;} a:visited {shade: #999;} a:hover {shade: #333;} a:concentration {shade: #333;} a:lively {shade: #090;} Order concerns. If "a:lively" precedes "a:hover", the effects in "a:hover" will take priority. So, in this occasion, you does not see the colour replace while the person clicks down on a link. Ron