2013-07-26 43 views
0

這是我第一次在這裏發帖,如果我沒有遵循標準,那麼這麼裸露。.asp addling links with images

反正我使用的Dreamweaver CS6和一個.asp文件工作(XHTML)

我有我的所有的鏈接設置爲從我可以告訴,但由於某種原因,適當的時候我的代碼添加它給了我一個討厭圍繞我的形象寄宿生我正在使用的鏈接。

我添加鏈接之前的代碼是以列表形式。

<div class="sidebar1"> 
<ul class="nav"> 
    <li><img src="../images/homebutton.png" width="160" height="54" /></li> 
    <li><img src="../images/blogbutton.png" width="160" height="54" /></li> 
    <li><img src="../images/eventsbutton.png" width="160" height="54" /></li> 
    <li><img src="../images/contactbutton.png" width="160" height="54" /></li> 
    <li><img src="../images/affiliates.png" width="160" height="54" /></li> 
    <li><img src="../images/forums.png" width="160" height="54" /></li> 
</ul> 
<!-- end .sidebar1 --></div> 

工作得很好。我的圖片很到位,看起來不錯。

的問題出現了,當我添加鏈接代碼

<div class="sidebar1"> 
<ul class="nav"> 
    <li><a href="/welcome.html"><img src="../images/homebutton.png" width="160" height="54" /></li> 
    <li><a href="#"><img src="../images/blogbutton.png" width="160" height="54" /></li> 
    <li><a href="/events.html"><img src="../images/eventsbutton.png" width="160" height="54" /></li> 
    <li><a href="/contactus.html"><img src="../images/contactbutton.png" width="160" height="54" /></li> 
    <li><a href="/affiliates.html"><img src="../images/affiliates.png" width="160" height="54" /></li> 
    <li><a href="#"><img src="../images/forums.png" width="160" height="54" /></li> 
</ul> 
<!-- end .sidebar1 --></div> 

添加到代碼似乎讓我周圍的圖像的邊框。我似乎無法找出原因。可能是我只是在監督。我沒有爲CSS方面設置蛀蟲。有任何想法嗎?

回答

0

要刪除邊框,添加到你的CSS代碼

.nav li a { outline: none; } 
+0

The code you have posted has no closing標籤之間的空間...檢查你的代碼 – yaqoob

+0

我加最後,我的抱歉很愚蠢,但仍然得到了寄宿生。 –