小编Jon*_*yte的帖子

如何禁用textarea调整大小?

我需要禁用textarea水平调整大小.有时我想在textarea上允许垂直调整大小.

每当我创建一个联系我们页面时,textarea都会让我的设计变得丑陋.

任何人都可以给我一个解决方案来禁用它吗?

html css

159
推荐指数
4
解决办法
9万
查看次数

固定位置Div ALWAYS出现在顶部?

我有一个固定的位置标记,在我的CSS中样式如下:

#facebook {
height: 249px;
width: 50px;
position: fixed;
left: 0px;
top: 200px;
}
Run Code Online (Sandbox Code Playgroud)

我的网站上有一个flash(.swf)标题图像,当浏览器的分辨率足够低时,facebook div被闪存标题部分隐藏.

这是我的HTML:

 <body id="index">
 <div id="facebook"><img src="images/facebook.png" width="50" height="249" border="0"      usemap="#Map" />
 <map name="Map" id="Map">
 <area shape="rect" coords="2,154,40,191" href="http://www.youtube.com/" />
 <area shape="rect" coords="3,202,39,240" href="http://www.facebook.com/group.php?gid=72781675198" />
 </map>
 </div>
 <div id="wrapper">
 …
   <div id="title_box"><object type="application/x-shockwave-flash" 
    data="images/flash.swf" 
    width="960" height="450">
 <param name="movie" value="images/flash.swf" />
 <img src="images/header.jpg" />
 </object></div>
Run Code Online (Sandbox Code Playgroud)

我怎么得到它所以我的Facebook固定位置div总是显示在这个.swf内容之上?

提前致谢

乔恩

html css

10
推荐指数
2
解决办法
6万
查看次数

浮动菜单栏使用HTML/CSS?

想知道是否有人知道创建一个浮动菜单栏的方法,该菜单栏粘在页面上的一个点上,直到浏览器窗口在页面上足够远并且取消它,然后菜单栏开始随之滚动.我想要的效果与http://www.jtricks.com/javascript/navigation/floating.html javascript菜单完全相同.但是,我真的想用CSS做到这一点.我知道我可以使div绝对定位并且它将向下移动页面,我尝试使一个DIV相对定位(父div)然后在其中另一个div是绝对定位的,但我无法使其工作.有没有人知道如何使用CSS工作或者它需要是JS吗?

提前致谢.

乔恩.

html javascript css

5
推荐指数
1
解决办法
3万
查看次数

不用JS显示<div>

我有一个非常非常简单的网页,它包含一个大的背景图像和一个位于该图像中心的按钮(按钮放在div中以定位它),我希望这个按钮可以点击,点击时,替换为另一个将显示电影预告片的div.

我遇到的每个解决方案都实现了JS,它是显示/隐藏div而不是替换show/hide按钮.

我只是想显示div,它不需要被隐藏(因为按钮有望被替换).

几乎与Duke Nukem网站上的这个例子相同:http://www.dukenukemforever.com/full/us/

单击播放预告片时,它显示为中央.这个和我想要做的唯一区别是我希望我的按钮也是中央的,并在按钮的顶部显示预告片(在它开始后无法隐藏预告片)

如果有人想知道为什么我不把这个预告片放在页面上而不打扰这就是让它"显示"而不是仅仅将视频嵌入到页面中心的div中的原因就是网页有一个很大的背景,我希望首先看到影响,然后显示预告片.

如果在JS中这是可能的,有人可以给我一个例子,我也会对此持开放态度!

html javascript css

5
推荐指数
1
解决办法
2196
查看次数

相对定位所有元素有什么问题吗?

我常常发现自己将一个类附加到一个元素上,只是为了让它可以position: relative;让我的孩子使用它position: absolute;

如果我写的话会有什么不妥,或者我应该说会有什么问题吗?

* {
  position: relative;
}
Run Code Online (Sandbox Code Playgroud)

或者可能是下面的例子,因为这些通常是我需要相对定位的唯一元素:

div, navbar, footer, section, aside, header, article {
  position: relative;
}
Run Code Online (Sandbox Code Playgroud)

根据W3schools,position: static;默认情况下所有元素都是根据页面的正常流程定位的.

"HTML元素默认定位为静态.静态定位元素总是根据页面的正常流程定位."

并且根据相同的来源,相对定位的元素也根据页面的正常流程定位,除非被CSS覆盖:

"相对定位元素的内容可以移动并与其他元素重叠,但元素的保留空间仍然保留在正常流程中."

html css css-position

5
推荐指数
1
解决办法
166
查看次数

在HAML中嵌入pre/code标签中的代码

我正在尝试为我正在编写的一些文档提供一些代码语法突出显示,我正在使用HAML和Highlight.js,这将适用于像这样的单行Ruby代码(虽然突出显示不是很好):

   %pre
     %code
       \=link_to('link name on page', 'link destiation', :class => 'class-name', :icon => 'clock-o', :icon_last => true)
Run Code Online (Sandbox Code Playgroud)

但是如果我尝试在precode标签中写一些CSS ,就像这样:

  %pre
    %code
      ul {
        li {
          Background: red;
        }
      }
Run Code Online (Sandbox Code Playgroud)

我得到了"非法嵌套:在纯文本中嵌套是非法的".错误,由于CSS内容的末尾括号.

有没有人知道能够使用HAML在网页上编写代码示例(主要是SASS,Ruby,HAML,Coffeescript)的插件/方法?只是在一行上写下所有的CSS.我的目标是这种结果 - CSS-Tricks

haml

5
推荐指数
1
解决办法
2075
查看次数

使用HTML/CSS时,Flash横幅不可用时的替代图像?

我正在寻找解决我的问题的方法,我有一个我为一个客户端创建的网站,其中包含一个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>`
Run Code Online (Sandbox Code Playgroud)

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

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

谢谢.

html javascript css flash

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×6

html ×6

javascript ×3

css-position ×1

flash ×1

haml ×1