标签: listitem

浮动图像就在ol的li,文本左侧,在Chrome中运行,而不是IE/FF

我希望有一个有序列表,左侧有文本,而li右侧有每个li的图像.所以我将图像浮动到右边,它将图像正确地放在右边,文本放在左边,但是在IE和FF中图像的像素太低了14个像素.Chrome做得对.在我看来,这是IE和FF将浮动放在每个LI的外部或下方而不是它应该在的内部(如Chrome).如果我为IE和FF调整位置-14px(向上),它可以正常工作,但Chrome会搞砸.14px是每个LI的高度,这就是为什么这个技巧有效.

除非绝对需要,否则我不想要单个浏览器黑客攻击(即,为IE/FF执行-14px偏移并告诉Chrome忽略它).

#top25list{
       width:185px;
       cursor:n-resize;
       list-style:
       decimal inside;
       padding:0;
       margin:0
}
#top25list li{
       margin:0;
       padding:0 3px;
       background-color:#FFF;
       border-top:1px solid #990100;
       border-bottom:1px solid #990100
}
#top25list img{
       border:none;
       height:13px;
       width:13px;
       float:right
}
#top25list li:hover{
       background-color:#990100;
       color:#FFF
}
Run Code Online (Sandbox Code Playgroud)

李的没什么特别的:

<li id=##>Name <a href="#" rel="##" class="removeTeam"><img src="/images/button-x.png" alt="Remove Name"></a></li>
Run Code Online (Sandbox Code Playgroud)

