我正在嘗試將我的網站上的圖像鏈接到更大版本的自己,但由於某些原因,我的功能框中的鏈接根本無法使用。不能在Dreamweaver中使用的鏈接
這裏是我的網頁:http://webcomp41.volume11.com/assignment_16/index.html
任何幫助是極大的讚賞。
我正在嘗試將我的網站上的圖像鏈接到更大版本的自己,但由於某些原因,我的功能框中的鏈接根本無法使用。不能在Dreamweaver中使用的鏈接
這裏是我的網頁:http://webcomp41.volume11.com/assignment_16/index.html
任何幫助是極大的讚賞。
3件事:確保你的default.css補充明確:留下來的.subtext類在頂部清除那些3盒花車(潛臺詞DIV正在覆蓋它)。
所以:
.subtext {
text-align: left;
position: relative;
background-color: rgba(0, 0, 71, 0);
width: 95%;
border-radius: 40px;
border-width: thin;
font-size: 20px;
font-family: Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 0px 1px 0px #000, 0px 0px 2px #000;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
clear: left; /* <-- add this line */
}
然後刪除浮動:從一.featureHolder類default.css這樣:
.featureHolder {
position: relative;
left: 2%;
width: 100%;
height: 100%;
margin-bottom: 10px;
margin-top: 10px;
float: right; /* <-- remove this line */
}
最後請確保的href標記鏈接你的放大圖像的一個標籤 - 所以:
<a href="images/dmap_screen.png" target="_blank"><img class="featureImage" src="images/dmap_screen.png" alt="Draw Me A Path"></a>
已解決謝謝! – BananaPineapple 2015-03-03 07:41:54
改變你的CSS代碼
.featureHolder {
position: relative;
left: 2%;
width: 100%;
height: 100%;
margin-bottom: 10px;
margin-top: 10px;
overflow: auto;
}
仍然沒有修復任何東西.... :( – BananaPineapple 2015-03-03 07:21:53
上傳您的文件在服務器上。我想檢查 – 2015-03-03 07:25:24
這裏是一個作業的下載鏈接:https://drive.google.com/file/d/0B_fz58bRKT79SUtDYXRLNkdjbFk/view?usp=sharing 不知道你的意思是上傳到服務器,我在這個網頁設計方面還很新。 – BananaPineapple 2015-03-03 07:28:28
分享你所做的一些代碼 – Nikitesh 2015-03-03 07:17:30
你可以在你的瀏覽器中看到我所有的代碼.. 。 – BananaPineapple 2015-03-03 07:24:15