Cannot insert picture on the right

Dear Experts,

My question is quite easy and I was not able to solve it. I am trying to insert 7 small images (language flags) on the upper right, but I was not able to make it work.

The one that worked was close to the menu. Every time I try to move the picture (australia flag) to the far right, the entire menu goes down.

I attached a sample file. The index-test.html file is inside the "site" folder.

Thank you in advance for your help
template-test.zip
LVL 1
currentdbAsked:
Who is Participating?
 
IanThConnect With a Mentor Commented:
if your divs are not in order clean them up

to put a picture in a div on the right you need to float:right
0
 
shresthaCommented:
Hello,

Try out with tables, insert two columns in tables, insert tables in each columns again put your menus in one columns table and flags in another columns table. Adjust size of flags picture whichever size you need. Hope this is help you out.
0
 
currentdbAuthor Commented:
It did not work. It should work with <div> tags.

If you look at the skeleton.css file that is inside the attached sample file, the change can be made by changing the value width:960px (at line 26). I changed this value to 1200px. It worked and all the 7 flags were there, but unfortunately, the other divs down were not in order.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.