淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1465|回复: 14
收起左侧

[装修相关] 各位大神,帮忙,想在DIV 加热点,怎么弄

[复制链接]
  • TA的每日心情

    2015-5-5 16:28
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    126

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    126

    发表于 2015-5-5 16:36:17 | 显示全部楼层 |阅读模式

    1. <div style="height:150px;background:url(http://img04.taobaocdn.com/imgextra/i4/835430501/TB24peAcFXXXXXkXXXXXXXXXXXX_!!835430501.jpg);">


    2. <div style="font-size:16px;float:right;margin-top:45px;margin-right:320px;">

    3.    <form action="http://4014.taobao.com/search.htm?search=y&v=1" method="post" target="_blank" style="padding:0px;margin:0px;">
    4.          
    5.    
    6.     <span style="border:#4c4c4c 4px solid;float:right;width:270px;">
    7.          <input name="keyword" style="border:none;line-height:32px;height:32px;text-indent:8px;width:200px;display:block;float:left;8px;color:#444444;">
    8.        <button style="text-align:center;line-height:8px;background-color:#4c4c4c;width:70px;display:block;float:left;height:32px;color:#FFFFFF;cursor:pointer;border:none;font-weight:bold;" type="submit">搜索</button>
    9.     </span>
    10.    
    11.     </form>

    12. </div>


    13. </div>
    复制代码

    就是在那些文字哪里做超链,比较多个,怎么弄,没办法直接画热点



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-5-5 16:28
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    126

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    126

     楼主| 发表于 2015-5-5 16:49:20 | 显示全部楼层
    有大神帮忙下吗?谢谢

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-5-5 16:28
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    126

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    126

     楼主| 发表于 2015-5-5 16:49:50 | 显示全部楼层
    我试了加a标可以,但是绝对值不知道怎么调

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2015-11-15 15:32
  • 签到天数: 194 天

    连续签到: 1 天

    [LV.7]炉火纯青

    43

    主题

    710

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61128

    热心会员最佳新人活跃会员

    QQ
    发表于 2015-5-5 16:54:46 | 显示全部楼层
    本帖最后由 晕菜小包子 于 2015-5-5 17:01 编辑

    图片可以加,DIV没见过    图片的话一般代码如下

    <img src="图址"  usemap="#【热点名】"/>
    <map name="【热点名】"><area shape="【形状名(如圆形、矩形、多边形)】" coords="【形状坐标】" href="【链接】">
    <area shape="【形状名(如圆形、矩形、多边形)】" coords="【形状坐标】" href="【链接】">
    ....
    </map>


    DW编辑就这样使用,特别注意,热点名的唯一性,否则浏览器无法识别区域,使用不同的地图要保证唯一性

    目测你要做搜索框,这个嘛,只要把对应组件定好位置就可以了     不知道你用热点来做什么
       




  • TA的每日心情

    2015-5-5 16:28
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    126

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    126

     楼主| 发表于 2015-5-5 16:58:58 | 显示全部楼层
    晕菜小包子 发表于 2015-5-5 16:54
    图片可以加,DIV没见过    图片的话一般代码如下

    这个是图片的,但是DIV就不可以了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    4 天前
  • 签到天数: 168 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86347

    最佳新人热心会员宣传达人活跃会员

    QQ
    发表于 2015-5-5 17:33:24 | 显示全部楼层
    只能用A标签定位,定位的话,参考全屏代码里的定位
  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-5-5 17:34:02 | 显示全部楼层
    你可以先把图片加上热点,然后用DIV包起来,再用position把搜索框定位一下就可以了
  • TA的每日心情
    求抱抱
    2016-7-10 18:26
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    301

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10026

    最佳新人热心会员

    QQ
    发表于 2015-5-5 17:55:18 | 显示全部楼层
    全部都是大神
    开始成为大神了!!!
  • TA的每日心情

    2015-5-5 16:28
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    126

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    126

     楼主| 发表于 2015-5-5 18:12:57 | 显示全部楼层
    誓言芜罪 发表于 2015-5-5 17:33
    只能用A标签定位,定位的话,参考全屏代码里的定位

    A标不是只能定一个方位了,不能跟热点定一小块

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2015-5-25 21:41
  • 签到天数: 26 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    2

    主题

    56

    帖子

    3777

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3777

    QQ
    发表于 2015-5-5 18:17:47 | 显示全部楼层
    本帖最后由 时光如槿季微凉 于 2015-5-5 18:20 编辑

    A标签是不能直接定位的,块状化后才能定位

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-10 05:24 , Processed in 0.113589 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表