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
Post a Comment