Solved

Cannot insert picture on the right

Posted on 2012-03-19
3
211 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Link not working 6 52
Html date format 9 28
Validating number not work with decimal 4 42
What is the valid CSS Selector Chain for this situation? 3 6
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.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

738 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