網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區提問 建議版 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
請問平安哥:這段語法那裡錯了,為什麼有些圖跑到框架上面了?謝謝您!
 瀏覽2,284|回應5推薦6

立 li
等級:7
留言加入好友
文章推薦人 (6)

偉如優
靈水薩托
*燕子*
旅 者
薇妮~*
平安旅者

<div style="POSITION: relative; WIDTH: 600px; TOP: 0px; LEFT: 0px" id="table1"><img style="BORDER-BOTTOM: black 10px double; BORDER-LEFT: black 10px double; BORDER-TOP: black 10px double; BORDER-RIGHT: black 10px double" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5357788_1.gif"/><table style="POSITION: absolute; TOP: 10px; LEFT: 5px; absolute: "><tbody><tr><td><marquee direction="right" height="277" behavior="slide" width="590" scrollamount="2"><img style="WIDTH: 200px; HEIGHT: 200px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369238_1.png" width="200" height="200" /></marquee></td></tr></tbody></table>
<div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 224px; HEIGHT: 277px; TOP: 10px; LEFT: 5px" id="02">
<marquee direction="down" height="523" behavior="slide" width="224" scrollamount="2" scrolldelay="50">
<marquee direction="up" height="523" width="224" scrollamount="1" scrolldelay="50"><img style="WIDTH: 224px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 277px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5363305_1.png" width="224" height="277" /></marquee></td /></tr /></tbody /></table />
<div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 600px; HEIGHT: 523px; TOP: 10px; LEFT: 10px" id="item1">
<table style="FILTER: Alpha(opacity=100,style=3)" cellspacing="0" cellpadding="0" width="600" background="border=0" align="center" height="523"><tbody><tr><td width="600"><marquee scrollamount="2"><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td><td width="600"><marquee direction="right" scrollamount="2"><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td></tr></tbody></table>
<div style="Z-INDEX: 3; POSITION: absolute; WIDTH: 600px; HEIGHT: 50px; TOP: 430px; LEFT: 10px" id="item1"><marquee style="WIDTH: 600px; HEIGHT: 50px" scrollamount="2"><font style="FILTER: glow(color=#FF0000); LINE-HEIGHT: 150%; WIDTH: 150%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 19pt"><br />月圓人圓情更圓 多情世界 祝福大家 佳節愉快...
<br /></font></marquee></div></font>
<MARQUEE style="LEFT:0; POSITION: absolute; TOP: 0; width:620px" scrollDelay=100 direction=up behavior=alternate width=620 height=523 scrollamount="2">
<MARQUEE scrollDelay=100 behavior=alternate>
<TABLE height=200 width=200 border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(style=2); BACKGROUND-COLOR: #EA0000">
<P align=center><br><img src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5370376_1.png"
border="0" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(!this.resized) {return true;} else {window.open('http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5370376_1.png');}" onmousewheel="return imgzoom(this);"><BR>
<MARQUEE scrollDelay=100 behavior=alternate></FONT>
<P></FONT></P></FONT></TD></TR></TBODY></TABLE>
</div>
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4182409
 回應文章
真有耐心
    回應給: 立 li(li328638) 推薦2


靈水薩托
等級:8
留言加入好友

 
文章推薦人 (2)

立 li
平安旅者

立師傅啊

我連一張圖都快搞不定了

您還真有耐心

一次弄那麼多張

真是佩服

了得~

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4184576
應該請 寒峰兄 說明...
    回應給: 立 li(li328638) 推薦2


平安旅者
等級:8
留言加入好友

 
文章推薦人 (2)

靈水薩托
立 li

正確語法使用  應該請 寒峰兄 說明...

偶只把持一ㄍ原則

有頭....就要有尾

頭....<div ............. >

尾...</div>

醬才素完整.........

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4182703
ㄍㄨㄟ毛的語法喔!但是還是請問平安哥…
    回應給: 平安旅者(jeffrey8869) 推薦3


立 li
等級:7
留言加入好友

 
文章推薦人 (3)

靈水薩托
*燕子*
平安旅者

我只是<div style="Z-INDEX: 1接<div style="Z-INDEX: 2,<div style="Z-INDEX: 2接<div style="Z-INDEX: 3的地方增減了些東東,圖就跑了。

