Side-by-side header icons

  • Resolved JCarter718

    (@jcarter718)


    16 years, 7 months ago

    How can I make the twitter and rss icons in my header tile side-by-side instead of on top of each other? I’ve tried the alignleft/alignright commands.

    Code (contained within my header stuff):

    <div id="quicklinks">
<a href="http://twitter.com/firstbite" target="_blank"><img src="/wp-admin/images/twitter.png" align="alignleft" width="105" height="75"></a>
	<li><a title="rss" href="<?php bloginfo('rss2_url'); ?>" class="rss"> <img src="/wp-admin/images/rss2.jpg" align="alignright" width="105" height="75"></a></li>

    Site url (in case I’ve left anything out): http://www.first-bite.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • stvwlf

    (@stvwlf)

    16 years, 7 months ago

    change your CSS

    line 117 – add new line as below

    #quicklinks {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:13px 23px 13px 13px;
position:absolute;
right:0;
top:0;
ADD ---> width:225px;
}

    Add new section to style.css

    #quicklinks a {
  float:right;
}

    If you want Twitter first, make it float: left instead of float: right

    Thread Starter JCarter718

    (@jcarter718)

    16 years, 7 months ago

    Thanks!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Side-by-side header icons’ is closed to new replies.