2011-05-01 78 views
-1

我创建一个内容滑块UL和李一样:CSS:如何某些李标签显示右

<div id="tabs"> 
<ul> 
<li id="left">content</li> 
<li id="left">content</li> 
<li id="left">content</li> 
<li id="right">content</li> 
<li id="right">content</li> 
<li id="right">content</li> 
</ul> 
<ul id="content_show"> 
<li>content show</li> 
....ect 
</ul> 
</div> 

现在我要显示在左侧上的权利,滑块3页的内容和3都是。 我使左侧和右侧滑块显示所有li id =(左侧和右侧),但我无法在列出的右侧设置li id =“right”。

如何在滑块右侧显示id =“right”?

像:

text    text 
text CONTENTSLIDER text 
text    text 
+2

你已经有了什么css?你也应该每页只使用一次id,对'left'和'right'你应该使用css类。 – Arjan 2011-05-01 10:29:57

+0

请为您的代码创建一个[jsFiddle测试用例](http://jsfiddle.net/)。 – thirtydot 2011-05-01 13:10:35

+0

您只能在HTML中使用一次ID。改用类。 – kapa 2011-05-01 14:44:47

回答

1

你必须使用样式的或CSS文件,并给DIV tabs宽度,ABD每个L1使用float风格 尝试使用class="left" and class="right"

#tabs { width:600px;} //example 
.left { float:left;} 
.right { float:right;} 
+0

我使用风格。我设置浮动:左左id和浮动:右右id,这是不一样的? – goni 2011-05-01 10:49:25

+0

这是相似的,尝试使用类 – Itay 2011-05-01 10:52:52

+0

是的,但我给3个水平方块不垂直。 – goni 2011-05-01 11:13:40

0

我不知道我得到了你真正想要的东西,但也许你可以使用float:right属性为你想要去的所有李!