Andzia wrote:
> Hello,
> this is my first post to this list. I am creating this website:
> http://klikerlab.pl/wordpress/
> using WP Framework. I made a jpg image to illustrate what I want to achieve:
> http://klikerlab.pl/wordpress/wp-content/uploads/2009/07/klikerlab_glowna.jpg
> and now I'm working on the menu, which will appear at the bottom of the
> page, above the footer. In WP Framework it was under the header. Currently I
> have these problems with it:
> - the bacground is larger than the menu. I think that this is some kind of
> margin on top of the .nav or .ul class, but I can't find it. I tried to set
> the bacground color in different class (not in .menu) but then it
> disappears.
Hi Ania, and welcome.
There are some coding errors that make it difficult to diagnose. Correct
those and ask again if that does not work. (BTW - You may be better off
using an HTML DOCTYPE with the markup you use.)
> - the menu is not as wide as the browser's window. There is a little margin
> on both sides, and I don't know how to remove it (this is different than in
> my design, I decided that the menu will look better with maximum width).
Some browsers add some margin, padding, or border on the BODY element.
To get your page to go to the edge of the window, I suggest using this
CSS rule:
body {
margin: 0;
padding: 0;
border: 0;
}
> - I don't know how to center the menu items (like in the "real" footer in
> this website).
Can we defer this until the menu is working?
> Also, Firebug says that there is a html.css file, and it finds some more css
> in this file. But in Wordpress Editor I have only style.css and php
> templates. So where would be that html.css?
All browsers apply their own styles. While this is hidden in IE, Firefox
has a style sheet you can actually look at - this is html.css. Activate
the link shown in Firebug, and you can see what defaults Firefox applies
- including your mysterious margin.
Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
