主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» 连接加背景后的问题
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
连接加背景后的问题
iou33449999
[楼主]
金牌会员
帖子
1106
体力
3264
威望
0
当前
陕西 西安
个人空间
发短消息
加为好友
专长
网页设计,ASP,Access
1
#
大
中
小
发表于 2008-8-21 15:05
有点问题请教:
1、为什么会换行?
2、文字怎么样可以偏左一点?不希望是居中的,但也不是居左!
<style> a.add { display:block; width:86px; font-size:12px; height:27px; color:#FF0000; line-height:27px; text-decoration:none; background:url(http://www.zhouwenqi.com/image/skins/input/subtn.jpg) no-repeat 0 0; } </style> <p align="center"><a onfocus=this.blur() class="add" href="Book_add.asp">增加记录</a>|<a onfocus=this.blur() class="add" href="Book_search.asp">查找记录</a></p>
提示:您可以先修改部分代码再运行
积分
3264
阅读权限
90
性别
男
在线时间
781 小时
注册时间
2004-5-8
最后登录
2008-12-5
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
微软开发者工具互动网站
iou33449999
[楼主]
金牌会员
帖子
1106
体力
3264
威望
0
当前
陕西 西安
个人空间
发短消息
加为好友
专长
网页设计,ASP,Access
2
#
大
中
小
发表于 2008-8-21 15:15
第二个问题解决了 加上 padding-right:20px; 就好了!
但为什么会换行呢?
积分
3264
阅读权限
90
性别
男
在线时间
781 小时
注册时间
2004-5-8
最后登录
2008-12-5
查看详细资料
TOP
美橙vps独立IP月付189元
|
千千静听皮肤设计大赛
nanfengpiaoye
非桐不栖
初级会员
帖子
625
体力
170
威望
0
当前
北京 海淀区
个人空间
发短消息
加为好友
3
#
大
中
小
发表于 2008-8-21 15:22
你把a定义为block了,不换行才怪,
积分
170
阅读权限
20
性别
女
在线时间
642 小时
注册时间
2005-9-28
最后登录
2008-12-4
查看详细资料
TOP
activeTechPros 共享IT行业薪资信息
|
《疯狂的程序员》劲爆上市
iou33449999
[楼主]
金牌会员
帖子
1106
体力
3264
威望
0
当前
陕西 西安
个人空间
发短消息
加为好友
专长
网页设计,ASP,Access
4
#
大
中
小
发表于 2008-8-21 15:24
哦 的确 谢谢了
积分
3264
阅读权限
90
性别
男
在线时间
781 小时
注册时间
2004-5-8
最后登录
2008-12-5
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
iou33449999
[楼主]
金牌会员
帖子
1106
体力
3264
威望
0
当前
陕西 西安
个人空间
发短消息
加为好友
专长
网页设计,ASP,Access
5
#
大
中
小
发表于 2008-8-21 16:40
与第一贴做了下属调整后发现又有问题了:
1、加上了DOCTYPE
2、将display:block; 改成 display:inline-block;
3、加上了padding-right:20px;
但是padding-right:20px;为什么会使这个A左偏20px而不是内部的文字呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>记录列表</title> <style> a.add { display:inline-block; width:86px; font-size:12px; height:27px; color:#FF0000; line-height:27px; text-decoration:none; padding-right:20px; background:url(http://www.zhouwenqi.com/image/skins/input/subtn.jpg) no-repeat 0 0; } </style> <p align="center"><a onfocus=this.blur() class="add" href="Book_add.asp">增加记录</a>|<a onfocus=this.blur() class="add" href="Book_search.asp">查找记录</a></p>
提示:您可以先修改部分代码再运行
积分
3264
阅读权限
90
性别
男
在线时间
781 小时
注册时间
2004-5-8
最后登录
2008-12-5
查看详细资料
TOP
ONEBOYS
步舞之鹤
银牌会员
帖子
522
体力
1034
威望
0
当前
浙江 杭州
个人网站
发短消息
加为好友
专长
前端制作
6
#
大
中
小
发表于 2008-8-21 16:59
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>记录列表</title> <style> a.add { text-align:left; text-indent:10px; display:inline-block; width:86px; font-size:12px; height:27px; color:#FF0000; line-height:27px; text-decoration:none; border:1px solid red; background:url(http://www.zhouwenqi.com/image/skins/input/subtn.jpg) no-repeat 0 0; } </style> <p align="center"><a onfocus=this.blur() class="add" href="Book_add.asp">增加记录</a>|<a onfocus=this.blur() class="add" href="Book_search.asp">查找记录</a></p>
提示:您可以先修改部分代码再运行
积分
1034
阅读权限
70
性别
男
在线时间
347 小时
注册时间
2007-6-2
最后登录
2008-12-4
查看个人网站
查看详细资料
TOP
ONEBOYS
步舞之鹤
银牌会员
帖子
522
体力
1034
威望
0
当前
浙江 杭州
个人网站
发短消息
加为好友
专长
前端制作
7
#
大
中
小
发表于 2008-8-21 17:01
padding会改变盒模型的宽高。这里还是用text-indent比较好
积分
1034
阅读权限
70
性别
男
在线时间
347 小时
注册时间
2007-6-2
最后登录
2008-12-4
查看个人网站
查看详细资料
TOP
iou33449999
[楼主]
金牌会员
帖子
1106
体力
3264
威望
0
当前
陕西 西安
个人空间
发短消息
加为好友
专长
网页设计,ASP,Access
8
#
大
中
小
发表于 2008-8-21 17:11
谢谢了 为什么那个|没有在两个a之间居中呢?
积分
3264
阅读权限
90
性别
男
在线时间
781 小时
注册时间
2004-5-8
最后登录
2008-12-5
查看详细资料
TOP
ONEBOYS
步舞之鹤
银牌会员
帖子
522
体力
1034
威望
0
当前
浙江 杭州
个人网站
发短消息
加为好友
专长
前端制作
9
#
大
中
小
发表于 2008-8-21 17:46
已经居中了。你看下那个红色边框是不是对称的?是你的图片的问题。
当然不改图片也可以,加个 margin-left:2px;吧。。。
积分
1034
阅读权限
70
性别
男
在线时间
347 小时
注册时间
2007-6-2
最后登录
2008-12-4
查看个人网站
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
体育运动、线下活动与游戏
创业版