查看完整版本: [求救]不管怎麼修改位置都不會變
頁: [1]

hksnos34 發表於 2015-4-6 08:11 PM

[求救]不管怎麼修改位置都不會變

我在網上載了個jQuery的摺疊焦點圖
可是不管我怎麼修改它的位置 摺疊焦點圖 永遠出現在最右上角
我的Dreamweaver製作時的確以改變位置了
按下F12預覽 還是出現在網頁右上角
我用一個DIV裝著它 在螢幕上並不會在我的Div裡 會在右上角 我刪除它的定位就跑進我的div裡了 可是我按F12預覽它還是出現在網頁右上角

希望高手大大幫我解答 謝謝感激不盡


CSS：
ul.accordion{
    list-style:none;   
    position:absolute;
    right:80px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:115px;
    height:480px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(../images/1.jpg);
}
ul.accordion li.bg2{
    background-image:url(../images/2.jpg);
}
ul.accordion li.bg3{
    background-image:url(../images/3.jpg);
}
ul.accordion li.bg4{
    background-image:url(../images/4.jpg);
}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:480px;
    height:175px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:45px;
    color:#444;
    text-align:left;
    margin:0px 0px 15px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:10px 22px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}


網頁原碼：
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
    </head>...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

tj951753 發表於 2015-4-7 08:04 PM

CSS第四行right: 80px;改成：left: 0px;這行的意思是 元素的定位方式為絕對定位position: absolute;然後你又把Right設成80px, 他當然靠右...

另外 推薦用Sublime Text 3/2 寫網頁 才能累積實力和真正的解決問題

Dreamweaver雖然不是完全不能用 但是我曾經被他害過 這是經驗談 ...

hksnos34 發表於 2015-4-8 02:20 AM

tj951753 發表於 2015-4-7 08:04 PM static/image/common/back.gif
CSS第四行改成：這行的意思是 元素的定位方式為絕對定位然後你又把Right設成80px, 他當然靠右...

另外 推 ...

謝謝你
這三個項目我試過 把它刪掉 可預覽還是在右上角 在想可能是Dreamweaver問題
你的建議Sublime text我會試試 可是在載區找不到這個
...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

我愛小笨蛋 發表於 2015-4-8 11:21 AM

hksnos34 發表於 2015-4-8 02:20 AM static/image/common/back.gif
謝謝你
這三個項目我試過 把它刪掉 可預覽還是在右上角 在想可能是Dreamweaver問題
你的建議Sublime text ...

不一定是DW問題吧!
DW預覽一般好像是IE瀏覽器
有的時候IE會因為你刷新太頻繁
他會去抓到暫存的頁面 我把right刪除掉
在Chrome上面看就會到左上角去了...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

hksnos34 發表於 2015-4-9 12:53 AM

我愛小笨蛋 發表於 2015-4-8 11:21 AM static/image/common/back.gif
不一定是DW問題吧!
DW預覽一般好像是IE瀏覽器
有的時候IE會因為你刷新太頻繁


小笨蛋大哥 好久不見阿
其實我都用chrome預覽 我改ie看看好了<br><br><br><br><br><div></div>

我愛小笨蛋 發表於 2015-4-9 09:26 AM

hksnos34 發表於 2015-4-9 12:53 AM static/image/common/back.gif
小笨蛋大哥 好久不見阿
其實我都用chrome預覽 我改ie看看好了

是阿好久不見最近在研究SEO跟RWD的東西

你要看看是不是有其它的CSS影響到
有的時候不一定是你想的那個區塊有問題
建議妳先開一個空白的頁面單純跑你覺得有問題的地方
如果是正常的那你就要檢查是否有其它地方影響到...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

hksnos34 發表於 2015-4-10 02:34 AM

我愛小笨蛋 發表於 2015-4-9 09:26 AM static/image/common/back.gif
是阿好久不見最近在研究SEO跟RWD的東西

你要看看是不是有其它的CSS影響到


大哥書出了? 一定要買一本研究{:47:}
當時有試一直無法後就沒在試 因為我cs6是隨身 我在用CC試試{:46:}
當時一直無法時 就做了其它部分 最後再回來研究這塊 是什麼原因...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

