Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Trying to put small image at the end of a sentence

Posted on 2013-06-06
3
Medium Priority
?
309 Views
Last Modified: 2013-06-06
I am trying to put a small jpg at the end of a sentence, but it keeps dropping down to a new line. see below
http://roofgenius.com/RoofCalcWriter/test.asp

From the Job Cost grid click this button: <image224.jpg>

 <image224.jpg> <--not here
what am i doing wrong ?
0
Comment
Question by:isnoend2001
3 Comments
 
LVL 4

Accepted Solution

by:
MrC63 earned 2000 total points
ID: 39227681
I have not looked at your code and CSS file in extreme detail, however I have seen this before.  Usually it means that the JPG file is taller than the line height specified for the font spec (text) in CSS.

I often use DIV blocks to achieve the desired results with separate DIV blocks for both the text and the image.  

<div style="float:left;">Desired text goes here</div><div style="float:left;"><img src="myimage.jpg""></div>

I don't have enough details to know exactly what you're trying to achieve and/or what other factors may be at work, but in it's simplest form that should achieve what you need.
0
 
LVL 23

Expert Comment

by:tailoreddigital
ID: 39227710
In Roof.css

.section_area .middlepanel .paddedline {

change

style: display:inline;

to  

display:inline;



Now "To open the floating price per square window" comes up behind your image,

I'm guessing you can put a <br> tag  or maybe a <p></p> tags  after,

<div class="paddedinline">
<img src="../images/image224.jpg" width="32" height="15" alt="" title="">
</div><br>
0
 

Author Closing Comment

by:isnoend2001
ID: 39227712
Thanks that fixes me right up
0

Featured Post

Industry Leaders: 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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Suggested Courses
Course of the Month11 days, 4 hours left to enroll

572 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