CSS浮动样式将按钮放在页面的右上方

时间:2014-11-05 13:59:49

标签: css css-float

在下面的图片中,有人可以建议吗

我需要向上定位登录和注册按钮

正确使用Float - 我可以在页面右侧放置按钮

.discuss-main-list div.tab-content div.tab-pane.active.discussPostsList.DS06485251280568793 div#mod_improved_ajax_login-93  a.logBtn.selectBtn {      float:right }

.discuss-main-list div.tab-content div.tab-pane.active.discussPostsList.DS06485251280568793 div#mod_improved_ajax_login-93 a.regBtn.selectBtn {      float:right }

但如何将这些按钮放在红色矩形部分的问题按钮下方

有人可以建议如何实现相同的

网站

http://www.mycarhelpline.com/index.php?option=com_easydiscuss&view=index&category_id=0&Itemid=78

enter image description here

1 个答案:

答案 0 :(得分:1)

粘贴登录和注册按钮的代码(只需注意我添加的样式标记):



<div id="mod_improved_ajax_login-93" style="text-align:right">
  <a href="/index.php?option=com_users&amp;view=login" onclick="return false" class="logBtn selectBtn">
    <span class="loginBtn leftBtn">
      Log in
    </span>
    <span class="loginBtn rightBtn">&nbsp;
      <img width="10" height="7" alt="\/" src="modules/mod_improved_ajax_login/themes/elegant/images/arrow.png">&nbsp;
    </span>
  </a>
  <a href="/index.php?option=com_users&amp;view=registration" class="regBtn selectBtn ">
    <span class="loginBtn leftBtn">
      Register
    </span>
    <span class="loginBtn rightBtn">&nbsp;
      <img width="10" height="7" alt="\/" src="modules/mod_improved_ajax_login/themes/elegant/images/arrow.png">&nbsp;</span>
  </a>
</div>
&#13;
&#13;
&#13;

在以下DOM路由中:div.navbar.discuss-toolbar.DS0014929228160620589.wide&gt; div.navbar-inner&gt; div.nav-collapse.collapse&gt; ul.nav.pull-right,在&lt; / ul&gt;之后粘贴按钮标签和完成之前&lt; / div&gt;标签。

你可以替换style =&#34; text-align:right&#34;使用style =&#34; float:right&#34;,视您的需要而定。

希望它有所帮助!