html5 - Could someone please explain why my buttons and links jump and shake left and right? -
i have problem whenever want button position or links seems jump left or right , becomes shaky when hover on it.
i tried include print screens reputation here not high enough. cheers, ted
check site see mean. hiretednow.com thanks
my navigation buttons jump right when hover on them:
home
<li><a href="#services">expertise | skills</a></li> <li><a href="#projects">projects</a></li> <li><a href="#about">about ted</a></li> <li><a href="#contact">get in touch</a></li> </ul> </div><!--/.nav-collapse --> </div> </div>the same thing happens links have created. checked in jfiddle , seems work fine, perhaps issue browsers or javascript?
to position buttons or p style text use style position...but perhaps explain me how can in css instead of html on mobile phone don't resize.
examples:
img src="assets/img/map.jpg" style="position: absolute; bottom: 340px; right: 140px;"/
p style="position: absolute; bottom: 585px; right: 185px;"/>i located in london, uk
a href="https://twitter.com/jus_ted" target="_blank">
1) in main.css file have a:hover margin-right: 600px; causing them jump around.
2) imagine reason happens links , not style gets trumped through specificity elsewhere in css. (to learn more css specificity have google or try using helped me: http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html)
3) need more information you're trying achieve, noticed using twitter bootstrap. can use pull-left , pull-right classes (experiment put them see different results) , can utilise grid system including new , adjusting widths. if haven't already, check out bootstrap documentation on grid system here
Comments
Post a Comment