still fighting with this cornflower time.
this is the image of what i have
what i want is blue headers and side blocks the same size.
i want that space so they don't touch the side of the page.... i tried with .body
.content..... but nothing changes.
also with
.content.left-column {
margin-right: 10px;
margin-left: 10px;
}
.content.right-column {
margin-right: 10px;
margin-left: 10px;
}
this is the css i've seen in the firefox help of css details...
but i'm thinking maybe instead or a "." needs a "#"... not sure anymore.
if anyone can help me out, please?
thanks a lot
m
Hello,
Well, blue headers of side blocks are the same size in the original cornflower theme. The question is: what have you been doing with the CSS so that now they are not the same size? Maybe you should start afresh with the original theme?
Joseph
Well, blue headers of side blocks are the same size in the original cornflower theme. The question is: what have you been doing with the CSS so that now they are not the same size? Maybe you should start afresh with the original theme?
Joseph
thanks for answering me !
and yes, you are right i did play too much with css.
but the space between blocks and the edge of the page are due to
.content
nothing to do with header....
i just wanted to leave a margin on the whole page.
... i will give it a go, with a new layout page.
thaks!
and yes, you are right i did play too much with css.
but the space between blocks and the edge of the page are due to
.content
nothing to do with header....
i just wanted to leave a margin on the whole page.
... i will give it a go, with a new layout page.
thaks!
Hi Montse,
the content container and the left and right column container are defined with the IDs "#content" and "#left-column". Additionally in the CSS example you posted there is no space between the two CSS references. In your example you address an object with the CLASS ".content" and the CLASS ".left-column". Such an object does not exists in Moodle pages.
With "#left-column" you address a <td> object, which has no margin property. Try to solve your task with "padding" like:
#content #left-column {
padding-right: 10px;
padding-left: 10px;
}
If you want a space for the left and right side of the content part of page you can write:
#content {
margin-left: 10px;
margin-right: 10px;
}
I hope this helps you proceed
Urs
thank you Urs
yes,
thank you
everything is great now.
with the little# i fixed everything.
montse
yes,
thank you
everything is great now.
with the little# i fixed everything.
montse