Solved

Trying to put small image at the end of a sentence

Posted on 2013-06-06
3
295 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 500 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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css, html 5 42
Big gap on page with the Samsung Galaxy S7 EDGE and no other mobile device! 3 49
alert before form submission 6 41
push logos in footer up higher 5 21
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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…

822 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