我愛小笨蛋 發表於 2015-4-10 10:46 AM

hksnos34 發表於 2015-4-10 02:34 AM static/image/common/back.gif
大哥書出了? 一定要買一本研究
當時有試一直無法後就沒在試 因為我cs6是隨身 我在用CC試試
...

沒我還不夠格出書 純粹打醬油的

你是學生還是上班要用啊

要做什麼網站?

hksnos34 發表於 2015-4-11 12:26 AM

本帖最後由 hksnos34 於 2015-4-11 12:27 AM 編輯

我愛小笨蛋 發表於 2015-4-10 10:46 AM static/image/common/back.gif
沒我還不夠格出書 純粹打醬油的

你是學生還是上班要用啊

我一開始是在從事網路相關的行業 如賣廣告板的 越做對網路越有興趣 就開始學 有時會幫忙人家設計一些簡單的網頁 (當然都是免費的T.T) 有自己想做一個網頁幫忙商家賣點東西做副業 有想去巨匠電腦學學 但怕去...跟人家成度差太多...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

我愛小笨蛋 發表於 2015-4-12 03:06 PM

本帖最後由 我愛小笨蛋 於 2015-4-12 03:07 PM 編輯

hksnos34 發表於 2015-4-11 12:26 AM static/image/common/back.gif
我一開始是在從事網路相關的行業 如賣廣告板的 越做對網路越有興趣 就開始學 有時會幫忙人家設計一些簡單 ...
沒去巨匠是對的 我以前剛學也是去巨匠 學到只是軟體操作
出了軟體操作就GG了

巨匠是賺錢取向不是真的想教會你
有學生抱怨講太快就叫老師慢一點
抱怨太慢又叫講師教快一點
後又要要求講師課要趕完 說實話學不到什麼
我去過幾次就沒去了 基本上我都是去補習班認識一下講師
然後下課直接問講師有沒有什麼資源可以參加學習
巨匠素質落差很大 一個班小學生到30~40歲老人家都有
學起來一下快一下慢感覺會很差

一般來說補習班講師都是業界出來的 遇到肯學的
她們覺得不錯 就會認真教你一些課堂上沒教的內容或是知識
熟了也會介紹CASE之類的

你不要認為免費幫人寫網業很虧 這都是一個學習的過程
在這些過程中你要慢慢累積自己的經驗 程式這種東西是學不完的
會遇到很多挫折 跨過了你慢慢就會比別人優秀

像我一般都是去聽聽研討會網路上四處爬教學
然後就混到現在了




...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><br><br><br><br><br><div></div>

hksnos34 發表於 2015-4-13 02:49 AM

我愛小笨蛋 發表於 2015-4-12 03:06 PM static/image/common/back.gif
沒去巨匠是對的 我以前剛學也是去巨匠 學到只是軟體操作
出了軟體操作就GG了



{:31:}我就是免費幫人做些網頁 真的受益良多 幫人做有壓力問題就必須克服 也兩解一小老闆們的需求
tj951753大跟小笨蛋大哥都不建議去巨匠 那就暫緩了 我功力不夠 先看看哪有一些補習班 前台後台 都是去摸一些書上的 雖有時搞不清楚 但我發現我有進步 目前在伊莉獲得的知識最多 謝謝小笨蛋大哥跟各位 {:47:}

小笨蛋大哥在網頁設計的職場上嗎? 好厲害 ...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

我愛小笨蛋 發表於 2015-4-13 09:21 AM

hksnos34 發表於 2015-4-13 02:49 AM static/image/common/back.gif
我就是免費幫人做些網頁 真的受益良多 幫人做有壓力問題就必須克服 也兩解一小老闆們的需求
tj951 ...

我一開始是寫前端可是我美工跟審美觀不好
就轉後端了 不過還是有在研究排版跟SEO
互相勉勵吧

hksnos34 發表於 2015-4-14 12:17 AM

我愛小笨蛋 發表於 2015-4-13 09:21 AM static/image/common/back.gif
我一開始是寫前端可是我美工跟審美觀不好
就轉後端了 不過還是有在研究排版跟SEO
互相勉勵吧 ...
{:47:}我都是上網看免費版型來修改 從無到有我也不會
頁: [1]