Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Position in Wordpress WordPress

  • SOLVED

I'm having trouble re-positioning some IDs in my theme code.

for this site: http://cilque.com/blog/ i would like the menu (the bottom of the second menu line) to sit right above the pink line.



<body <?php body_class(); ?>>

<div id="outside">

{the following is contained within a sidebar.php file that i've copied in here for review purposes }

<aside>
<div id="sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar Widgets')) : else : ?>


<?php endif; ?>


</div> <!-- ends sidebar -->
</aside>

<a href="http://cilque.com/blog/"><img src="http://cilque.com/blog/wp-content/themes/CilqueDesign2.0/images/logo.png" class="logo" /></a>


<div id="container">

<div id="content">


---

i had everything working fine and then lost everything by accident! can someone help?


thanks!

Answers (2)

2011-04-21

Ivaylo Draganov answers:

Hi,

Do you mean the main menu at the top?
Try something like that in your <em>style.css</em>:

aside {
position: relative;
}
#sidebar {
postition: absolute;
}


This makes it possible to anchor the #sidebar div to the bottom of it's parent(e.g. <aside>). You could then further tweak the styles - heights, margins and so on.


Emilia Farrace comments:

thank you! this worked!


Ivaylo Draganov comments:

An even better solution:

aside {
float: left;
}
#sidebar {
float: left;
width: 670px;
}


There sure are other approaches. Make sure to test that in different browsers.

2011-04-21

S├ębastien | French WordpressDesigner answers:

you can add something like that in the file style.css
#nav_menu-5{position: absolute; top: 100px; right: 0;}


Emilia Farrace comments:

thank you for answering - i just used the previous reply first and it worked! i do appreciate you taking the time, however. thank you!


Emilia Farrace comments:

thank you for answering - i just used the previous reply first and it worked! i do appreciate you taking the time, however. thank you!