Solved

Trying to put small image at the end of a sentence

Posted on 2013-06-06
3
287 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
Comment Utility
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
Comment Utility
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
Comment Utility
Thanks that fixes me right up
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

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... …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

744 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

16 Experts available now in Live!

Get 1:1 Help Now