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' -

Making Empty C++ Project: General exception (Exception from HRESULT:0x80131500) Visual Studio Community 2015 -

How to fix java warning for "The value of the local variable is not used " -