1、HTML 里面的图片怎么移动位置?
需要准备的材料分别copy有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<img>标签,输入html代码:style="margin: 15px 20px 25px 30px;"。
3、浏览器运行index.html页面,此时图片被成功移动了位置到距离左侧30像素,上方15像素。
2、网页制作中如何制作几张图片首尾相连的往上滚动
无缝滚动吧?
[html]<style type=text/css>
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
height: 100px;
text-align: center;
float: left;
}
#demo img {
border: 3px solid #F2F2F2;
display: block;
}
-->
</style>
向上滚动
<div id=demo>
<div id=demo1>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
<a href=#><img src=http://www.cnrui.cn/other/link/Clear_logo.gif border=0 /></a>
</div>
<div id=demo2></div>
</div><script>
<!--
var speed=10; //数字越大速度越慢
var tab=document.getElementById(demo);
var tab1=document.getElementById(demo1);
var tab2=document.getElementById(demo2);
tab2.innerHTML=tab1.innerHTML; //克隆demo1为demo2
function Marquee(){
if(tab2.offsetTop-tab.scrollTop<=0)//当滚动至demo1与demo2交界时
tab.scrollTop-=tab1.offsetHeight //demo跳到最顶端
else{
tab.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//鼠标移上时清除定时器达到滚动停止的目的
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//鼠标移开时重设定时器
-->
</script>
[/html]
3、网页设计中怎么把最右下方的图片垂直上移
?
4、怎么样用html语言让图片的位置向左或者是向右移动一点
copy根据图片的位置需要向左或者是向右移动多少来调整代码中left 和top的值即可,说明:
Left 靠左距离多少
Top 靠顶部距离多少
通过下面方法:
<img src="ad-02.jpg" width="400px"; height="200px"; style="position:absolute; left:100px; top:100px; ">
5、在网页设计中如何才能使图片能不往上跑
估计你上面用了浮动了吧,下面需要清除浮动。可以在中间加上下面的代码:
<div style="clear:both"></div>
当然可以用css分开写。
6、急急急在div中怎么把图片上移,我没用css,或是不用div还有什么办法做到
试试向左漂复移:
<div style="float:left;">不知道你制其他的div怎么定位的,在div里面加入这个style,这三个值都试试吧:
<div style="position:absolute; float:left; top:0px; margin-top:0px;">