归档于 ‘设计’ 分类
用table进行淘宝产品描述的装修时，免费模版下，在firefox测试会出现图裂。
造成这个原因的罪魁祸首是淘宝css在body上定义了“line-height:1.5;”，造成img也行距加大。白菜也搜过几个店看过，极个别的店店就没有这个问题，至今没有查出原因。
解决图裂的方法有两种：一是做成一整片图，在table里写成背景；第二种是比较简单的方法，只要在table标签里面加入style=”line-height:0 !important;” 保证药到病除万事ok！
<table width="950" height="1406" border="0" cellpadding="0" cellspacing="0" style="line-height:0 !important;">
<tr>
<td colspan="3">
<a href="http://shop33952879.taobao.com/" target="_blank"><img src="http://www.f-quan.com/taobao/1/index_01.jpg" width="950" height="125" alt="" border=0/></a></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.f-quan.com/taobao/1/index_02.jpg" width="950" height="120" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://www.f-quan.com/taobao/1/index_03.jpg" width="335" height="34" alt=""/></td>
<td width="578" align="right" background="http://www.f-quan.com/taobao/1/index_04.jpg" style=" font-size:14px;">秋冬首选|科蒙博卡|草花纹拉锁开衫</td>
<td>
<img src="http://www.f-quan.com/taobao/1/index_05.jpg" width="37" height="34" alt=""/></td>
</tr>
<tr>
<td>
<img src="http://www.f-quan.com/taobao/1/index_06.jpg" width="335" height="706" alt=""/></td>
<td align="right" valign="top" background="http://www.f-quan.com/taobao/1/index_07.jpg"><table border="0" cellspacing="5" cellpadding="0">
[...]
虽然完全不熟悉函数，不懂程序，看过很多资料拼了拼，终于让我给折腾出来的了。
因案例的注册用户设为投稿者，所以有登陆以后有文章投稿一项；
登陆后显示问候语及头像；
因为案例中没有必要，所以没有为管理员提供更多管理链接，这需要一个判断，我记得水煮鱼的教程里有这段；
头像链接读者资料上填写的主页；
#logform{font-size:12px;height:100px;}
#logform ul ,#logform ul li{list-style:none;}
#logform ul.loginput li{padding:4px 8px;}
#logform ul.loginput #log,#logform ul.loginput #pwd{width:150px;margin:0 5px;}
#logform ul.loginput .button{margin-left:45px;padding:1px 8px;}
#logform ul.loginput a{padding-right:8px;}
#logform ul.avatarpic{width:70px;height:60px;float:left;}
#logform ul.avatarpic a img{border:3px solid #CCCCCC;}
#logform ul.avatarpic a img:hover{border:3px solid #3366CC;}
#logform ul.userlink{width:210px;float:right;line-height:20px;padding-top:20px;}
#logform ul.userlink li a{padding-right:6px;}
<div id="logform">
< ?php if (!(current_user_can(‘level_0′))){ ?>
<form action="<?php echo get_option(‘home’); ?>/wp-login.php" method="post">
<ul class="loginput">
<li>用户名：<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?/>" size="20" /></li>
<li>密 码：<input type="password" [...]
