吴伟贤のBlog

Feed Rss
存档： ‘div+css & html’ 分类

DIV 居中的绝好解决方法

05.13.2009, DIV 居中的绝好解决方法已关闭评论, div+css & html, by .

现在进行WEB重构的时候,一般我们做DIV 居中是这样:

body{
margin:0px auto;
text-align:center;
}

但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

为此困扰了我几天.那么有的朋友就会说:你加上这句不就行了吗? 可是有时候页面并不能全部按上面规定的代码格式来编写,比如说要改多彩滚动条.
直到昨天,一个想法在我脑中闪了一下. 何不用JS来控制页面的边距?说干就干!
找了个页面.添加了下面的一小段代码.

<script language="javascript" type="text/javascript" src="function.js"></script>
function.js内容:
if(window.screen.width>800){document.write("<style type=\"text/css\">body{margin-left:"+(window.screen.width-800)/2+"px}</style>");}

保存,测试. 哈哈,换了几个分辨率都可以正常居中!至此试验成功.
总结一下:
主要是这句代码起的作用:
(window.screen.width-800)/2 //计算页面应该留出的边距数值.800为我的DIV宽度 + 滚动条宽度.实际应用改为你自己的大小.
补充一点:上面这段JS 必须放在你的最后一个CSS连接或</style>的后面.

了解更多

今天你变灰了吗？ 网页变灰教程

05.11.2009, 今天你变灰了吗？ 网页变灰教程已关闭评论, div+css & html, by .

以下为全站CSS代码。   
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。   
如果网站没有使用CSS，可以在网页/模板的HTML代码   <head>和   </head> 之间插入：   
<style>   
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}   
</style>   
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">   
请将网页最头部的   <html>替换为以上代码。   
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的   <object …>和   </object>之间插入：   
<param value="false" name="menu"/>   
<param value="opaque" name="wmode"/>   
最简单的把页面变成灰色的代码是在head 之间加   
<style type="text/css">   
html {   
    FILTER: gray   
}   
</style>   

了解更多

请问如何在页不刷新的情况下，点击某按钮，给一个文本输入框赋值

04.09.2009, 请问如何在页不刷新的情况下，点击某按钮，给一个文本输入框赋值已关闭评论, div+css & html, by .

<form name="f">
<input type="text" name="a">
<input type="button" name="b" value="赋值" onClick="document.f.a.value=’搞定了’">
</form>
了解更多

在线播放多文件

10.29.2008, 在线播放多文件已关闭评论, div+css & html, by .

