有没有办法在不使用图像的情况下创建类似美味的"箭头标签":

我熟悉边界三角形技术,但是看起来不太合适(部分原因是我们需要额外的外边框来构建整个组件).
css3多个阴影是否可以从不同的css规则/类中累积?
IE
.multipleShadows {box-shadow: 0 0 10px 5px black, 40px -30px lime}
Run Code Online (Sandbox Code Playgroud)
将为元素创建两个阴影:黑色和石灰。
但我想要两个不同的类 - 一个用于 blackShadow,一个用于 LimeShadow
.blackShadow {box-shadow: 0 0 10px 5px black}
.limeShadow {box-shadow: 40px -30px lime}
Run Code Online (Sandbox Code Playgroud)
并且都应用于具有两个类的单个元素。
<div class="blackShadow limeShadow">my div</div>
Run Code Online (Sandbox Code Playgroud)
这可以做到吗?是否有其他方法可以实现这一目标?
谢谢。
我有一个input field用户和其他人喜欢的电子邮件,电话等.
我想要一个input field可以获取width其内容的内容,因为用户名可以是小型和大型的,但是现在如果文本很小则会发生什么default width,从右边留下一些不需要的空间.
我尝试float, inline但没有任何作用.
检查小提琴http://jsfiddle.net/sandeep/Qa8R5/
我不想要这个javascript
谢谢
有人可以帮助我让div id"loader"漂浮在div类"Window"的中心.谢谢.
<div id="someid" class="Window">
   <div id="loader"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
更新*我需要将它放在一个块的绝对中间.让我们说"窗口"类是400px高.如何让"装载机浮在中心(高度/宽度)"?
这是我的网站http://www.alienchela.com/portfolio.html.
首先单击任何客户端图像即可.
但是,如果你每次点击下一个按钮,你就可以看到.首先是前一个图像,然后下一个图像加载.
这是代码:
var ticker = $('.img_wrap');
            $('.next').click(function () {
                $('.img_panel:visible').fadeOut(1000, function() {
                        $(this).appendTo(ticker);
                        ticker.children().first().show(function(){
                            var artit = $(this).attr('title');
                            $(this).load(artit+'.txt');
                });
                    });
                $(ticker).hide().delay(1500).fadeIn(1000);
            });
Run Code Online (Sandbox Code Playgroud)
我做了一个黑客.我做了一些延迟过渡.
$(ticker).hide().delay(1500).fadeIn(1000); 
Run Code Online (Sandbox Code Playgroud)
JS不是很好.
任何帮助表示赞赏.
我有DIVs这涉及side by side彼此的,但有只fourth DIV涉及在第一row和其他被移动过的下一个row.
我希望每个人都row first div没有空间,left side但没有发生.这是我的代码
我知道我可以通过class手动操作来实现,new row DIV但我不想这样做.我希望这用较少的CSS和我不想改变我的markup
注意:我想要IE8之前的功能.
提前致谢 :)
更新:
首先.parentdiv是一个common class用于其他部分也是第二件事根据设计parent DIVs触摸row last div所以,右边没有空间.
我正在尝试创建下拉菜单 

我在该页面上进行了演示,但现在我尝试添加
<ul id="secondarynav">
      <li><a href="#">Pictures</a></li>
      <li><a href="#">Video</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
布局变得像这样凌乱.我已经尝试了很多,但没有用可能是我没有在标题上使用盒子大小.
我有这个移动标记.
<table>
<tr>
<td style="width:60%">
<div class="ellipsis">
Test bla bla
</div>
</td>
<td style="width:40%">
</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
CSS
.ellipsis { 
width : 100%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
}
Run Code Online (Sandbox Code Playgroud)
截断不能按预期工作,而是根据内容扩展列.
表格布局:固定使两列相等.
有什么建议 ?谢谢.