- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当我显示图像时,它会移动到 div 的最左侧位置。
我知道这不是一个好问题,但我无法解决这个问题。
实际上我是在动态添加 html 标签。我正在添加一个具有 2 个 anchor 和 3 个图像的图像,其中 2 个可见,1 个不可见。当您单击那两个图像中的任何一个时,第三个图像将显示。但是当单击图像时,它显示第三个图像,但在 div 的最左侧。
但我已将那张图片放在两张图片旁边。
我想在那两张图片旁边显示那张图片。
如何做到这一点?
你可以在这里看到我的问题 http://postimg.org/image/685puy931/
我没有使用任何 float :left any where。(在 Firebug 中看到)。
请帮忙
我搜索了尝试使用绝对位置并内联它不起作用。
提前致谢
[编辑]
showData += "<div style='margin:3px;display: inline-block;padding-right:20px;'>";
showData += "<a style='text-decoration: none' href=\"" + userProfileURL + "\" title='KLMS User Profile of " + fullName + " ' onmousedown=\"javascript:StoreClickedData(" + userId + ",'" + userInput + "','" + names[i] + "')\" title='" + tooltipTitle + "'> <img src='UserControls/ThumbNail/ThumbnailConverter.ashx?FilePath=" + imageURL + "&height=18&width=18' /> </a> ";
showData += "<a href=\"" + gpsUserProfile + "\" onmousedown=\"javascript:StoreClickedData(" + userId + ",'" + userInput + "','" + names[i] + "')\" title='" + tooltipTitle + "'>" + fullName + "</a>";
if (isPresent) {
showData += " <a href=\"" + emailId + "\" title='Mail To " + fullName + " ' onmousedown=\"javascript:StoreClickedAndLunchQuickFeedBack(" + userId + ",'" + userInput + "','" + names[i] + "','imgQuickfd" + imageId + "')\" class='smallIcon' style=\"background-image:url(Images/email.png);\" > </a>";
if (userDetails[userData.Skype_ID] != "null") {
showData += " <a href=\"" + skypeId + "\" title='Chat With " + fullName + "' onmousedown=\"javascript:StoreClickedAndLunchQuickFeedBack(" + userId + ",'" + userInput + "','" + names[i] + "','imgQuickfd" + imageId + "')\" class='smallIcon' style=\"background-image:url(" + skypeName + ");\" > </a>";
}
showData += "<i id='imgQuickfd" + imageId + "' style='display:none; cursor: pointer;position: absolute !important;' title='Quick Feedback To" + fullName + " ' onclick=\"javascript:StoreQuickFeedback('" + userLoginName + "','" + names[i] + "','imgQuickfd" + imageId + "')\" class=\"icon-thumbs-up glowed \"></i>";
}
showData += "</div>";
[/编辑]
查看源代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head"><title>
MFS Search Engine
</title><link href="CSS/CustomGoogleSearch.css" rel="stylesheet" /><meta charset="utf-8" /><link href="bootstrap/css/bootstrap.css" rel="stylesheet" /></head>
<body>
<form name="form" method="post" action="CustomGoogleSearch.aspx?query=html5" id="form">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQwMjc4OTQzN2RkRYBvMG1HTB0LNjZv1HE0hZ95t08=" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form'];
if (!theForm) {
theForm = document.form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/klms /WebResource.axd?d=YGVs8XyAWsEiLGuJ16c33zJSRK4YrDPiOWmkBO0Qq98589H5pLaw70AyFUVa3BleRpWNySSr ltpIawWYHK6tn8jtCeo1&t=634656060808104849" type="text/javascript"></script>
<script src="/klms/WebResource.axd?d=rGkGTBKKUfifja4ZbpHfden_7XF4hf_qIjcSz4LqV8J7RmM4b5zUIgiT0uuMpRtVNMa-zLKNmfsh-e7Fd8RqdBTlqhM1&t=634656060808104849" type="text/javascript"></script>
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBgLFvND9DQKIiKT4AQK4gogyAvjE9ooCAoLplowDAt3Q4McN/MAodltIcChy5WGQ8XeHsiQlCY8=" />
</div>
<noscript>
<div class="jsEnable">
<a href="https://support.google.com/adsense/bin/answer.py?hl=en& answer=12654">How To Enable</a>
<span>JavaScript is needed for this site (which is currently disabled in your browser). Please enable JavaScript.</span>
</div>
</noscript>
<input type="hidden" name="hdnUserId" id="hdnUserId" value="595" />
<input type="hidden" name="hdnUserName" id="hdnUserName" value="Annapurnap" />
<input type="hidden" name="hdnRowCount" id="hdnRowCount" value="10" />
<input type="hidden" name="hdnAPIServerName" id="hdnAPIServerName" value="http://203.129.204.51:8080/collective-intellegenc" />
<input type="hidden" name="hdnSolrServerName" id="hdnSolrServerName" value="http://203.129.204.51:8080/solr" />
<script type="text/javascript">
//<![CDATA[
WebForm_AutoFocus('searchInput');//]]>
</script>
</form>
<form id="formResult">
<div class="span18" id="divContent" style="width: 97%">
<div style="width: 100%; margin-top: -10px" class="inline">
<img id="imgGoogleCustomImage" class="googleCustomImage" style="float: right; margin-top: 0.25%" src="http://www.google.com/cse/images/google_custom_search_smwide.gif" />
<a href="/FeedbackList.aspx" style="float: right; padding-right: 5%;">*Feedback List </a>
</div>
<div id="divSearch" class="searchDiv">
<img src="Images/KLMS.png" id="imgLogo" />
<div>
<div id="divTextBox">
<input type="search" name="q" size="31" id="searchInput" class="span6" autofocus="autofocus" autocomplete="off" />
</div>
<div id="divButton">
<input type="button" id="btnSearch" name="sa" class="btn btn-primary span2" value="Search" onclick="Search();" />
</div>
</div>
</div>
<div id="divResult" style="display: none; padding-top: 5%">
<div class="divItem" style="float: left; margin-right: 1%; display: none;">
<fieldset class="well" id="fieldsetItem">
<legend class="legend">Content that can help</legend>
<div id="searchResultItem">
</div>
<div id="divLinkPaging"></div>
</fieldset>
</div>
<aside style="float: left; width: 99%">
<fieldset class="well" id="fieldsetPerson">
<legend class="legend">Persons who can help</legend>
<div id="searchResultPerson">
</div>
</fieldset>
</aside>
</div>
<div id="divGoogleResult">
</div>
<script src="JS/Plugins/jquery-1.8.2.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="JS/Plugins/paging.js"></script>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/Collection.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/Solr.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/ConnectServer.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/UserConnection_UsabilityScore_UserSearch.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/FixedSet.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/VariableSet.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/ShowCollectiveIntelligenceData.js"></script>
<script type="text/javascript" src="JS/Collective%20Intelligence/StoreSearchQuery.js"></script>
</div>
</form>
最佳答案
从外观上看(虽然如果不看任何代码就很难判断...提示,提示)我会说容器的宽度不足以容纳三个图像。
尝试将宽度增加 10 像素左右,看看是否有帮助。您可能需要减少其他元素的填充/边距以腾出空间;同样,如果不看代码,我无法确定。
关于javascript - 图片在CSS中的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15873172/
我想做的是让 JTextPane 在 JPanel 中占用尽可能多的空间。对于我使用的 UpdateInfoPanel: public class UpdateInfoPanel extends JP
我在 JPanel 中有一个 JTextArea,我想将其与 JScrollPane 一起使用。我正在使用 GridBagLayout。当我运行它时,框架似乎为 JScrollPane 腾出了空间,但
我想在 xcode 中实现以下功能。 我有一个 View Controller 。在这个 UIViewController 中,我有一个 UITabBar。它们下面是一个 UIView。将 UITab
有谁知道Firebird 2.5有没有类似于SQL中“STUFF”函数的功能? 我有一个包含父用户记录的表,另一个表包含与父相关的子用户记录。我希望能够提取用户拥有的“ROLES”的逗号分隔字符串,而
我想使用 JSON 作为 mirth channel 的输入和输出,例如详细信息保存在数据库中或创建 HL7 消息。 简而言之,输入为 JSON 解析它并输出为任何格式。 最佳答案 var objec
通常我会使用 R 并执行 merge.by,但这个文件似乎太大了,部门中的任何一台计算机都无法处理它! (任何从事遗传学工作的人的附加信息)本质上,插补似乎删除了 snp ID 的 rs 数字,我只剩
我有一个以前可能被问过的问题,但我很难找到正确的描述。我希望有人能帮助我。 在下面的代码中,我设置了varprice,我想添加javascript变量accu_id以通过rails在我的数据库中查找记
我有一个简单的 SVG 文件,在 Firefox 中可以正常查看 - 它的一些包装文本使用 foreignObject 包含一些 HTML - 文本包装在 div 中:
所以我正在为学校编写一个 Ruby 程序,如果某个值是 1 或 3,则将 bool 值更改为 true,如果是 0 或 2,则更改为 false。由于我有 Java 背景,所以我认为这段代码应该有效:
我做了什么: 我在这些账户之间创建了 VPC 对等连接 互联网网关也连接到每个 VPC 还配置了路由表(以允许来自双方的流量) 情况1: 当这两个 VPC 在同一个账户中时,我成功测试了从另一个 La
我有一个名为 contacts 的表: user_id contact_id 10294 10295 10294 10293 10293 10294 102
我正在使用 Magento 中的新模板。为避免重复代码,我想为每个产品预览使用相同的子模板。 特别是我做了这样一个展示: $products = Mage::getModel('catalog/pro
“for”是否总是检查协议(protocol)中定义的每个函数中第一个参数的类型? 编辑(改写): 当协议(protocol)方法只有一个参数时,根据该单个参数的类型(直接或任意)找到实现。当协议(p
我想从我的 PHP 代码中调用 JavaScript 函数。我通过使用以下方法实现了这一点: echo ' drawChart($id); '; 这工作正常,但我想从我的 PHP 代码中获取数据,我使
这个问题已经有答案了: Event binding on dynamically created elements? (23 个回答) 已关闭 5 年前。 我有一个动态表单,我想在其中附加一些其他 h
我正在尝试找到一种解决方案,以在 componentDidMount 中的映射项上使用 setState。 我正在使用 GraphQL连同 Gatsby返回许多 data 项目,但要求在特定的 pat
我在 ScrollView 中有一个 View 。只要用户按住该 View ,我想每 80 毫秒调用一次方法。这是我已经实现的: final Runnable vibrate = new Runnab
我用 jni 开发了一个 android 应用程序。我在 GetStringUTFChars 的 dvmDecodeIndirectRef 中得到了一个 dvmabort。我只中止了一次。 为什么会这
当我到达我的 Activity 时,我调用 FragmentPagerAdapter 来处理我的不同选项卡。在我的一个选项卡中,我想显示一个 RecyclerView,但他从未出现过,有了断点,我看到
当我按下 Activity 中的按钮时,会弹出一个 DialogFragment。在对话框 fragment 中,有一个看起来像普通 ListView 的 RecyclerView。 我想要的行为是当
我是一名优秀的程序员,十分优秀!