如何将嵌入边框应用于HTML元素,但仅在其中的一侧.到目前为止,我一直在使用图像来做那个(GIF/PNG),然后我将其用作背景并拉伸它(repeat-x)并从我的块的顶部稍微偏离.最近,我发现了大纲 CSS属性,这很棒!但似乎围绕整个块...是否可能使用此大纲属性只在一个边框上执行?此外,如果没有,你有任何可以取代背景图像的CSS技巧吗?(这样我以后可以使用CSS等个性化轮廓的颜色).提前致谢!
这是我想要实现的目标的图像:http: //exiledesigns.com/stack.jpg
我正在尝试在我的设计中添加Google地图,这应该是响应式的.我使用了与图像相同的代码......但由于某种原因,地图的iframe会根据我没有选择的尺寸进行调整.
HTML
<iframe src="http://maps.google.com/maps/ms?vpsrc=6&ctz=-480&ie=UTF8&msa=0&msid=210840796990572645528.00049770919ccd6759de3&t=m&ll=30.751278,68.203125&spn=84.446143,175.429688&z=2&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="635" height="300"> </iframe>?
Run Code Online (Sandbox Code Playgroud)
和CSS
iframe {
max-width: 100%;
height: auto;
width: auto; /*IE8 bug fix*/
vertical-align: middle;}
Run Code Online (Sandbox Code Playgroud)
或者你可以在这里查看它并在这里摆弄它:http: //jsfiddle.net/corinne/pKUzU/ (如果你切掉CSS,你会看到我的意思).
我的问题是如何使这个iframe /地图响应而不会失去它想要的高度?
当我将填充设置为textarea时,它在第一眼看上去没问题.但是当我输入超出textarea高度的内容时(当你开始看到滚动条时),填充底部不再存在.有没有办法来解决这个问题?这似乎是一种默认行为.你可以在这里看到一个非常基本的例子:http://jsfiddle.net/corinne/LKkky/ PS.使用的浏览器是Chrome.PS2.刚试过Firefox,实际上填充了.
我愿意实现一个Wordpress存档列表,如下所示:
2013
五月(2)
04 - 我喜欢Wordpress(3条评论)
01 - 我真的很喜欢Wordpress(1条评论)二月(1)
02 - 我喜欢Wordpress吗?
2012
...
从我在别处读到的内容,我必须创建自己的查询.我真的不是一个可以称之为开发者的人.这是我开始的:
<ul>
<?php
$args=array(
'post_type' => 'post',
'posts_per_page' => '500', /*no limit, how?*/
'orderby' => 'date',
'order' => 'DESC',
);
query_posts($args);
while (have_posts()) : the_post();
?>
<li><?php the_time('j'); ?> | <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <?php comments_number( '', '(1)', '(%)' ); ?></li>
<?php endwhile; ?>
</ul>
Run Code Online (Sandbox Code Playgroud)
您可以在这里看到它的样子:http: //www.vie-nomade.com/archives/
我知道需要按月分类,然后按年分开.谢谢.