WordPress.org

1. xerxes102
   Member
   Posted 12 months ago #

   Hey guys,
   I have a new website (
   http://mradamduckworth.com) and I am trying to do some text alignment. I would like for all the page links (home, about, directing, acting, other projects) to stay on the left, but I would like to align the others (youtube, facebook, twitter) on the right. The simple align tag isn't helping and I'm not that great at CSS, so if anyone has a clue, that would be great.
   Thanks

2. wprock
   Member
   Posted 12 months ago #

   remove the three link from ul and put the below code after the '</ul>' tag

   <div style="float:right">
   <ul id="dropmenu">
   <li><a linkindex="84" href="http://www.youtube.com/mradamduckworth">YouTube</a></li>
   <li><a linkindex="83" href="http://www.facebook.com/aduckworth2">Facebook</a></li>
   <li style="margin-right:35px"><a linkindex="82" href="http://twitter.com/#!/mradamduckworth">Twitter</a></li>
   </ul>
   </div>

3. xerxes102
   Member
   Posted 12 months ago #

   Thank you!

4. wprock
   Member
   Posted 11 months ago #

   whole code will be like this

   <div id="nav">
   
   <ul id="dropmenu">
   
   <li ><a rel="bookmark" title="Home" href="http://mradamduckworth.com">Home</a></li>
   
   <li class="page_item page-item-2"><a href="http://mradamduckworth.com/?page_id=2" title="About">About</a></li>
   <li class="page_item page-item-5"><a href="http://mradamduckworth.com/?page_id=5" title="Directing">Directing</a></li>
   
   <li class="page_item page-item-31"><a href="http://mradamduckworth.com/?page_id=31" title="Acting">Acting</a></li>
   <li class="page_item page-item-33"><a href="http://mradamduckworth.com/?page_id=33" title="Other Projects">Other Projects</a></li>
   
   </ul>
   
   <div style="float:right">
   <ul id="dropmenu">
   <li><a linkindex="84" href="http://www.youtube.com/mradamduckworth">YouTube</a></li>
   <li><a linkindex="83" href="http://www.facebook.com/aduckworth2">Facebook</a></li>
   <li style="margin-right:35px"><a linkindex="82" href="http://twitter.com/#!/mradamduckworth">Twitter</a></li>
   </ul>
   </div>
   
   </div>

   but this following html code will be replace with WP menu function

   <li ><a rel="bookmark" title="Home" href="http://mradamduckworth.com">Home</a></li>
   
   <li class="page_item page-item-2"><a href="http://mradamduckworth.com/?page_id=2" title="About">About</a></li>
   <li class="page_item page-item-5"><a href="http://mradamduckworth.com/?page_id=5" title="Directing">Directing</a></li>
   
   <li class="page_item page-item-31"><a href="http://mradamduckworth.com/?page_id=31" title="Acting">Acting</a></li>
   <li class="page_item page-item-33"><a href="http://mradamduckworth.com/?page_id=33" title="Other Projects">Other Projects</a></li>

Reply

You must log in to post.