看到第一个LI没有FF/IE的图像,因为它在下面(它看起来像#2),而#25图像不在列表的底部.

我希望所有3看起来像Chrome.有一些JavaScript生成OL/LI,它只class=removeTeam适用于jQuery操作.这个列表在jQuery可排序的内部,我确实用jQuery(.disableSelection();)禁用了列表选择.我不认为这与jQuery或JavaScript有任何关系,只是简单的CSS.

css image listitem html-lists css-float

2
推荐指数
1
解决办法
9589
查看次数

ASP.NET,VB:检查选中CheckBoxList的哪些项

我知道这是一个非常基本的问题,但我无法在VB中找到如何做到这一点...我有一个CheckBoxList,其中一个选项包含一个文本框来填写你自己的值.因此,当我的复选框(CheckBoxList中的ListItem)被选中时,我需要启用该文本​​框.这是后面的代码,我不知道在我的If语句中放入什么来测试是否检查了某个ListItem.

Protected Sub CheckBoxList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBoxList1.SelectedIndexChanged
    If ___ Then
        txtelect.Enabled = True
    Else
        txtelect.Enabled = False
    End If
End Sub
Run Code Online (Sandbox Code Playgroud)

vb.net asp.net selecteditem listitem checkboxlist

2
推荐指数
1
解决办法
4万
查看次数

IE7中列表项之间的CSS差距

我无法消除IE7中列表项之间的差距.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="base.css" />
    </head>
    <body>
        <ul>
            <li>
                <div>row 1.1</div>
                <div>row 1.2</div>
            </li> 
            <li>
                <div>row 2.1</div>
                <div>row 2.2</div>
            </li> 
            <li>
                <div>row 3.1</div>
                <div>row 3.2</div>
            </li> 
        </ul>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

ul
{
    padding: 0px;
    margin: 0px;    
}

li
{
    list-style-type: none;      
    width: 100%;    
    margin: 0px;
    padding: 0px;   
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;          
}

li:first-child
{
    border-top: 1px solid black;
}

li …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer listitem html-lists gaps-in-visuals

2
推荐指数
1
解决办法
4659
查看次数

WPF中的列表listitem,没有项目符号

我是wpf的新手,我有类似的清单

<FlowDocumentScrollViewer Name="fdsvList" Grid.Column="0" Grid.Row="2" 
                        xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
                        HorizontalAlignment="Center" VerticalAlignment="Center" VerticalScrollBarVisibility='Auto'>
            <FlowDocument>
                <List Name="lstButton">
                    <ListItem Margin="0 0 0 10" Name="lstItmCheck">
                        <Paragraph>
                            <Button Content="{DynamicResource Visa}" Name="btnVisa" Click="btnVisa_Click">
                                <Button.Template>
                                    <ControlTemplate TargetType="Button">
                                        <TextBlock TextDecorations="None">
                                                <ContentPresenter />
                                        </TextBlock>
                                    </ControlTemplate>
                                </Button.Template>
                                <Button.Style>
                                    <Style TargetType="Button">
                                        <Setter Property="Foreground" Value="Black" />
                                        <Setter Property="FontFamily" Value="Arial"></Setter>
                                        <Setter Property="FontSize" Value="20"></Setter>
                                        <Setter Property="FontWeight" Value="Bold"></Setter>
                                        <Style.Triggers>
                                            <Trigger Property="IsMouseOver" Value="true">
                                                <Setter Property="Foreground" Value="Red" />
                                            </Trigger>
                                        </Style.Triggers>
                                    </Style>
                                </Button.Style>
                            </Button>
                        </Paragraph>
                    </ListItem>
                </List>
            </FlowDocument>
        </FlowDocumentScrollViewer>
Run Code Online (Sandbox Code Playgroud)

它与项目符号列表一起显示。

但是我不希望项目符号在列表中,我只想要没有项目符号的简单按钮。

我能怎么做。请帮我。

wpf list listitem button

2
推荐指数
1
解决办法
1302
查看次数

Android listselector在自定义列表视图中不可见

我制作了一个包含图像和textview的自定义列表.在设置样式时,选择器不可见.使用setTheme(R.style.rose)调用该样式; 在创建Listactivity的方法作为第一个调用.但是,如果没有使用颜色作为背景(或注释样式中的背景线),则橙色选择器可见.但不是在背景的时候

listSelector

<item   android:state_focused="true"
        android:state_pressed="true" 
        android:drawable="@drawable/list_selector_background_transition" />

<item   android:state_pressed="true" 
        android:drawable="@drawable/list_selector_background_pressed" />

<item   android:state_focused="true" 
        android:drawable="@drawable/list_selector_background_focus" />
Run Code Online (Sandbox Code Playgroud)

样式

<style name="rose">
    <item name="android:textColor">@color/pink</item>
    <item name="android:background">@color/rose</item>
    <item name="android:cacheColorHint">@color/rose</item>

    <item name="android:listSelector">@drawable/listitem_selector</item>  
</style>
Run Code Online (Sandbox Code Playgroud)

android listview listitem

2
推荐指数
1
解决办法
3742
查看次数

将对象附加到已存在的ListItem?

在ListView中,如何将对象随时附加到已存在的ListItem?(我知道我可以将一个对象附加到ListItem AddItem,但是我需要在创建ListItem之后附加该对象).

delphi listview object listitem delphi-xe2

2
推荐指数
2
解决办法
2859
查看次数

Win32(C++): - 如何使列表项可折叠

我有一个列表框,其中有多个列表项.我希望实现类似于单击列表项的内容,它将折叠并显示所单击项的摘要:

在此输入图像描述

我已经在网上搜索了很长一段时间,但没有得到任何好的解决方案.我是Win32的新手.有关如何处理此问题的任何建议,我应该使用哪种控件.任何帮助将不胜感激.

c++ winapi listitem collapsable win32gui

2
推荐指数
1
解决办法
287
查看次数

使用JQuery获取ListItem值

我正在尝试使用JQuery在无序列表中获取ListItems的值(见下文).下面的代码接近工作,但它总是返回第一个ListItem的值,即使检查第二个ListItem也是如此.

谢谢,拉斯.

    $(document).ready(function() {
        $("li").click(function() {

            $("input:checked").each(function() {

                alert($("label").attr('InnerText'));

            });
        });
    });

<div> 


    <ul class="AspNet-CheckBoxList-RepeatDirection-Vertical">
        <li class="AspNet-CheckBoxList-Item">
            <input id="CheckBoxList1_0" type="checkbox" name="CheckBoxList1$0" value="first1" />
            <label for="CheckBoxList1_0">First $30.00</label>
        </li>
        <li class="AspNet-CheckBoxList-Item">
            <input id="CheckBoxList1_1" type="checkbox" name="CheckBoxList1$1" value="second2" />
            <label for="CheckBoxList1_1">Second $25.00</label>
        </li>
    </ul>


</div>
Run Code Online (Sandbox Code Playgroud)

jquery listitem

1
推荐指数
1
解决办法
4724
查看次数

使用Jquery"empty"删除div的内容不起作用

我试图删除特定div的内容,这些内容基本上是列表项和标题,使用jquery为空,以便我可以替换为新内容.当我运行代码时会发生什么,整个div元素闪烁并闪烁替换的内容,然后旧的重新出现.谁能告诉我我做错了什么?这是我的代码的摘录 -

$("#msg_tab").bind("click",function(){
  $("#sidebar1").remove(); 
  var html=".....";
  $("#sidebar1").append(html);
 });



<div id="sidebar1" class="sidebar">
   <ul>
    <li>
     <h2>Messages</h2>
     <ul>
      <li><a href="#">Compose New Message</a></li>
      <li><a href="#">Inbox</a></li>
      <li><a href="#">Outbox</a></li>      
      <li><a href="#">Unread</a></li>
      <li><a href="#">Archive</a></li>
     </ul>
    </li>
   </ul>
  </div>
Run Code Online (Sandbox Code Playgroud)

另一个问题是,如何在javascript中编写多行html代码字符串,以便java将其识别为字符串值?当字符串不是html代码时,在结尾处放置正斜杠是可以的,但是在html代码中,我无法弄清楚如何从结束标记中转义正斜杠.我尝试使用反斜杠转义它但是没有工作.如果有人能够对这个问题有所了解,我将不胜感激.

jquery listitem

1
推荐指数
1
解决办法
9943
查看次数

列出项目在光标悬停时表现得像链接一样

我有一些列表项,我希望当用户将鼠标悬停在它们上方时,光标从箭头变为手形.从某种意义上说,我希望它看起来像一个链接.我怎样才能做到这一点?

html css listitem onhover

1
推荐指数
1
解决办法
1132
查看次数