Офсетные вкладки Jquery

Question

Я занимаюсь редизайном / оптимизацией своего сайта и собираюсь сделать это с помощью jQuery, но некоторые вещи, которые я делал вручную, просто не могу понять, что делать в jQuery.

Я получил свои вкладки + в соответствии с работойно я хочу отключить настройку первой вкладки, чтобы я мог вставить логотип и затем выровнять немного текста по правому краю после вкладок

Я также хотел бы поставить проставку в середине для изображения:

<div id="tabs" class="tabs">
  <ul>
    <li><a href="#tabs-smaller-1">Biography</a></li>
    <li><a href="#tabs-smaller-2">Personality</a></li>
    <li><a href="#tabs-smaller-3">Powers/Abilities</a></li>
    <li><a href="#tabs-smaller-4">Forms</a></li>
    <li><a href="#tabs-smaller-5">Equipment</a></li>
    <li><a href="#tabs-smaller-6">Notes</a></li>
    <li><a href="#tabs-smaller-7">Statistics</a></li>
    <li><a href="#tabs-smaller-8">Gallery</a></li>
  </ul>
  <div id="tabs-smaller-1">
    <!-- Accordion -->
    <div id="accordion">
        <h3>First</h3>
        <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
        <h3>Second</h3>
        <div>Phasellus mattis tincidunt nibh.</div>
        <h3>Third</h3>
        <div>Nam dui erat, auctor a, dignissim quis.</div>
    </div>

Answer 1

Поищите его самостоятельно, так что я делюсь с кем-либо, кто хочет сделать подобное для размещения изображения, а правильный текст просто использовать абсолютную позицию

<div id="tabs" class="tabs">
<div style="position: absolute; right: 1em; top: 0em; margin-top: 1em;">
sdfsdfsdf sdfsdf sdf sdfsdf
</div>
<div style="position: absolute; margin-top: 0.5em;">
<img src="../images/TQG_Logo.png" height="35" alt="" border="0" style="margin-left:0.1em;">
</div>

Для смещения установите стиль на первую кнопку

<li style="margin-left: 7em"><a href="#tabs-smaller-1">Biography</a></li>