請問平安哥,這兩者的結尾不同的解釋,謝謝您!

我的錯誤部分:

<div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 224px; HEIGHT: 277px; TOP: 10px; LEFT: 5px" id="02">
<marquee direction="down" height="523" behavior="slide" width="224" scrollamount="2" scrolldelay="50">
<marquee direction="up" height="523" width="224" scrollamount="1" scrolldelay="50"><img style="WIDTH: 224px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 277px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5363305_1.png" width="224" height="277" /></marquee></td /></tr /></tbody /></table />
<div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 600px; HEIGHT: 523px; TOP: 10px; LEFT: 10px" id="item1">
<table style="FILTER: Alpha(opacity=100,style=3)" cellspacing="0" cellpadding="0" width="600" background="border=0" align="center" height="523"><tbody><tr><td width="600"><marquee scrollamount="2"><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td><td width="600"><marquee direction="right" scrollamount="2"><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td></tr></tbody></table>
<div style="Z-INDEX: 3

平安哥的正確部分:

<div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 224px; HEIGHT: 277px; TOP: 10px; LEFT: 5px" id="02"><marquee direction="down" height="523" behavior="slide" width="224" scrollamount="2" scrolldelay="50"><marquee direction="up" height="523" width="224" scrollamount="1" scrolldelay="50"><img style="WIDTH: 224px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 277px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5363305_1.png" width="224" height="277" /></marquee></marquee></div><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 600px; HEIGHT: 523px; TOP: 10px; LEFT: 10px" id="item1"><table style="FILTER: Alpha(opacity=100,style=3)" cellspacing="0" cellpadding="0" width="600" background="border=0" align="center" height="523"><tbody><tr><td width="600"><marquee scrollamount="2"><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td><td width="600"><marquee direction="right" scrollamount="2"><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td></tr></tbody></table></div>
<div style="Z-INDEX: 3;

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4182682
這樣就ok囉!這是測試用,謝謝您,平安哥!
    回應給: 平安旅者(jeffrey8869) 推薦3


立 li
等級:7
留言加入好友

 
文章推薦人 (3)

靈水薩托
旅 者
平安旅者

<div style="POSITION: relative; WIDTH: 600px; TOP: 0px; LEFT: 0px" id="table1"><img style="BORDER-BOTTOM: black 10px double; BORDER-LEFT: black 10px double; BORDER-TOP: black 10px double; BORDER-RIGHT: black 10px double" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5357788_1.gif" /><table style="POSITION: absolute; TOP: 10px; LEFT: 5px; absolute: "><tbody><tr><td><marquee direction="right" height="277" behavior="slide" width="590" scrollamount="2"><img style="WIDTH: 200px; HEIGHT: 200px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369238_1.png" width="200" height="200" /></marquee></td></tr></tbody></table><div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 224px; HEIGHT: 277px; TOP: 10px; LEFT: 5px" id="02"><marquee direction="down" height="523" behavior="slide" width="224" scrollamount="2" scrolldelay="50"><marquee direction="up" height="523" width="224" scrollamount="1" scrolldelay="50"><img style="WIDTH: 224px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 277px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5363305_1.png" width="224" height="277" /></marquee></marquee><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 600px; HEIGHT: 523px; TOP: 10px; LEFT: 10px" id="item1"><table style="FILTER: Alpha(opacity=100,style=3)" cellspacing="0" cellpadding="0" width="600" background="border=0" align="center" height="523"><tbody><tr><td width="600"><marquee scrollamount="2"><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td><td width="600"><marquee direction="right" scrollamount="2"><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td></tr></tbody></table></div><div style="Z-INDEX: 3; POSITION: absolute; WIDTH: 600px; HEIGHT: 50px; TOP: 430px; LEFT: 5px" id="item1"><marquee style="WIDTH: 600px; HEIGHT: 50px" scrollamount="2"><font style="FILTER: glow(color=#FF0000); LINE-HEIGHT: 150%; WIDTH: 150%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 19pt"><br />月圓人圓情更圓 多情世界 祝福大家 佳節愉快... <br /></font></marquee></div></font /><marquee style="POSITION: absolute; WIDTH: 600px; TOP: 0px; LEFT: 0px" direction="up" height="523" behavior="alternate" width="600" scrollamount="2" scrolldelay="100"><marquee behavior="alternate" scrolldelay="100"><table border="0" width="200" height="200"><tbody><tr><td style="FILTER: alpha(style=2); BACKGROUND-COLOR: #ea0000"><p align="center"><br /><img onmousewheel="function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
function onmousewheel()
{
return imgzoom(this);
}
}
}
}
}
}
}
}
}
}
}" onclick="function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
function onclick()
{
if(!this.resized) {return true;} else {window.open('https://city.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_422889_1.png');}
}
}
}
}
}
}
}
}
}
}
}" border="0" src="https://city.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_422889_1.png" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; onmouseover=" this.style.cursor="hand" /><br /><marquee behavior="alternate" scrolldelay="100"></font /><p></font /></p></font /></marquee></p></td></tr></tbody></table><div></div></marquee></marquee></div></div>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4182531
中段語法局部有誤...
    回應給: 立 li(li328638) 推薦4


