小编Kyl*_*yle的帖子

我正在尝试使用背景图像在IE中打印网页表单; 现在问题是它没有在其打印中显示背景图像.有没有办法解决它,因为我尝试了很多技巧,但没有一个实际工作.如果你们中的任何一个人修好了请分享.

假设我有1000 px宽2列布局,100 px天沟空间(边距)和左右50px ..如何将黄金比例应用于此布局？

方法一

c1+c2=800px;
c1/c2=1.618;
=>c1= 495px and c2= 305px

50px, column 1 (495px), 100px, column 2 (305px), 50px

方法二计算列宽忽略边距.

c1+c2=1000px
c1/c2=1.618

=>c1= 618px c2=392px

添加边距/填充后的有效列宽

c1=618px -100px = 518px
c2=392px -100px = 292px
50px, column 1 (51), 100px, column 2 (305px), 50px

% difference in two methods 518-495/518= 4%

4%的差异不会产生任何差异,但在处理狭窄的布局时,%差异会更大.

如果您看到这篇文章, 请访问http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/

在第一个例子中,他们从黄金比例中取出填充,而在另​​一个例子中,他们制作了GR的填充部分.

有人可以建议哪种方法更好.

我正在为可自定义的wordpress主题开发这个布局,我提供了一个选择流体布局的选项.我不能使用黄金比例的第一种方法(Can I ??).

我可以使用方法2而不会失去GR为设计带来的和谐.

请包括链接和ref支持您的答案.

PS:我之前在平面设计部分发过这个问题,我建议在这里发布.我希望我没有违反任何规则.

是否可以使用负边距进行定位？我在我现在的网站上有很多东西,觉得这不是一个稳定的定位方式.我通常建议也使用它们.

例如,我有一个结帐页面,其中三个div相互叠加

<div class="A">
   header
</div>
<div class="B">
   content
</div>
<div class="C">
   footer
</div>

(A,B和C),意思是彼此叠加,看起来是附着的.我这样做使用:

.B
{
    margin-top: -20px;
}

在div B上,满足div的底部.

这是一个好的做法还是我应该使用top和重新编码left？

我被要求在这个 php/smarty 页面中包含一些 html 片段。它基本上是付款前概览页面末尾的销售协议。

将静态 html 包含到我的 php/smarty 模板中的代码是什么？

谢谢...

香港专业教育学院一直谷歌搜索,但似乎无法找到鼠标输出方法,类似于悬停,为CSS.

是否有一个,如果是这样,它应该如何编码？

我是一个jQuery noob,似乎我一直都会,试图让这个简单的事情发挥作用.

我想要的是,当选中复选框时,隐藏div display: none;.

这里有一个jFiddle什么我做的乱七八糟的例子.

感谢您的帮助或其他解决方案:)

任何人都知道一种方法,我可以让CSS制作一个透明的PNG图像看起来像一个轮廓完全变黑？

换句话说 - 来自这样的事情:

对此:

这是很多图像的原因,这就是为什么我想通过Photoshop避免这样做.

可以说我有以下HTML ...

<a class="active" href="#section1">Link 1</a>  
<a href="#section2">Link 2</a>  

当单击链接2时,我希望它接收活动类并从链接1本身中删除该类,因此它将有效地变为:

<a href="#section1">Link 1</a>  
<a class="active" href="#section2">Link 2</a>

这应该是双向的.IE浏览器.点击任何链接获取该类并将其从另一个中删除.

如何用jQuery完成？提前致谢!

我有一个函数,当复选框的状态发生变化时,它会切换其父级的类以提供不同的背景渐变.单击Lorem以查看其中的运行情况

你可以在这里看到它.

问题是它不能在我的例子中的大盒子上工作,因为有一个为我的元素指定的背景图像,我知道渐变不能存在于与背景图像相同的空间中.

是否有解决方法为元素添加背景渐变？我无法将其添加到图像中,因为这将动态填充,并非所有图像都是相同的尺寸.

我根本不介意改变任何HTML/CSS.如果可以使用jQuery完成,那也很棒:)

我正在寻找解决我的问题的方法,我有一个我为一个客户端创建的网站,其中包含一个Flash标题图像,唯一的问题是他在iPhone上访问了该网站的草稿,并因此被推迟了没有显示任何头像,因为它是一个iPhone(我们知道这不是快乐!).此外,无论如何,如果访问者已关闭或卸载闪存,我将需要此功能(当未显示闪存时,我提供了通常的"安装闪存"链接).

有没有办法只使用HTML/CSS来实现这一点,还是我必须使用JS或类似的东西？

我试过添加标签,但这没有做任何事情.

这是我的代码,如果这有助于任何人:).

<div id="container">
<div id="header"><a href="index.html"><img src="images/logo.jpg" width="214" height="50" alt="Tom Frost - Personel Trainer in Leeds, West Yorkshire" style="border:none;"/></a></div>
<div id="navigation">
<ul id="nav">
<li><a href="index.html" id="index">Home</a></li>
<li><a href="about.html" id="menu-about">About</a></li>
<li><a href="services.html" id="menu-services">Services</a></li>
<li><a href="testimonials.html" id="menu-test">Testimonials</a></li>
<li><a href="/blog/" id="menu-blog">Blog</a></li>
<li><a href="articles.html" id="menu-articles">Articles</a></li>
<li><a href="contact.html" id="menu-contact">Contact</a></li>        
</ul>
</div>
<div id="title_box">
<embed src="images/flash.swf" 
quality="high" 
pluginspage="http://get.adobe.com/flashplayer/" 
type="application/x-shockwave-flash" 
width="960" height="450" 
alt="images/header.jpg">
</embed></div>`

显然我的flash图像位于title_box div中.

提前感谢您的回答,我浏览了一下网站,但找不到一个HTML答案.如果js是唯一的方式,只需要一个简单的链接到这个网站的答案或教程如何做到这一点.

谢谢.