Jump to content
Sign in to follow this  
amit

Move Menu Elements and Search Bar Around

Recommended Posts

amit

I am trying to move elements of my site around. i.e. move the menu bar to the right (next to the search bar) and have a styling wrapped around both items, as demonstrated in the image below. menu.png And to move the footer in the bottom to the very right, like so footermenu.png

Share this post


Link to post
Share on other sites
amit
Also the background image is hosted at http://gulfifinal.gladwynlewis.com/images/grey.png. Tried modifying the code to make it work, but to no avail.

Share this post


Link to post
Share on other sites
catrina
What code have you been using to make the adjustments? Are you using the CSS? To make adjustments, you'll need to add CSS code to the Custom CSS settings (http://www.pagelines.com/wiki/How_to_Use_the_Custom_Code_Settings). I think you'll need to use the margin property (http://w3schools.com/css/css_margin.asp) to move the navigation bar to the right and the [b]float: right;[/b] attribute (http://www.w3schools.com/cssref/pr_class_float.asp) to move the footer to the right.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
amit
.main_nav li a{ background-color: #EEEEEE; border-bottom: 2px solid #CCCCCC; border-top: 2px solid #EEEEEE; font-family: Arial; font-size: 11px; font-weight: bold; height: 15px; list-style-type: justify; margin-bottom: 10; padding: 0; text-transform: uppercase; float: center; margin: 0; background: url("http://gulfifinal.gladwynlewis.com/images/grey.png") no-repeat scroll right center transparent; padding: 0 16px 0 0; } marquee {margin-top: -35px;} This is the code i've used for the menu, but looking at firebug from this menu style http://13styles.com/demos/cssmenus/matte/ , but it doesn't seem to be working. i.e. i need it to envelope the search field too, as in one bar from end to end, and move the menu towards the right, adjacent to the search field.

Share this post


Link to post
Share on other sites
Danny
Hi Amit, I recommend you contact one of the PageLines Pros for help customising your website. I have provide a link a below. http://www.pagelines.com/pros/

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
amit
Hi Dany, Thanks for your suggestion, but I've already done most of the work, including checking things out in Firebug and transporting the code in, I'm just trying to check out, how and where exactly I've gone wrong. Cheers.

Share this post


Link to post
Share on other sites
amit
I've managed to kind of do it, but unfortunately, this is happening. How do I get rid of the white boxes? [img]http://gulfifinal.gladwynlewis.com/demoimages/MENU2.png[/img]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×