2015-03-03 53 views
-3

我正在嘗試將我的網站上的圖像鏈接到更大版本的自己,但由於某些原因,我的功能框中的鏈接根本無法使用。不能在Dreamweaver中使用的鏈接

這裏是我的網頁:http://webcomp41.volume11.com/assignment_16/index.html

任何幫助是極大的讚賞。

+0

分享你所做的一些代碼 – Nikitesh 2015-03-03 07:17:30

+0

你可以在你的瀏覽器中看到我所有的代碼.. 。 – BananaPineapple 2015-03-03 07:24:15

回答

0

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> 
+0

已解決謝謝! – BananaPineapple 2015-03-03 07:41:54

-1

改變你的CSS代碼

.featureHolder { 
    position: relative; 
    left: 2%; 
    width: 100%; 
    height: 100%; 
    margin-bottom: 10px; 
    margin-top: 10px; 
    overflow: auto; 
} 
+0

仍然沒有修復任何東西.... :( – BananaPineapple 2015-03-03 07:21:53

+0

上傳您的文件在服務器上。我想檢查 – 2015-03-03 07:25:24

+0

這裏是一個作業的下載鏈接:https://drive.google.com/file/d/0B_fz58bRKT79SUtDYXRLNkdjbFk/view?usp=sharing 不知道你的意思是上傳到服務器,我在這個網頁設計方面還很新。 – BananaPineapple 2015-03-03 07:28:28

相關問題