HTML Chrome Big Border around hyperlink -


i don't know why, happens! when open soon-to-be site in chrome there huge border around hyperlinks looks this. link on second line! image of error

thank reminding me put info steven! full detail css code :

padding: 4px; }  #main { padding: 6px; padding-left: 16px; padding-right 16px; background-color: #999999; border-radius: 0 0 6px; }  h1 { font-family: georgia, serif; border-bottom 3px solid #cc9900; color: #996600; font-size: 30px; }  ul {      margin: 0;     padding: 0;     width: 25%;     height: 100%;       overflow: auto;  }   li {     display: block;     color: #000;     padding: 8px 0 8px 16px;     text-decoration: none; }   li a:hover {     background-color: #555;     color: white; } li {     float: middle; }  {     display: block;     padding: 8px;     background-color: #dddddd; } body {background-color:lightgrey;} h1 {color:red;} p {color:blue;} 

i think css issue, , since using computer cannot tell html.

yup. specified css says within list item (often called bullet point), anchor hyperlink should displayed in own block, , have "padding" (borders) of 8 16px. find relevant css in web site's code, , remove (or "comment out") lines "display: block" , "padding:" within "li a" ("list item", "anchor") section. if want to, can (but shouldn't need to) keep "display:" line within section, make "display:inline;".


Comments

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -