Foxtable(狐表)用户栏目专家坐堂 → 文章索引


  共有2040人关注过本帖树形打印复制链接

主题:文章索引

帅哥哟,离线,有人找我吗?
刘林
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1942 积分:14919 威望:0 精华:0 注册:2016/4/28 9:58:00
文章索引  发帖心情 Post By:2018/7/21 14:00:00 [只看该作者]

请老师指导一下类似标题新闻的写法
左边一个图片,右边标题,点标题或图片进入正文

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107680 积分:547721 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/7/21 14:36:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1942 积分:14919 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By:2018/7/21 14:51:00 [只看该作者]

我发现原生的和框架做在一起不行,我是想请老师指导个用原生写的类似于这种的例子

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107680 积分:547721 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/7/21 15:07:00 [只看该作者]

用框架做一个例子,然后打开浏览器查看源代码,自己分析

 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1942 积分:14919 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By: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>")

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

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107680 积分:547721 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2018/7/21 17:07:00 [只看该作者]

网页排版主要靠css,注意分析框架使用的class类和style的用法

 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1942 积分:14919 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By: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>")
   

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

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/7/22 18:11:00 [只看该作者]

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

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

 

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


 回到顶部
帅哥哟,离线,有人找我吗?
刘林
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:八尾狐 帖子:1942 积分:14919 威望:0 精华:0 注册:2016/4/28 9:58:00
  发帖心情 Post By: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
图片点击可在新窗口打开查看

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


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By: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)

 回到顶部
总数 12 1 2 下一页