Solved

Cannot insert picture on the right

Posted on 2012-03-19
3
208 Views
Last Modified: 2012-06-27
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
0
Comment
Question by:currentdb
3 Comments
 

Expert Comment

by:shrestha
ID: 37740811
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
 
LVL 1

Author Comment

by:currentdb
ID: 37740824
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
 
LVL 30

Accepted Solution

by:
IanTh earned 500 total points
ID: 37765417
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

Featured Post

ScreenConnect 6.0 Free Trial

Want empowering updates? You're in the right place! Discover new features in ScreenConnect 6.0, based on partner feedback, to keep you business operating smoothly and optimally (the way it should be). Explore all of the extras and enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question