?
Solved

Trying to put small image at the end of a sentence

Posted on 2013-06-06
3
Medium Priority
?
306 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
[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
 
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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month14 days, 20 hours left to enroll

771 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