Solved

Cannot insert picture on the right

Posted on 2012-03-19
3
207 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

911 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now