Forums » Customize

adjustable size of menu background

tudor
ROMANIA
2009-10-13 09:48:09
Permalink Post
 

hello.
i would like to have with my expandable menu the background color to adjust to the minimum size required.

for example:
http://www.lafilladelfotografu.com/

where to start?

thank you.

Vaska A
UNITED STATES
2009-10-13 09:57:27
Permalink Post
 

Could you explain more? I don't understand what you are trying to achieve...

tudor
ROMANIA
2009-10-13 10:07:26
Permalink Post
 

yes.
as u can see in the site i gave as example, the result is there. the white background of the menu follows the content of the menu..
so when menu is no expanded the white background is smaller and as u start expanding the menues it grows..

Webpage

i hope that is not a very complex procedure..

thanks a lot vaska.

lemathieu A
FRANCE
2009-10-13 10:47:40
Permalink Post
 

I encourage you to have a look at the way she does it via her source code (and get firebug for firefox, it's great).
You will see what she done.

tudor
ROMANIA
2009-10-13 11:18:41
Permalink Post
 

thanks lemathieu.
i was using developer tools with google chrome.
i installed firebug as well..now..
but as i am a beginner it always more helpfull a hint and then i can have a clue what to do..
thanks.

tudor
ROMANIA
2009-10-13 17:03:52
Permalink Post
 

hello.
sorry, but i was not able to find what is the effect used to get this slide of the background behind the menu bar, when expandable menus extend or shrink..

a direction would be really helpful, so i can look more into that.
thanks.

lemathieu A
FRANCE
2009-10-13 17:27:59
Permalink Post
 

that start with "height:auto;" in the #menu

tudor
ROMANIA
2009-10-13 17:35:57
Permalink Post
 

i did that.
that i figured it out..
the rest is a mystery..
i don't know if it is a j query .js

lemathieu A
FRANCE
2009-10-13 18:40:41
Permalink Post
 

not at all… pure css.
it says "the content stay inside the bloc at 20px of th bottom…" so when the expandable menu works (this is a .js/javascipt), the block expand.

what's your site ?

tudor
ROMANIA
2009-10-13 18:42:41
Permalink Post
 

www.tudorvlasceanu.com
i will have a look at the .css
merci.

tudor
ROMANIA
2009-10-13 19:00:40
Permalink Post
 


do i need to ad more code in the .css except height: auto (which i already have)
the thing doesn't work with only this.

lemathieu A
FRANCE
2009-10-13 19:38:53
Permalink Post
 

ok, better with the link…

So, in your #menu code you have

  1. top: 4px;
  2. left: 10px;
  3. bottom: 0;

If top : 4 px mean your menu start at 4px from the top, left : 10px it start at 10pixels from the left and…

;)

arsondpi A
GREECE
2009-10-13 19:41:07
Permalink Post
 

Movebackground:#fff; from #menu to #menu .container

I'm not gonna explain this better. Consider it a part of an excercise.

tudor
ROMANIA
2009-10-13 19:43:47
Permalink Post
 

uhuuuu.
merci lemathieu.
for patience and guidance...
it works
haha.
thanks

tudor
ROMANIA
2009-10-13 19:55:00
Permalink Post
 

guys i have only one problem.
the menu works just fine
but when i go to

say hi to me

i get scroll bars..even if i don't need them yet.
i used iframed to put the say hi to me into one exhibit.
any idea how to get rid of this.
thanks.

lemathieu A
FRANCE
2009-10-13 20:18:30
Permalink Post
 

search the menu for iframe scroll bar issues…
you will find.

;)

tudor
ROMANIA
2009-10-13 21:28:13
Permalink Post
 

i moved the background #ffff in
the .container and the scroll issue is solved, but now i have a big area with white transparent color over my random background...
what can i move more
thanks.
Webpage

arsondpi A
GREECE
2009-10-13 22:14:19
Permalink Post
 

I mentioned #menu .container not .container only.

tudor
ROMANIA
2009-10-13 22:53:21
Permalink Post
 

i think i fixed.
many thanks.

tudor
ROMANIA
2009-10-13 23:56:37
Permalink Post
 

thanks to all.
:)

Showing 1 - 20 of 20 posts in Forum > Customize > adjustable size of menu background
 

You need to be logged in to post.