专家坐堂-文章索引Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  文章索引  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=122245)

--  作者：刘林
--  发布时间：2018/7/21 14:00:00
--  文章索引
请老师指导一下类似标题新闻的写法
左边一个图片，右边标题，点标题或图片进入正文

--  作者：有点蓝
--  发布时间：2018/7/21 14:36:00
--
参考：http://www.foxtable.com/mobilehelp/scr/0078.htm

--  作者：刘林
--  发布时间：2018/7/21 14:51:00
--
我发现原生的和框架做在一起不行，我是想请老师指导个用原生写的类似于这种的例子

--  作者：有点蓝
--  发布时间：2018/7/21 15:07:00
--
用框架做一个例子，然后打开浏览器查看源代码，自己分析

--  作者：刘林
--  发布时间：2018/7/21 17:03:00
--

sb.appendline("<div>")
sb.appendline("<ul>")
sb.appendline("<li>")
sb.appendline("<a href="">")
sb.appendline("<img src= \'yb.jpg\' alt=\'标题图片\' width= \'40%\'>")
sb.appendline("<h4 >这里是商品标题1</h4>")
sb.appendline("<em >￥4999.00</em>")
sb.appendline("</a>")
sb.appendline("</li>")
sb.appendline("<li>")
sb.appendline("<a href="">")
sb.appendline("<img src= \'yb.jpg\' alt=\'商品图片\'>")
sb.appendline("<h4 >这里是商品标题2</h4>")
sb.appendline("<em >￥4999.00</em>")
sb.appendline("</a>")
sb.appendline("</li>")
sb.appendline("</ul>")
sb.appendline("</div>")

老师，仿照例子试了一下，现在的问题是，试了两图片只显示一个，第二是设置图片的大小不变呢，还有如何将标题文字显示在图片右边，这个才开始接触，请老师谅解

--  作者：有点蓝
--  发布时间：2018/7/21 17:07:00
--
网页排版主要靠css，注意分析框架使用的class类和style的用法

--  作者：刘林
--  发布时间：2018/7/21 19:26:00
--

sb.appendline("<div><a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\' style =\'font-size:60px\'><img src= \'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt=\'标题图片\' style=\'float:left\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</a></div></br></br>")
sb.appendline("<div><a href=\'http://baijiahao.baidu.com/s?id=1582007943502007987&wfr=spider&for=pc\' style =\'font-size:60px\'><img src= \'http://t12.baidu.com/it/u=1378737182,3689733610&fm=173&s=99CCB552878C7EEC02D8D9DE02004073&w=640&h=480&img.JPEG\' alt=\'标题图片\' style=\'float:left\' width=\'55%\' heigth=\'200\'>好习惯成就好人生</a></div></br></br>")

为了理解方便，我这样写，现在的问题"好习惯成就好人生"这行字显示在"决定孩子一生的关键-注意力"后面，是什什么原因?怎么改

--  作者：有点甜
--  发布时间：2018/7/22 18:11:00
--

以下是引用刘林在2018/7/21 19:26:00的发言：

为了理解方便，我这样写，现在的问题"好习惯成就好人生"这行字显示在"决定孩子一生的关键-注意力"后面，是什什么原因?怎么改

我测试没问题，请做一个具体实例发上来测试。

--  作者：刘林
--  发布时间：2018/7/23 14:52:00
--

sb.appendline("<div>")
sb.appendline("<ul>")
sb.appendline("<li>")
sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'float:left\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
sb.appendline("</a>")
sb.appendline("</li>")
sb.appendline("<li>")
sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'float:left\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
sb.appendline("</a>")
sb.appendline("</li>")
sb.appendline("<li>")
sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'float:left\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
sb.appendline("</a>")
sb.appendline("</li>")
sb.appendline("</ul>")
sb.appendline("</div>")


此主题相关图片如下：screenshot_2018-07-23-14-48-07-79.png

老师，我照有些例子这样做，但三个图片的文字标题显示在一起了呢，我是想做成每张图片后面跟对应的标题，请问是什么原因，怎么改

--  作者：有点甜
--  发布时间：2018/7/23 15:19:00
--
        Dim sb As new Stringbuilder
        sb.appendline("<div>")
        sb.appendline("<ul>")
        sb.appendline("<li>")
        sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
        sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
        sb.appendline("</a>")
        sb.appendline("</li>")
        sb.appendline("<li>")
        sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
        sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
        sb.appendline("</a>")
        sb.appendline("</li>")
        sb.appendline("<li>")
        sb.appendline("<a href=\'http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc\'>")
        sb.appendline("<img src=\'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3\' alt= \'品图片\'style=\'\' width=\'55%\' heigth=\'200\'>决定孩子一生的关键-注意力</img>")
        sb.appendline("</a>")
        sb.appendline("</li>")
        sb.appendline("</ul>")
        sb.appendline("</div>")
        e.writestring(sb.tostring)