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:

maximized view

here looks when browser window made smaller:

smalller screen example

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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -