打印

[求助] title的标签怎么左右排列

birdmj [楼主]

初级会员

帖子: 28
体力: 65
威望: 0
当前: 福建厦门
离线: 3 天

1^# 大中小发表于 2008-5-16 16:26

#right3{width:680px; border:1px dashed #000000; height:auto; float:right;}
.righthead {width:auto;height:30px;display:block;background:  url("top/bg.gif") repeat-x right top;}
.righthead  ul{}
.righthead ul li{ text-align:right;width: auto;margin-left:0px;line-height: 30px;font-weight: bold;color:rgb(255,255,255);font-size:13px;}
.rightcontent {width:auto;height:auto;background:#ffffff;font-size:8px;color:#000;font-family: 微软雅黑,verdana;}
.li_left{text-align:left; float:left;font-size:14px;color:#ffffff;}
.li_right{text-align:right; float:right;font-size:14px;color:#ffffff;}

<div id="right3">
                        <div class="righthead">
                              <ul>
                              <li class="li_left"><img src="images/top/xptitle.gif" ></li>
                              <li class="li_left"><a href="#">MORE>></a></li>
                              </ul>
                        </div>
                        <div class="rightcontent">
                           
                        </div>
         </div>

我的问题是：如何让xptitle.gif靠左对齐，而MORE>>靠右对齐？现在的情况是MORE>>跟在GIF的屁股后面，我要的是它们分散两边！谢谢

鸟鸣之涧

TOP

birdmj [楼主]

初级会员

帖子: 28
体力: 65
威望: 0
当前: 福建厦门
离线: 3 天

2^# 大中小发表于 2008-5-16 16:43

自己先顶起来

鸟鸣之涧

TOP

hhq1338

七米浅蓝
初级会员

帖子: 102
体力: 178
威望: 0
当前: 安徽合肥
离线: 9 天

3^# 大中小发表于 2008-5-16 17:37

www.wmpark.net

TOP

birdmj [楼主]

初级会员

帖子: 28
体力: 65
威望: 0
当前: 福建厦门
离线: 3 天

4^# 大中小发表于 2008-5-16 22:13

我的也是这样写的呀，但是不行呀？

鸟鸣之涧

TOP

wysun369

银牌会员

帖子: 760
体力: 1519
威望: 3
离线: 1 天

发短消息

5^# 大中小发表于 2008-5-17 23:18

提示：您可以先修改部分代码再运行

凑合着看吧

TOP

hhq1338

七米浅蓝
初级会员

帖子: 102
体力: 178
威望: 0
当前: 安徽合肥
离线: 9 天

6^# 大中小发表于 2008-5-19 17:00

楼主！难道你到现在还没发现你写成
<li class="li_left"><a href="#">MORE>></a></li>
了？
你代码没问题啊，只是你调样式的时候写错了把li_left改成li_right

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

</style>
</head>
<body>
<div id="right3">
<div class="righthead">
<ul>
<li class="li_left"><img src="images/top/xptitle.gif" ></li>
<li class="li_right"><a href="#"><span class="STYLE1">MORE</span>>></a></li>
</ul>
</div>
<div class="rightcontent">

</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 hhq1338 于 2008-5-19 17:01 编辑 ]

www.wmpark.net

TOP

birdmj [楼主]

初级会员

帖子: 28
体力: 65
威望: 0
当前: 福建厦门
离线: 3 天

7^# 大中小发表于 2008-5-20 22:05

谢谢，问题已经解决！谢谢楼上的朋友们！

鸟鸣之涧

TOP

birdmj [楼主]

初级会员

帖子: 28
体力: 65
威望: 0
当前: 福建厦门
离线: 3 天

8^# 大中小发表于 2008-5-20 22:08

回复 wysun369 在 5# 的帖子

好简洁哦，不错，我以后也学着这样用！

鸟鸣之涧

TOP