html - Buttons break when styling -


before start, here's jsfiddle

https://jsfiddle.net/on652pk6/with css https://jsfiddle.net/8zq922nd/1/ without css

the buttons don't load in jsfiddle because wasn't sure how reference image files buttons, can see how it's supposed @ officialsamsmith.com

so here's problem: of buttons @ top should link respective websites, , do, when no styling applied. style buttons, break. start on scratch on css if had to, before switched new host did not have issue. thing i've changed since remember them working (its been few months since i've worked on project) buttons (which png files) permalinked before, , refer directly file.

i hope i'm not missing extrememly obvious here, thank in case.

your #inprogress covering links. this: https://jsfiddle.net/on652pk6/2/

.buttonbox {      text-align: center;      height: 100px;      width: 100%;      padding-top:20;         } #inprogress {      padding-top:0px;      font-size: 75px;      position: relative;      margin:auto;      text-align:center;      letter-spacing: 30px; } 

remove position: absolute #buttonbox , remove padding on #inprogress.


Comments

Popular posts from this blog

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

python - How do I create a list index that loops through integers in another list -

c# - “System.Security.Cryptography.CryptographicException: Keyset does not exist” when reading private key from remote machine -