怎麼用CSS or JavaScript 把網業固定在 1024x768 不好意思又有新問題 20110623

liao_chi_fu

liao_chi_fu
個人積分：0分
文章編號：28534051

0分

樓主

2011-06-11 19:59

2011-6-23

不好意思我又有新問題,

我是CSS 新手以前我總是用table 來做網頁所以字總是糊糊的不好看
後來01有人建議我要開始學CSS

我買了很多CSS的書來看但我還是有很多問題希望有人可以稍微指點我

下面是我現在正在做的網頁
http://www.absolujoe.com/ourproduct_coffeeball.html

最左邊的

關於我們
產品資訊......
是我用css 打的

中間的

咖啡球
3合一....

是我用 Rollover image (就是在 photoshop 裡做好圖片貼上去的)

我的問題是,
要怎麼樣才可以讓我 css 打的字也可以像我用 Rollover image 做的一樣
箭頭指到就會變色

還有怎麼才可以把字下面不要有那個 link 線拿掉?

謝謝大家....
--------------------------------------------
我現在正嘗試用CSS在dreamweaver做一個網頁

(以前我都是用 table 建網頁
好像都沒有這類的問題
結果這次用css 在預覽時就發現下面有留好大一塊)

請問有哪一位大大知道怎麼用CSS語法寫
讓我的視窗固定在1024px x 768px?

謝謝

------------------------------

2011-06-11 19:59 發佈

文章關鍵字 CSS or JavaScript 問題網業 1024x768 1024 20110623

DOkyon

DOkyon
個人積分：0分
文章編號：28535314

0分

2樓

2011-06-11 21:17

//.container {
//width: 1024px;
//height: 768px;
//}

//< div c l a s s = "container">
//</ div >

網頁把我語法吃掉，故前面加註解符號，標籤內空白自行消掉

liao_chi_fu

liao_chi_fu
個人積分：0分
文章編號：28560737

0分

樓主

2011-06-13 8:46

謝謝這位大大的回答

我照你的語法寫進去了
但是我有一個問題
就是
當你按放大視窗按鍵他整個視窗放大
就會露出下面空白的部分就會很醜

有沒有語法就是說讓他永遠就一個size 不可以放大縮小視窗
就是說讓視窗永遠都保持在1024x768

chiehkai

chiehkai
個人積分：14分
文章編號：28564227

14分

4樓

2011-06-13 11:25

liao_chi_fu wrote:
有沒有語法就是說讓他永遠就一個size 不可以放大縮小視窗...(恕刪)

這就要用到 JavaScript 了，CSS 做不到限制視窗大小的功能。

liao_chi_fu

liao_chi_fu
個人積分：0分
文章編號：28587076

0分

樓主

2011-06-14 9:28

請教一下哪裡可以找到這個 java scrip 在網路上?
還是要得自己寫的?!

(如果是有找到寫好的再放到網頁裡我會但自己寫得我就沒辦法了....)

wilson10

wilson10
個人積分：5分
文章編號：28672171

5分

6樓

2011-06-17 15:57

除了來這邊找答案，上網搜尋，您還可以去補習班學，如學X，巨X....

以上為個人良心提議...避免業主因為員工做實驗成為苦主。

哇，原來剛註冊就要被嗆，你以為這是軍中還跟你學長學弟勒，還沒退伍啊？

liao_chi_fu

liao_chi_fu
個人積分：0分
文章編號：28816567

0分

樓主

2011-06-23 21:09

謝謝wilson10大大的建議...
其實我本身是在國外學動畫的
這次回台灣想說幫我親戚一個忙才幫他架設網站...
而我以前在學校也只學過一堂課...

我也想去補習班補補看
不過時在時間有限在過不久我又要出國了
所以才希望在01 有沒有厲害的css 達人可以指點我一下...

我也看過很多書也google 很多

可能是因為我資質實在不好一直解決不了
所以才上來問問大家.... orz

希望懂我問題的大大可以好心幫幫我...

es_mato

es_mato
個人積分：520分
文章編號：28817093

520分

8樓

2011-06-23 21:32

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hyper link test</title>

<style type="text/css" >
a, a:link, a:visited, a:active, a:hover
{ text-decoration: none; }
a:hover {
color: red;
}
</style>

</head>

<body>
123
456
789
</body>

</html>

liao_chi_fu

liao_chi_fu
個人積分：0分
文章編號：28817804

0分

樓主

2011-06-23 21:59

es_mato wrote:
<!DOCTY...(恕刪)

謝謝這位大大的回答...

可是我把你寫給我的東西套進去卻沒有用....

然後我就開啟新的html頁面然後把你給我的東西放進去
但好像也沒有什麼事發生...?!

字的底線是沒有了, 但是不是他本來就沒有???
好像有看到你有指令要讓它變色變紅色?
但我預覽時他也沒有變色. 滑鼠指到他時也沒變色

不知大大可不可以稍微在解釋多一些??

maybe 是小妹我太愚笨沒有搞清楚...

wezmag

wezmag
個人積分：549分
文章編號：28831585

549分

10樓

2011-06-24 13:14

CSS的語法頂多控制"容器"的大小在1024*768，如果要控制瀏覽器的大小在1024*768，就必須要靠Javascript。

一般來說，會控制瀏覽器大小，多半是用在Dialog(對話視窗)的部分。

想像一下，如果使用者的螢幕大小只有800*600(現在雖然很少)，一進到你的網站之後，瀏覽器大小直接被調整成1024*768，對使用者來講是一種困擾。

或者，使用者是透過行動裝置，iOS Device、Android Device，這樣子瀏覽器的大小也無法控制，所以一般不建議這樣做。

至於連結的部分要變色跟移除底線，es_mato是正解
這段是將底線移除。

text-decoration: none;

這段，就是說當滑鼠移到超連結的時候，文字顏色就會變成紅色，你可以再試試看。

a:hover { color:red; }

剛剛寫了一些範例，試一下吧
附加壓縮檔: 201106/mobile01-db0f2beca5712d21bb0596fb27383afc.zip