竹貓星球

我參考了http://phpbb-tw.net/phpbb/viewtopic.php ... 3%E4%AE%D8
裡\r
動機不明大大的文章:

動機不明 寫:其實 LOGO 是可以定位的....
我以前的論壇就是這樣做

仔細看我下一行的語法吧：

代碼: 選擇全部

<img src="http://your_phpbb_image/logo.jpg" [b]style="position: absolute; float: left; left: 2; top: 2"[/b]>

我調好位置才發現改變視窗大小,圖片就會移位了(其實是圖片不會動,但其他東東會動...):

放到最大:


一縮小視窗,就....:


1.要怎調才會動(融入原本的畫面)
2.要怎調才可以看到"常見問題"(被遮住了><)

*有另外的方法也可以.因為我只想放logo在邊框上而已....

噗！
那是當然的結果
參考竹貓外框的作法吧\r
http://phpbb-tw.net/phpbb/viewtopic.php?t=10496

webspirit 寫:噗！
那是當然的結果
參考竹貓外框的作法吧\r
http://phpbb-tw.net/phpbb/viewtopic.php?t=10496

....我是想弄logo上去.
我用logo當左上角.把原本logo的code刪了,也把了原本左上角的圖(TLCorner.gif)換了一個logo
,加了連結,尺寸也改了,顯示沒問題,但不知道幹麻.多了很多左邊和上面的邊.....如下圖

position: absolute

根據CSS Level 1(1996年12月17日建議)跟CSS Level 2(1998年5月12日建議)所定義\r
名稱-position(設定元素的配置方式)
值-
absolote-距離外部元素的絕對位置

既然是絕對位置～
所以變成那樣是正常的～
left: 2; top: 2
也就是說你這個元素距離頁面\r
上邊緣為2點像素
左邊緣為2點像素

根據CSS的定義～必須為數值+單位
正確應寫為left: 2px;top: 2px

單位有
in - 英吋
cm - 公分
mm - 公釐
pt - 點數(1pt=1/7=1.33像素)
pc - Picas(1pc=12pt)
em - m(一個字母的高度)
ex - x(x字母小寫的高度)
px - 像素(畫面上一個點)
% - 百分比

messagebox 寫:position: absolute

根據CSS Level 1(1996年12月17日建議)跟CSS Level 2(1998年5月12日建議)所定義\r
名稱-position(設定元素的配置方式)
值-
absolote-距離外部元素的絕對位置

既然是絕對位置～
所以變成那樣是正常的～
left: 2; top: 2
也就是說你這個元素距離頁面\r
上邊緣為2點像素
左邊緣為2點像素

根據CSS的定義～必須為數值+單位
正確應寫為left: 2px;top: 2px

單位有
in - 英吋
cm - 公分
mm - 公釐
pt - 點數(1pt=1/7=1.33像素)
pc - Picas(1pc=12pt)
em - m(一個字母的高度)
ex - x(x字母小寫的高度)
px - 像素(畫面上一個點)
% - 百分比

就算加了px,改變視窗大小,圖片也會移位阿.....=.=
(我所說的圖片移位.圖片不會跟著一起,只是其他東西動,圖片不動,兩者不配合..)

重點不在單位～
看文章不要只看自己愛看的～

我上面有標明重點文字段落～
就是那個絕對位置～

absolote-距離外部元素的絕對位置

既然是絕對位置～
所以變成那樣是正常的～因為你的外部元素就是整個網頁
left: 2; top: 2
也就是說你這個元素距離頁面
上邊緣為2點像素
左邊緣為2點像素

messagebox 寫:重點不在單位～
看文章不要只看自己愛看的～

我上面有標明重點文字段落～
就是那個絕對位置～

absolote-距離外部元素的絕對位置

既然是絕對位置～
所以變成那樣是正常的～因為你的外部元素就是整個網頁
left: 2; top: 2
也就是說你這個元素距離頁面
上邊緣為2點像素
左邊緣為2點像素

那你沒回答我的問題阿....==:
怎麼解決....=.=

這是網頁設計的問題～
你沒說你希望版面是怎樣的～
怎麼教？？

如果你是希望跟竹貓一樣～
用TABLE不就好了～
不懂CSS的標記就去看書～不然就繼續用HTML～

另外一點～你好像沒照發問格式走喔

messagebox 寫:這是網頁設計的問題～
你沒說你希望版面是怎樣的～
怎麼教？？

如果你是希望跟竹貓一樣～
用TABLE不就好了～
不懂CSS的標記就去看書～不然就繼續用HTML～

另外一點～你好像沒照發問格式走喔

我的問題!:

leslietaur 寫:1.要怎調才會動(融入原本的畫面)
2.要怎調才可以看到"常見問題"(被遮住了><)

*有另外的方法也可以.因為我只想放logo在邊框上而已....

怎用table??


另外,我的簽名不就是發問格式囉..

幫幫忙....

我個人視不太認同用簽名檔 來當格式 原因是 好比PHOBB外掛問題跟 PHOBB使用還有討論區
的格式是兩種格式的 所以建議還是花點時間填寫格式吧 當然竹貓也並沒有明文規定 只是建議而已~
messagebox大大其實很熱心的唷~ 我個人不覺得他的態度有不好耶 不知道
當然問問題的人 要保持低姿態這是誠懇 回答的人姿態可能會比較高 這就看個人修養嚕
這個見仁見智嚕~ 還有這個應該算是風格問題 所以移動到風格問題版面吧~

神川小羽 寫:我個人視不太認同用簽名檔 來當格式 原因是 好比PHOBB外掛問題跟 PHOBB使用還有討論區
的格式是兩種格式的 所以建議還是花點時間填寫格式吧 當然竹貓也並沒有明文規定 只是建議而已~
messagebox大大其實很熱心的唷~ 我個人不覺得他的態度有不好耶 不知道
當然問問題的人 要保持低姿態這是誠懇 回答的人姿態可能會比較高 這就看個人修養嚕
這個見仁見智嚕~ 還有這個應該算是風格問題 所以移動到風格問題版面吧~

我只有在phpBB 架站討論區發表用簽名檔...所以....我覺得可以阿...
隨便啦...不要再爭論啦....
相信這件事,我也有錯..在此道個歉...
messagebox大大,對不起....sorry..
謝謝你的指導.....

想要能在任何視窗大小下看到的結果都一樣,就用%~百分比吧!!

整個網頁，有3個重要的參考點：

*1 視窗的左上角，也就是 body的基準點，CSS 一旦用了 position:absolute, 那元件就 "黏" 在那兒，視窗如何拖拉，它都不再動了，但會遇到蓋掉東西的麻煩。

*2 視窗內還有一個主題範圍，它是用 table 去處理的，class name ="bodyline" ，它就類似一張置於桌面上的圖片。

*3 圖片內還有 table, 是用來框住元件的相關位置，例如，討論中的圖檔就是框於這種 table 內。


長話短說，若我們把 圖檔外圍的 table 設為 border="1"，立刻會出現表格的框線，馬上看得出它們彼此的相對位置。

請您試試 在圖檔的標籤內，加上 style="position:relative;right:20;bottom:30" 看看，其意義為：

relative --- 以定位之 table 為準，而非以視窗左上角為準.
(就不會黏住視窗左上角，拉動視窗時，它會與 其它的東西互動，就不會蓋掉別人了.)
right ------- 由右左移 20 px
bottom ---- 由下上移 30 px

這樣它就能出界而跨坐於邊框上。right & bottom 的數值，請您多試試就可。