• 0
Sign in to follow this  
Followers 0

Move Menu Elements and Search Bar Around

Question

Posted · Report post

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

6 answers to this question

  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

.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
  • 0

Posted · Report post

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/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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  
Followers 0