<object   classid=clsid:22D6f312-B0F6-11D0-94AB-0080C74C7E95   name=wmp>  
      <param   name="AudioStream"   value="-1">  
      <param   name="AutoSize"   value="-1">  
      <param   name="AutoStart"   value="1">  
      <param   name="AnimationAtStart"   value="-1">  
      <param   name="AllowScan"   value="-1">  
      <param   name="AllowChangeDisplaySize"   value="-1">  
      <param   name="AutoRewind"   value="1">  
      <param   name="Balance"   value="1">  
      <param   name="BaseURL"   value="">  
      <param   name="BufferingTime"   value="5">  
      <param   name="CaptioningID"   value="">  
      <param   name="ClickToPlay"   value="0">  
      <param   name="CursorType"   value="0">  
      <param   name="CurrentPosition"   value="-1">  
      <param   name="CurrentMarker"   value="0">  
      <param   name="DefaultFrame"   value="">  
      <param   name="DisplayBackColor"   value="0">  
      <param   name="DisplayForeColor"   value="16777215">  
      <param   name="DisplayMode"   value="0">  
      <param   name="DisplaySize"   value="0">  
      <param   name="Enabled"   value="-1">  
      <param   name="EnableContextMenu"   value="-1">  
      <param   name="EnablePositionControls"   value="-1">  
      <param   name="EnableFullScreenControls"   value="1">  
      <param   name="EnableTracker"   value="-1">  
      <param   name="Filename"   value="listen1.asx">       <–这里写播放列表，或播放文件的路径  
      <param   name="InvokeURLs"   value="-1">  
      <param   name="Language"   value="-1">  
      <param   name="Mute"   value="0">  
      <param   name="PlayCount"   value="1">  
      <param   name="PreviewMode"   value="0">  
      <param   name="Rate"   value="1">  
      <param   name="SAMILang"   value="">  
      <param   name="SAMIStyle"   value="">  
      <param   name="SAMIFileName"   value="">  
      <param   name="SelectionStart"   value="-1">  
      <param   name="SelectionEnd"   value="-1">  
      <param   name="SendOpenStateChangeEvents"   value="-1">  
      <param   name="SendWarningEvents"   value="-1">  
      <param   name="SendErrorEvents"   value="-1">  
      <param   name="SendKeyboardEvents"   value="0">  
      <param   name="SendMouseClickEvents"   value="0">  
      <param   name="SendMouseMoveEvents"   value="-1">  
      <param   name="SendPlayStateChangeEvents"   value="-1">  
      <param   name="ShowCaptioning"   value="0">  
      <param   name="ShowControls"   value="0">  
      <param   name="ShowAudioControls"   value="1">  
      <param   name="ShowDisplay"   value="0">  
      <param   name="ShowGotoBar"   value="0">  
      <param   name="ShowPositionControls"   value="1">  
      <param   name="ShowStatusBar"   value="0">  
      <param   name="ShowTracker"   value="1">  
      <param   name="TransparentAtStart"   value="1">  
      <param   name="VideoBorderWidth"   value="1">  
      <param   name="VideoBorderColor"   value="1">  
      <param   name="VideoBorder3D"   value="1">  
      <param   name="Volume"   value="-100">  
      <param   name="WindowlessVid
eo"   value="0">  
  </object>
了解更多

用Google给你的站内搜索加上统计功能

07.03.2008, 用Google给你的站内搜索加上统计功能已关闭评论, div+css & html, by .

今天把我的站内搜索换上了Google的 Custom Search Engine ，虽然Adsense也提供了类似的功能，但代码过于繁杂，一直没有用。相对Adsense来讲，Custom Search Engine 就方便多了，它同时也提供了站内搜索的统计功能，这一直是我的博客的盲点。下面我把一些实现方法及注意事项与大家聊聊。

Google的站内搜索是我根据自己的需要起的名，其实应叫“自定义搜索引擎”。我用它主要基于：CSE提供的统计功能、支持Adsense，同时我也提高了我博客的运行效率、减轻了服务器负担。我想：如果你也会对以上功能动心吧。在这里我要提醒一下的，如果你的网站的PR值过低，例如1或0，建议你暂时不要放。我的PR虽然不高，但我知道我的网站内容基本已经被GOOGLE全部收录。下面我们来看一下注册CSE的步骤及注意事项。
了解更多

一个简单的域名自动转向源代码

04.07.2008, 一个简单的域名自动转向源代码已关闭评论, div+css & html, by .

<%
if Request.ServerVariables("SERVER_NAME")="www.tajh.net" then
response.redirect "index1.htm"
else
response.redirect "index2.htm"
end if
%>
此ASP代码功能是当两个域名指向同一个主机时,可以自动重定向到相应的域名网站
了解更多

推荐五个好用的网页配色器

04.01.2008, 推荐五个好用的网页配色器已关闭评论, div+css & html, by .

网页设计中，有一个最基本的设计问题，就是关于网页整体配色方案的选择。以前要做一个网页的时候，技术上，对于网页设计的技术人员来说，不是很大的问题；但是关于网页整体的美工，却是一个大问题。尤其是只有计算机专业知识而没有太多艺术细胞的人，要设计出好看的网页是一件比较困难的事情。

像我就是技术类。对于界面来说。唉。不说啦

推荐几个网页配色器，能很好的解决技术类人员设计网页遇到配色方案而头疼的问题。

ColorMatch 5K
http://www.colormatch.dk/

了解更多

JQQonline网站QQ在线咨询 V4.0

02.21.2008, JQQonline网站QQ在线咨询 V4.0已关闭评论, div+css & html, by .

JQQonline网站QQ在线咨询(V4.0)

 

很实用的东东

了解更多