2016-04-06 5 views
1

Ich habe einen Link auf die Homepage in meinem Headerbild eingefügt, aber dieser Link kommt auf alle Schaltflächen und Überschriften und Absätze, die ich auf meiner Webseite habe. Was gibt? Bitte sehen Sie meine CSS und HTML, wahrscheinlich sehr einfach.Links, die in meinen Inhalt eingefügt werden, wo ich sie nicht platziert habe

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Заголовок страницы</title> 
     <link href="css/style.css" type="text/css" rel="stylesheet" /> 
    </head> 
    <body> 
     <div id="wrapper"> 
      <div id="header"> 
      <div id="logo"> 
       <a href src="index.html"><img src="images/logo.png" alt="Logo"/></a> 
      </div> 
       <div id="menu"> 
       <ul> 
        <li><a class="current" href src="#">Home</li> 
        <li><a href src="#">About</li> 
        <li><a href src="#">Contact</li> 
        <li class="phone">Call Us: <span>416-514-0370</span></li> 
       </ul> 
       </div> 
      </div> 
     <div id="content"> 
     <h1>We are coming soon..</h1> 
     </div> 
     </div> 
    </body> 
</html> 

CSS:

@import url(reset.css); 
body { 
    background: url(../images/background.png) repeat; 

} 

#wrapper{ 
    width: 960px; 
    margin: 0 auto; 
} 

#logo{ 
    width: 204px; 
    height: 136px; 
    float: left; 
} 

#menu{ 
    width: 960px; 
    height: 70px; 
    background: url(../images/menu-bg.png) no-repeat; 
} 

#menu ul { 
    padding-left: 40px; 
    padding-top: 15px; 
    overflow: hidden; 
} 

#menu ul li{ 
    float: left; 
    font: bold 18px Arial; 
    color: #FFFFFF; 
    margin-right: 70px; 
    margin-top: 10px; 
} 

#menu ul li a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

#menu ul li span { 
    color: #F51111; 
} 

#menu .current, #menu ul li a:hover { 
    text-decoration: underline; 
    cursor: pointer; 
} 

#menu .phone{ 
    float: right; 
    margin-right: 30px; 
} 

#content h1 { 
    font: bold 55px Arial; 
} 

Antwort

1

verpasst </a>

<li><a href src="#">About</a></li> 
+1

danke, ich bin es herausgefunden. Ich vermisste ein paar Leute, aber ich finde es beruhigend zu wissen, dass mir jemand so schnell helfen kann! –

+0

Ihre Begrüßung @SlavaBasat –

0

Ich war ein paar Endtags fehlt.

Verwandte Themen