some text align in header

  • xerxes102

    (@xerxes102)


    12 years, 10 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • wprock

    (@wprock)

    12 years, 10 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>
    Thread Starter xerxes102

    (@xerxes102)

    12 years, 10 months ago

    Thank you!

    wprock

    (@wprock)

    12 years, 10 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>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘some text align in header’ is closed to new replies.