html - How to keep text from going behind an image -
i trying keep top-bar navigation going behind logo image on header of page. see below example of page when maximized in screen:
here looks when browser window made smaller:
i trying fix page top nav-bar runs behind image when window made smaller, instead move , extend right.
any ideas? site inhishands.com
thanks!
your problem menu (<ul id="display">
) has css property float:right
, positioned relative right side of screen. when screen made smaller, right side moves closer left, menu moves leftwards (and overlaps logo).
if want menu start right side of logo (and not overlap it), give property float:left
, add margin left side (like margin-left:370px
). there other ways of positioning (like using absolute positioning) job done.
Comments
Post a Comment