Note that there are some explanatory texts on larger screens.

plurals
  1. POEditing the Reddit Enhancement Suite's Userbar
    primarykey
    data
    text
    <p>I'm currently trying to edit the RES userbar for my subreddit. It looks like this:</p> <p><img src="https://i.imgur.com/BIPuvbv.png" alt="this"></p> <p>It also collapses.</p> <p>I want to float almost all of the elements to the right so that they are lined up vertically. The html for the bar is:</p> <pre><code>&lt;div id="header-bottom-right" class="res-navTop"&gt; &lt;div id="userbarToggle" title="Toggle Userbar" class="userbarHide"&gt;»&lt;/div&gt; &lt;span class="user"&gt; &lt;a href="http://www.reddit.com/user/snowe2010/" style="margin-right: 2px;"&gt; snowe2010 &lt;/a&gt; &lt;span id="RESAccountSwitcherIcon"&gt;&lt;/span&gt; &amp;nbsp;( &lt;span class="userkarma" title=""&gt; &lt;a title="link karma" href="/user/snowe2010/submitted/"&gt;9&lt;/a&gt; · &lt;a title="comment karma" href="/user/snowe2010/comments/"&gt; 2170 &lt;/a&gt; &lt;/span&gt; ) &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a title="no new mail" href="http://www.reddit.com/message/inbox/" class="nohavemail" id="mail"&gt;&lt;/a&gt; &lt;a id="mailCount" href="/message/unread/"&gt;&lt;/a&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;a title="no new mod mail" href="http://www.reddit.com/message/moderator/" class="nohavemail" id="modmail"&gt;mod messages&lt;/a&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;ul class="flat-list hover"&gt; &lt;li&gt; &lt;a href="http://www.reddit.com/prefs/" class="pref-lang"&gt;preferences&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;span id="openRESPrefs"&gt; &lt;span id="RESSettingsButton" title="RES Settings" class="gearIcon newNotification"&gt; &lt;/span&gt; &lt;/span&gt; &lt;span class="separator"&gt;|&lt;/span&gt; &lt;form method="post" action="/logout" class="logout hover"&gt; &lt;input type="hidden" name="uh" value="zoimwqbhhl59526448277e691374c3d0bc47706bb35d0045b9"&gt; &lt;input type="hidden" name="top" value="off"&gt; &lt;a href="javascript:void(0)" onclick="$(this).parent().submit()"&gt;logout&lt;/a&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p>I've currently tried setting each element to a block and then floating right, but that isn't working. I've also tried setting them to display: table-cell; and aligning it, but that isn't working either. </p> <p>Can anybody help me with this?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload