Safari和Chrome开发人员工具(webkit检查员)似乎已经变得非常先进.虽然我已经习惯了Firebug并依赖它来进行开发,但我真的想要尝试完全切换到Chrome(因为我无论如何几乎只用它浏览),并且只是学习如何使用它它是Web开发人员工具.
它的功能与Firebug略有不同,我注意到您可以随时轻松修改标记或CSS规则中的值.因此,除了界面的任何基本差异外,webkit Web检查器是否已成为firebug的合适替代品呢?
注意我从一位主要负责HTML和CSS工作的前端设计人员/开发人员的角度问我的问题; 我甚至没有真正进入javascript - 但是.
我正在尝试为图像创建一个简单的单击打印链接,我想要发生的是当单击链接时,将打开一个带有图像的新窗口,浏览器将打开打印命令对话框.
我的问题是,这是可以从URL参数,还是从发起页面上的锚元素?或者我是否必须使用javascript构建目标页面才能执行此操作?
这是我得到的样本:
<p class="click-2-print">
<a href="/img/map.jpg" target="_blank">Click here to print the map above</a>
</p>
Run Code Online (Sandbox Code Playgroud)
显然,上面的代码将在新窗口中打开图像,但仍然需要用户按Ctrl + P,Cmd + P或使用浏览器命令.当用户点击链接时,我的客户希望图像"只是打印",所以我试图找到完成此操作的最简单方法.
那么有什么参数或属性我可以添加到上面的标记来完成我所描述的内容吗?
我正在开发这个博客,似乎ie7和ie8都显示内容,以便容器似乎忽略了"margin:0px auto;" 规则.
它可能是我没有得到的其他东西,但无论哪种方式,效果是内容(以及导航链接)由于某种原因浮动到左侧.
奇怪的是a)它在Firefox或Safari中根本没有出现 - 好吧,真的很奇怪吗?和b)它不是孤立的ie7,似乎ie8也是这样做的.
我没有任何原因 - 任何想法?
谢谢!!
wordpress containers margins internet-explorer-8 internet-explorer-7
我正在尝试使用.fadeIn()来使我的导航悬停效果在过渡时看起来更平滑.除了我得到的东西,我只能描述为双重淡入淡出(进出,然后重新进入).
我是JS和jQuery API的新手,所以任何帮助都值得赞赏.我是CSS的老专家,所以我仍然用这些术语来思考.在这一个我添加一个类来切换背景精灵bg位置.我的jQuery,我的CSS或两者都有问题吗?
http://tuscaroratackle.com是有问题的实例 - 导航链接.
我正在使用以下代码将类添加到与帖子类别对应的页眉中,或者使用一个自定义变量来调用imgclass我在一些帖子上设置自定义标题图像:
<header class="page-header {% if page.imgclass %}{{ page.imgclass }} {% else %}{{ page.categories }} {% endif %}">
<p>some stuff</p>
</header>
Run Code Online (Sandbox Code Playgroud)
问题是在运行jekyll build它之后输出的类别之间没有空格.类别cat1和cat2jekyll将输出的位置:
<header class="page-header cat1cat2">
<p>some stuff</p>
</header>
Run Code Online (Sandbox Code Playgroud)
为什么会发生这种情况,我该如何解决?
问题的屏幕截图:这里
网页问题:http://cure.org
违规浏览器:Internet Explorer 7
您将从屏幕截图中注意到,或者如果您在IE7中查看此站点,则背景图像不会显示内容div(#modal-inner-content).奇怪的是,图像显示在使用它的其他div中(因为它是一个精灵,我在#modal-top-border和#modal-btm-border使用相同的图像).
在所有其他浏览器中,它显示正常,甚至在IE8中.我似乎无法找到我可能正在使用的IE规则(或缺少)IE7令人窒息.
注意:要获取模态屏幕,只需单击页面顶部横幅上的链接,即"登录您的CURE帐户"
我正在为希望协助我的组织(CURE国际)协助海地地震救灾工作的教会这个资源页面工作:http://blog.helpcurenow.org/test/mockups/jan2010/jan2010_haiti_church_resources.html
我遇到的麻烦是,在第4步,您将看到我创建了横幅广告,并且我正在尝试生成代码snipets(也称为代码块),供用户复制并粘贴到他们的博客/网站/中.
我使用了"pre"和"code"标签,但浏览器仍在渲染HTML而不是将标记显示为文本.
任何人都可以帮助我,为什么我得到这个结果?
这是标记的示例:
<li class="haitiWebBanner">
<p class="webBannerSize">300 x 250</p>
<a href="http://helpcurenow.org/haitirelief"><img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /></a>
<pre><code class="html"><a href="http://helpcurenow.org/haitirelief"><img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /></a></code></pre>
Run Code Online (Sandbox Code Playgroud)
我正在为一个页面编写样式,我想在某些列表项的背景上使用 rgba 颜色。我使用 CSS background 属性和 rgba(146,138,118,.4) 来定义我的透明背景颜色。
现在,我正尝试通过使用本文中描述的 ms-filter 技术来使用 IE 支持来覆盖我的基础。(请参阅标题“...和所有人的 RGBA。”)
问题显然是 MS 过滤器要求您在 RGBA 和十六进制之间使用某种类型的混合,其中 alpha 透明度值被转换为 00 和 FF 之间的数字。请参阅Microsoft 的此描述页面以供参考。
所以问题是我无法弄清楚到底如何将我的值从 RGBA 正确转换为 hex/rgba 混合方法。任何人都可以向我指出一些很好的参考资料吗?请不要只给我正确的值 - 除了那种颜色之外,这对我没有好处。我需要了解它背后的原理,谢谢。
所以我想在这个页面上使用这个漂亮的滑块脚本:http : //tuscaroratackle.com/rods页面上的几个实例.(换句话说,每个杆子张贴都有自己的滑块,页面上共有大约11个滑块)
为了运行脚本,我必须包含这个函数声明:
$(document).ready(function(){
$("#rod-slider1").easySlider();
$("#rod-slider2").easySlider();
$("#rod-slider3").easySlider();
$("#rod-slider4").easySlider();
$("#rod-slider5").easySlider();
$("#rod-slider6").easySlider();
$("#rod-slider7").easySlider();
$("#rod-slider8").easySlider();
...etc...
});
Run Code Online (Sandbox Code Playgroud)
所以这里的问题(我知道的是一个jQ noob问题)是否可以通过将所有ID选择器添加到第一个函数中来将这些行组合成一个?如果是这样,以这种方式编写它的正确格式是什么?
如果我已经提交了一个写入错误信息或者写入了一些愚蠢内容的消息,那么GitHub中是否有一种方法可以更改提交消息?
我知道你可以从CLI执行ammend提交事务(它取代了之前的提交),但是有没有办法只从GitHub.com网站界面编辑提交消息?
我知道这是一个基本的PHP问题,我正在努力学习这些东西.我非常熟悉HTML,CSS并熟悉PHP的CONCEPT,但不熟悉具体细节.
我一直与后端开发人员合作完成这些工作并设置wordpress网站等.
我正在建立一个非常基本的四五页网站(客户定制钓鱼竿的展示:http://www.tuscaroratackle.com/index2.php).我想从php文件中动态调用页眉(如徽标,导航等,而不是在head元素中),与页脚相同,所以我不必重写每个标记这些位的页面.
我不打算为这个站点使用数据库,我只是想我可以从另一个文件调用这两个位,就像你在wp-content目录中使用header.php的wordpress设置一样.
有关如何做到这一点的简单解释?(我得到了基础知识,只是寻求有关需要进行的更具体的PHP调用的帮助)
或者,如果这不是一个人可以轻易给出的答案,你能指出一个很好的资源来进一步研究它吗?
谢谢
我无法弄清楚为什么我绝对定位的div中的背景图像没有显示.我正在使用Firefox,但也在Chrome中.
特别奇怪的是,在Web开发人员工具栏的"编辑CSS"对话框打开时查看页面时,会显示图像.
有问题的图像是id为"joel-image"的div和导航项.
css ×4
javascript ×3
jquery ×3
html ×2
browser ×1
containers ×1
css-position ×1
css-sprites ×1
fadein ×1
fadeout ×1
filter ×1
firebug ×1
firefox ×1
github ×1
github-pages ×1
hex ×1
jekyll ×1
margins ×1
markup ×1
php ×1
popupwindow ×1
printing ×1
rgba ×1
syntax ×1
url ×1
webkit ×1
wordpress ×1