Forums

[resolved] Side-by-side header icons (3 posts)

  1. JCarter718
    Member
    Posted 1 month 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

  2. stvwlf
    Member
    Posted 1 month 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

  3. JCarter718
    Member
    Posted 1 month ago #

    Thanks!!

Reply

You must log in to post.

About this Topic