平安旅者
等級:8
留言加入好友

 
文章推薦人 (4)

靈水薩托
*燕子*
立 li
薇妮~*

<div style="POSITION: relative; WIDTH: 600px; TOP: 0px; LEFT: 0px" id="table1"><img style="BORDER-BOTTOM: black 10px double; BORDER-LEFT: black 10px double; BORDER-TOP: black 10px double; BORDER-RIGHT: black 10px double" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5357788_1.gif"/><table style="POSITION: absolute; TOP: 10px; LEFT: 5px; absolute: "><tbody><tr><td><marquee direction="right" height="277" behavior="slide" width="590" scrollamount="2"><img style="WIDTH: 200px; HEIGHT: 200px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369238_1.png" width="200" height="200"/></marquee></td></tr></tbody></table>
<div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 224px; HEIGHT: 277px; TOP: 10px; LEFT: 5px" id="02"><marquee direction="down" height="523" behavior="slide" width="224" scrollamount="2" scrolldelay="50"><marquee direction="up" height="523" width="224" scrollamount="1" scrolldelay="50"><img style="WIDTH: 224px; -MS-INTERPOLATION-MODE: nearest-neighbor; HEIGHT: 277px" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5363305_1.png" width="224" height="277" /></marquee></marquee></div><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 600px; HEIGHT: 523px; TOP: 10px; LEFT: 10px" id="item1"><table style="FILTER: Alpha(opacity=100,style=3)" cellspacing="0" cellpadding="0" width="600" background="border=0" align="center" height="523"><tbody><tr><td width="600"><marquee scrollamount="2"><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td><td width="600"><marquee direction="right" scrollamount="2"><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /><img style="FILTER: fliph" border="0" src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5369326_1.jpg" width="150" height="523" /></marquee></td></tr></tbody></table></div>
<div style="Z-INDEX: 3; POSITION: absolute; WIDTH: 600px; HEIGHT: 50px; TOP: 430px; LEFT: 10px" id="item1"><marquee style="WIDTH: 600px; HEIGHT: 50px" scrollamount="2"><font style="FILTER: glow(color=#FF0000); LINE-HEIGHT: 150%; WIDTH: 150%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 19pt"><br />月圓人圓情更圓 多情世界祝福大家 佳節愉快...
<br /></font></marquee></div></font>
<MARQUEE style="LEFT:0; POSITION: absolute; TOP: 0; width:620px" scrollDelay=100 direction=up behavior=alternate width=620 height=523 scrollamount="2">
<MARQUEE scrollDelay=100 behavior=alternate>
<TABLE height=200 width=200 border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(style=2); BACKGROUND-COLOR: #EA0000">
<P align=center><br><img src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5370376_1.png"border="0" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; onmouseover="if(this.resized) this.style.cursor='hand';" onclick="if(!this.resized) {return true;} else {window.open('http://album.udn.com/community/img/PSN_PHOTO/li328638/f_5370376_1.png');}" onmousewheel="return imgzoom(this);"><BR>
<MARQUEE scrollDelay=100 behavior=alternate></FONT>
<P></FONT></P></FONT></TD></TR></TBODY></TABLE>
</div>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=4182472