代码如下:<style type="text/css">
/* 图片新闻大小可以更改此样式 */
.pp_portal_imgNews {
position:relative;
text-align:left;
width:430px;
height:275px;
} .pp_portal_imgNew {
position:absolute;
} /* 图片样式 */
.pp_portal_imgNew img {
width:430px;
height:253px;
border:0;
} /* 文字标题样式 */
.pp_portal_imgNew_title {
text-align:left;
margin-top:5px;
} .pp_portal_imgNew_title a{
display:block;
color:#000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align:left;
} /* 导航提示位置 */
.pp_portal_navLink {
position:absolute;
display:block;
right:0px;
bottom:5px;
} /* 导航提示样式(未选择) */
.pp_portal_navLink a {
color:#fff;
text-align:center;
text-decoration: none;
} .pp_portal_navLink li {
display:inline;
text-align:center;
background-color:#333;
width:15px;
margin-left:1px;
}
</style>
<script type="text/javascript">
var newsNum = 4;
var nn = 1; function pp_portal_selectPicNew(o) {
for(var i=1; i<=newsNum; i++) {
var newsId = "id_portal_imgNew" + i;
if(o==i) { // 被选中
document.getElementById(newsId).style.display="block";
document.getElementById("id_portal_navLink"+i).style.background="red";
} else {
document.getElementById(newsId).style.display="none";
document.getElementById("id_portal_navLink"+i).style.background="#333";
}
}
nn=o;
} // 自动选择图片新闻
function pp_portal_changePicNew()
{
if(nn>newsNum) nn=1
//alert(nn);
pp_portal_selectPicNew(nn);
nn++;
} function pp_portal_picNew_auto() {
pp_portal_picNew_autoTask = setInterval('pp_portal_changePicNew()', 7000);
}
pp_portal_picNew_auto();
</script> <div id="id_portal_imgNews" class="pp_portal_imgNews">
<div id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;">
<a href="http://www.zhongsou.net/易制毒/channel/12964964" target="_blank"><img alt="图片新闻一" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/872778-1.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zhongsou.net/易制毒/channel/12964964" target="_blank">中国易制毒网庆国庆专题</a></div>
</div>
<div id="id_portal_imgNew2" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zhongsou.net/%E6%98%93%E5%88%B6%E6%AF%92/channel/2743185/2719395/0/136122453/3/732718/75617538374C656F776171367A39624774716933714C6E6D734F7A41376462477472374F3738613374376A58373743347650343D/0" target="_blank"><img alt="图片新闻二" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/n134466.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zhongsou.net/%E6%98%93%E5%88%B6%E6%AF%92/channel/2743185/2719395/0/136122453/3/732718/75617538374C656F776171367A39624774716933714C6E6D734F7A41376462477472374F3738613374376A58373743347650343D/0" target="_blank">公检法联合制定法规办理易制毒物品犯罪案件</a></div>
</div>
<div id="id_portal_imgNew3" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zgyzdw.com/channel/2743185/2743190/0/32758372/3/7482215/0/0" target="_blank"><img alt="图片新闻三" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/11212.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zgyzdw.com/channel/2743185/2743190/0/32758372/3/7482215/0/0" target="_blank">国家进一步加强易制毒化学品管制</a></div>
</div>
<div id="id_portal_imgNew4" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zgyzdw.com/channel/2743185/2719395/0/32758372/3/7424088/0/0" target="_blank"><img alt="图片新闻四" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/xinwen13.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zgyzdw.com/channel/2743185/2719395/0/32758372/3/7424088/0/0" target="_blank">全国非药品类易制毒化学品座谈会召开</a></div>
</div>
<div id="id_portal_navLinks" class="pp_portal_navLink">
<ul>
<li id="id_portal_navLink1" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(1)"> 1 </a></li>
<li id="id_portal_navLink2" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(2)"> 2 </a></li>
<li id="id_portal_navLink3" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(3)"> 3 </a></li>
<li id="id_portal_navLink4" ><a href="javascript:void(0)s" onclick="pp_portal_selectPicNew(4)"> 4 </a></li>
</ul>
</div>
</div>
我想对现在的样式进行修改,让文字标题浮动在图片下部,而不是在图片下面。就是和导航部分在一个水平线上。各位大大看看 怎么改
/* 图片新闻大小可以更改此样式 */
.pp_portal_imgNews {
position:relative;
text-align:left;
width:430px;
height:275px;
} .pp_portal_imgNew {
position:absolute;
} /* 图片样式 */
.pp_portal_imgNew img {
width:430px;
height:253px;
border:0;
} /* 文字标题样式 */
.pp_portal_imgNew_title {
text-align:left;
margin-top:5px;
} .pp_portal_imgNew_title a{
display:block;
color:#000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align:left;
} /* 导航提示位置 */
.pp_portal_navLink {
position:absolute;
display:block;
right:0px;
bottom:5px;
} /* 导航提示样式(未选择) */
.pp_portal_navLink a {
color:#fff;
text-align:center;
text-decoration: none;
} .pp_portal_navLink li {
display:inline;
text-align:center;
background-color:#333;
width:15px;
margin-left:1px;
}
</style>
<script type="text/javascript">
var newsNum = 4;
var nn = 1; function pp_portal_selectPicNew(o) {
for(var i=1; i<=newsNum; i++) {
var newsId = "id_portal_imgNew" + i;
if(o==i) { // 被选中
document.getElementById(newsId).style.display="block";
document.getElementById("id_portal_navLink"+i).style.background="red";
} else {
document.getElementById(newsId).style.display="none";
document.getElementById("id_portal_navLink"+i).style.background="#333";
}
}
nn=o;
} // 自动选择图片新闻
function pp_portal_changePicNew()
{
if(nn>newsNum) nn=1
//alert(nn);
pp_portal_selectPicNew(nn);
nn++;
} function pp_portal_picNew_auto() {
pp_portal_picNew_autoTask = setInterval('pp_portal_changePicNew()', 7000);
}
pp_portal_picNew_auto();
</script> <div id="id_portal_imgNews" class="pp_portal_imgNews">
<div id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;">
<a href="http://www.zhongsou.net/易制毒/channel/12964964" target="_blank"><img alt="图片新闻一" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/872778-1.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zhongsou.net/易制毒/channel/12964964" target="_blank">中国易制毒网庆国庆专题</a></div>
</div>
<div id="id_portal_imgNew2" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zhongsou.net/%E6%98%93%E5%88%B6%E6%AF%92/channel/2743185/2719395/0/136122453/3/732718/75617538374C656F776171367A39624774716933714C6E6D734F7A41376462477472374F3738613374376A58373743347650343D/0" target="_blank"><img alt="图片新闻二" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/n134466.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zhongsou.net/%E6%98%93%E5%88%B6%E6%AF%92/channel/2743185/2719395/0/136122453/3/732718/75617538374C656F776171367A39624774716933714C6E6D734F7A41376462477472374F3738613374376A58373743347650343D/0" target="_blank">公检法联合制定法规办理易制毒物品犯罪案件</a></div>
</div>
<div id="id_portal_imgNew3" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zgyzdw.com/channel/2743185/2743190/0/32758372/3/7482215/0/0" target="_blank"><img alt="图片新闻三" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/11212.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zgyzdw.com/channel/2743185/2743190/0/32758372/3/7482215/0/0" target="_blank">国家进一步加强易制毒化学品管制</a></div>
</div>
<div id="id_portal_imgNew4" class="pp_portal_imgNew" style="display:none;">
<a href="http://www.zgyzdw.com/channel/2743185/2719395/0/32758372/3/7424088/0/0" target="_blank"><img alt="图片新闻四" src="http://pigimg.zhongso.com/space/gallery/%E6%98%93%E5%88%B6%E6%AF%92/xinwen13.jpg"></img></a>
<div class="pp_portal_imgNew_title"><a href="http://www.zgyzdw.com/channel/2743185/2719395/0/32758372/3/7424088/0/0" target="_blank">全国非药品类易制毒化学品座谈会召开</a></div>
</div>
<div id="id_portal_navLinks" class="pp_portal_navLink">
<ul>
<li id="id_portal_navLink1" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(1)"> 1 </a></li>
<li id="id_portal_navLink2" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(2)"> 2 </a></li>
<li id="id_portal_navLink3" ><a href="javascript:void(0)" onclick="pp_portal_selectPicNew(3)"> 3 </a></li>
<li id="id_portal_navLink4" ><a href="javascript:void(0)s" onclick="pp_portal_selectPicNew(4)"> 4 </a></li>
</ul>
</div>
</div>
我想对现在的样式进行修改,让文字标题浮动在图片下部,而不是在图片下面。就是和导航部分在一个水平线上。各位大大看看 怎么改
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货