Archive for the ‘ 网站建设 ’ Category

一个简单的图文混排的方法

以前我实现图文混排都是用表格,左边百分之多少是图片,右边百分之多少是文字。
这两天在网上看一些代码教程,无意中看到了一个简单的图文混排的方法,帖出来与大家分享:

用的是float属性

我们先看看用它作的一个页面效果(如下图):

float属性

您是不是以为在图片那里插入了一个表格才实现这种图文混排的效果的呢?

其实不是的,在这里只是在图片部分中定义了一下<img>的float和margin属性,代码如下:
<DIV style=”FLOAT: left; MARGIN-RIGHT: 2em“><IMG alt=floating src=”图片地址”></DIV>  文字

参数说明:
float(浮动)可取left, right两个值,决定图片偏向的方向

margin(空白)最多可设MARGIN-RIGHT(左边空白)、MARGIN-LEFT(右边空白)、MARGIN-TOP(顶部空白)和MARGIN-BOTTOM(底部空白)四个参数,属性值为:数值+PX(像素)、EM(字线m的宽度)、EX(字母x的高度)、mm(毫米)等


怎么样?简单吗?嘿嘿,这比用表格少了不少的代码^_^喜欢就拿去用吧~~


部分资料参考:洪恩在线

纪念纪念

       昨天把《18号播放器列表歌曲荟萃(1-12) 》,拿去博客龙推荐到Bolaa,没想到第一次推荐,就被录用了,荣登TOP10音乐话题,并首页推荐。就是给改了一下标题《十二首经典歌曲荟萃》(我还纳闷这篇日志短短时间点击率咋这么高涅dog
      还是抓下图来纪念个。

         刚才去看了看,虽然今天又增加了新话题,名次降了些,8过还在首页。envy 阅读全文

屏蔽右键的代码+转载的教程

首先公布小蓝兄弟要的屏蔽右键的代码:

接下来的是收藏自叶の阳Mysql+Apche+PHP+Phpmyadmin+Zend安装教程阅读全文

图片移动代码

nvsheng82同学留言问的,对于代码运用,偶属于三把刀,粉业余。shy
效果如下(游阜平天之桥瀑布) :
向右移动
       
向左移动 阅读全文

极速网店系统—送给小蓝同学

小蓝同学上周末管我要一个网站的源码,崩溃,偶哪里有涅。sweat
细问后了解到这兄弟要开个网店,想起自己收藏了一套网店程序,现在贴上来。喜欢的朋友用吧。grin
极速网店系统
截图: 阅读全文

无觅相关文章插件,快速提升流量