Tag: html

为div来扩展全高: 有一种方法，我可以用一个div来扩展到全高？我也有一个粘性的页脚。这是网页：网站被删除。我所说的中间位是白色div，midcontent有CSS值： .midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:100%; } 所以是的，显然height:100%没有工作。另外，所有父容器都有高度设置。这是一般的结构 <body> <div id="wrap"> <div id="main"> <div class="headout"> <div class="headimg"></div> </div> <div class="midcontainer"></div> </div> </div> <div id="footer"> <div class="footer"></div> </div>

HTML – 如何使整个DIV超链接？: 如何使整个DIV成为一个可点击的超链接。意思是，我基本上想做的事情是： <div class="myclass" href="example.com"> <div>…</div> <table><tr>..</tr></table> …. </div> 每当有人鼠标hovermyclass DIV ，我想整个DIV它是一个可点击的超链接。

ASP.NET MVC获取文本框input值: 我有一个文本框input和一些单选button。例如我的文本框inputHTML看起来像这样： <input type="text" name="IP" id="IP" /> 一旦用户点击网页上的一个button，我想将数据传递给我的控制器： <input type="button" name="Add" value="@Resource.ButtonTitleAdd" onclick="location.href='@Url.Action("Add", "Configure", new { ipValue =@[ValueOfTextBox], TypeId = 1 })'"/> 也许这是微不足道的，但我的问题是，我不知道如何获得文本框的价值，并传递给控制器。我怎样才能读取文本框的值，并通过ipValue=@[ValueOfTextBox]传递给控制器？

调整和图像大小，以适应div（引导）: 我试图让图像适应特定大小的div。不幸的是，图像不符合它，而是相应地缩小到一个不够大的尺寸。我不确定最好的方法是让图像适合它。如果这不是足够的代码，我很乐意提供更多，我可以修复任何我忽略的错误。这是HTML <div class="span3 top1"> <div class="row"> <div class="span3 food1"> <img src="images/food1.jpg" alt=""> </div> </div> <div class="row"> <div class="span3 name1"> heres the name </div> </div> <div class="row"> <div class="span3 description1"> heres where i describe and say "read more" </div> </div> </div> 我的CSS .top1{ height:390px; background-color:#FFFFFF; margin-top:10px; } .food1{ background-color:#000000; height:230px; } .name1{ […]

用HTML和CSS进度条: 我想创build一个进度条，如下图所示：我不知道如何创build这个。我应该使用HTML5技术吗？你能否给我一些关于创build这个进度条的帮助？

如何通过<a href…> … </a>链接进行提交？: 我使用了<a href="…"> <img …> </a>链接到另一个页面的图像。我怎样才能使它像一个button<input type="submit"…> ？

HTMLselect下拉列表: 我想要使用select，option标签有一个下拉列表…但是当它第一次出现，我希望它有一个信息，如“请select一个名称”，然后用户单击下拉列表，并从中select可用的选项…我试图使“请select一个名称”作为选项，但是然后用户将能够select这…这不是我想要的。我需要使用JavaScript来拥有这个function吗？或者我需要做什么？如果有一个jQuery的方式来做到这一点，这将是非常有帮助的

如何使主要内容div填充屏幕的高度与CSS: 所以我有一个页眉，主体和页脚的网页。我希望主体填充100％的页面（在页脚和页眉之间填充100％）我的页脚是绝对位置，底部为0.每当我尝试将主体设置为100％高度或更改位置或东西时，它也将溢出标题。如果将body设置为绝对top: 40 （导致我的标题是40px高），它将只是下降40px，创build一个滚动条。我创build了一个简单的html文件，因为我实际上不能从实际项目中发布整个页面/ css。使用示例代码，即使maincontent主体填满了屏幕，它也会下降40px（引起我的头）。 html, body{ margin: 0; padding: 0;} header{ height: 40px; width: 100%; background-color: blue; } #maincontent{ background-color: green; height: 100%; width: 100%; } footer{ height: 40px; width: 100%; background-color: grey; position: absolute; bottom: 0; } 的HTML <html> <head> <title>test</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <header></header> <div id="maincontent"> […]

社交媒体button减慢网站加载时间: 我正在创build一个简单而快速的网站，我正在尽可能地优化网站。我注意到社交媒体button正在减慢网站的速度。我包括Facebook Like Button，Twitter Button和Google+ Button。所以我跑了几个testing：网站没有社交媒体button，加载时间0.24s：网站与社交媒体button，加载时间1.38s：这是我的代码： <div id="social"> <!– FB –> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_EN/all.js#xfbml=1&status=0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="http://facebook.com/textsearcher" data-width="150" data-layout="button_count" data-show-faces="false" data-send="false"></div> <!– TWITTER –> <a […]

使用视口元标记实现最小宽度: 我希望我的网页的视口宽度与设备宽度相等，只要设备宽度 > 450像素，或450像素，否则（我的布局dynamic缩放，但在450像素宽度以下看起来不好）。以下两个meta标签在平板电脑上运行良好，其中设备宽度> 450px： <!– uses device width –> <meta name="viewport" content="width=device-width" /> <!– use of initial-scale means width param is treated as min-width –> <meta name="viewport" content="width=450, initial-scale=1.0" /> 然而，在手机上（例如device-width = 320px），前者对于内容太薄; 而后者导致浏览器放大，因此用户必须手动缩小才能看到内容。另外，这个元标签在手机上运行良好 <meta name="viewport" content="width=450" /> 但是没有利用平板电脑上可用的额外宽度。任何帮助/想法将非常感激（如果它有所作为，我使用GWT）。