Solved

Trying to put small image at the end of a sentence

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How do i remove the outer scrollbar? 2 38
CSS Font Arial Narrow 1 26
alert before form submission 6 32
How to loop bootstrap columns which contain database records 9 25
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
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 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.…
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…

863 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

20 Experts available now in Live!

Get 1:1 Help Now