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

sql - VB.NET Operand type clash: date is incompatible with int error -

SVG stroke-linecap doesn't work for circles in Firefox? -

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -