关于CSS图文混排列表的问题

html-css09

关于CSS图文混排列表的问题,第1张

遇到这样图文混合的,我是这样来实现的!

代码:

<div class="list">

<dl>

<dt><img src="nr_1.gif" /></dt>

<dd>

<ul>

<li>sdddsd</li>

<li>sdddsd</li>

<li>sdddsd</li>

<li>sdddsd</li>

<li>sdddsd</li>

<li>sdddsd</li>

</ul>

</dd>

</dl>

</div

样式:

dl,dt,dd,ul,li{margin:0padding:0list-style:none}

.list dl dt{float:left}

.list dl dd{float:left}

细节上的我就不怎么详细说了!根据你的需要在进行调整!

ArtiList标签

功能简介

【ArtiList 标签】在CMS中使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。

使用方式:

[@cms.ArtiList chnlId='' count='5' sysContent='1-1' titLen='25' lineHeight='1' dateFormat='4' datePosition='2' headMark='2' target='1'/]

标记说明

【标签名】:[@cms. ArtiList 属性='值' /]

【作 用】:获取文章列表数据

【参 数】:

属性名称 属性说明 默认值 可选值

chnlId 栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID 当前栏目ID 空:显示全站文章列表;

栏目ID:指定栏目文章

attr 文章属性ID 空 1:普通 2:图文

3:焦点 4:头条

5:滚动

sysContent 列表显示方式 1-1 1-1:普通标题列表

1-2:图文列表

2-1:标题列表翻滚

2-2:图文列表翻滚

3-1:焦点图

orderBy 排序方式 0 0:发布时间降序;

1:发布时间升序;

2:固顶降序;

3:置顶降序;

4:日点击降序;

5:周点击降序;

6:月点击降序;

7:季点击降序;

8:年点击降序;

9:总点击降序

recommend 是否推荐 0 0:所有文章

1:推荐文章

titLen 标题长度 20 自定义

target 链接打开目标 0 0:原窗口打开

1:新窗口打开

headMark 文章标题图标 0 0:无图标

1:黑色小圆点

2:红色小圆点

3:蓝色单箭头

4:蓝色双箭头

自定义图标:填写图标路

lineHeight 文章列表每行的行高 空 自定义

bottomLine 每行标题下是否带下划分隔线 0 0:无分隔线

1:默认分隔线

自定义样式:css中定义的样式名称

ctgForm 文章类别形式 0 0:不显示文章类别

1:显示栏目类别

2:显示站点名称

ctgClass 文章类别的css-class 空 自定义css样式的class名

dateFormat 文章发布日期显示格式 0 0:不显示日期

1:”年-月-日 时-分-秒” 格式

2:”年-月-日” 格式

3:”月-日 时-分” 格式

4:”月-日” 格式

datePosition 日期排列位置 1 1:紧跟标题之后

2:右对齐

3:左对齐

isPage 是否显示分页 0 0:否;1:是

count 每页列表显示数量 20 自定义

cssStyle 连接的样式 空 自定义

仅当sysContent='1-2'(图文列表)时,以下标签属性才有效

picWidth 按百分比显示图片宽度 25(即每个图片占总宽度的25%,每行可放四张图片) 自定义

picHeight 每行图片显示高度 110 自定义

仅当sysContent='3-×'(焦点图)时,以下标签属性才有效

flashWidth 焦点图宽度 296(px) 自定义

flashHeight 焦点图总高度 200(px) 自定义

textHeight 焦点图文本高度 20(px) 自定义

仅当sysContent='2-×'(特效显示)时,以下标签属性才有效

rollDisplayHeight 显示区高度 28 自定义

rollLineHeight 行高 28 自定义

rollCols 列数(一行中包含几列) 1 自定义

rollSpeed 滚动速度,值越小越快,最小为1 1 自定义

isSleep 是否停顿 1 0:不停顿;

1:停顿

rollSleepTime 停顿时间,值越大停顿越久 50 自定义

rollCount 一次滚动的行数 1 自定义

rollSpan 一次滚动的像素 1 自定义

其它高级标签属性(用于用户个性设置)

searchKey 在标题、tags和描述中搜索指定关键字的文章列表,用于搜索页模板 空 自定义关键字

style 标签内部样式,如果指定sysContent或userContent,则该项无效 1 1:普通列表

sysTpl 指定系统模板 1 自定义

sysContent 系统内容样式 0 自定义

userContent 用户内容样式,当sysContent=1时有效 空 自定义

sysPage 系统分页样式 0 自定义

userPage 用户分页样式,当sysPage=1时有效 空 自定义

upSolution 指定其它模板方案样式 空 自定义

upWebRes 指定其它站点样式 空 自定义

pageClass 分页栏css样式的class名称 空 自定义

pageStyle 分页栏css自定义style样式 空 自定义