How do I put text on the same line in CSS?

Ok, I am placed three images on the page, and I like to have before, during, after underneath each images, and on the same line, I did the text-align:right and all that, but it keeps on putting the text on line below. Here is my CSS and html.Thanks!
#small-box-container #bottom1{
    width: 600px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_before_sm.jpg);
    background-repeat: no-repeat;
    margin-top: 90px;
    margin-left: 50px;
#textbox 1 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    height: 100px;
#small-box-container #bottom2{
    width: 439px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_during_sm.jpg);
    background-repeat: no-repeat;
    margin-left: 180px;
#small-box-container #bottom3{
    width: 439px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_after_sm.jpg);
    background-repeat: no-repeat;
    margin-left: 180px;
<div id="bottom1">
                 <div id="bottom2">
                <div id="bottom3"></div>
                <div id="textbox1"div style="clear: both;"></div>
                <p style="text-align:left">Before</p>
                  <p style="text-align:center">During</p>
                  <p style="text-align:right">After</p> </div>
</div>

I might have mis-read this but do you want the three images in a row, next to one another? Then the text lined up under each image?
If so the code below will do this. Just one point the images are wide 600px plus 2 x 439px.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#small-box-container {
width: 1478px;
#small-box-container p {
margin: 0;
padding: 135px 0 0 0;
#small-box-container #bottom1{
float: left;
    width: 600px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_be fore_sm.jpg);
    background-repeat: no-repeat;
#small-box-container #bottom2{
float: left;
    width: 439px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_du ring_sm.jpg);
    background-repeat: no-repeat;
#small-box-container #bottom3{
float: left;
    width: 439px;
    height: 130px;
    background-image: url(../../../graphic%20design/website_sijiewang1/sijie/images/deck_af ter_sm.jpg);
    background-repeat: no-repeat;
}</style>
</head>
<body>
<div id="small-box-container">
<div id="bottom1">
<p>Before</p>
</div>
<div id="bottom2">
<p>During</p>
</div>
<div id="bottom3">
<p>After</p>
</div>
</div> 
</body>
</html>

Similar Messages

SAPScript: How to combine two text in the same line?

Dear Gurus,
I have a case to combine hard code text and long text in the same line.
For example, i need to display following line:
'Project name:' <long_text>
How to do it in SAPScript?
Can we do it with following code?
/: 'Project name: ' INCLUDE Z_TEST OBJECT TEXT ID ST LANGUAGE &NAST-SPRAS&
Thanks & Regards,
Ari

Hi,
You can achieve that by this method,
Goto Tcode SO10
Give the Object Name 'Z_TEST' & Id
See the Paragraph format for the Text, you can do it from Menu
Format>Line . If it is /: change it to =. Save
Now in the SAPScript Text editor in which you want to print
P1 'Project Name :'
/: INCLUDE Z_TEST OBJECT TEXT ID ST LANGUAGE &NAST-SPRAS&
the output will be
Project name : Abc xyz
Regards
Bala Krishna.
Edited by: Bala Krishna on Oct 17, 2008 7:11 PM

How can I move text onto the following line in CSS without making a new paragraph?

Hello there,
I want to do the follow:
Name of company,
Address of company 1,
Address of company 2,
Address of company 3,
When I press enter to move the text underneath the previous text, it starts a new paragraph which I don't want. How can I simply get it to flow onto the next line without creating a new paragraph?
Thanks so much in advance.

You can use <br />
<p>
Address 01<br />
Address 02<br />
Address 03<br />
</p>
I'd probaly type it out in Code View but I think you can use shift+enter
Martin

How do i put text in the picture

how do i put text in the picture ?

In addition to the apps already mentioned here are some that can add text to a photo:
Some Image Editors That Support layers:
Photoshop Elements 11 for Mac - $79
GraphicConverter - $40
Rainbow Painter - $30
Imagerie - $38
Acorn - $50
Pixelmator - $60
Seashore - Free
GIMP for Mac - Free
Xee 2.1 - free

How to align output formatted and output text in the same line?

Hi All,
I want an output formatted label and a text on the same line,. I've surrounded these components wth a panel form layout and they automatically align one below the other. how do I kepe them in the same line?
Thanks.

Try as per the code snippet below:
<af:document title="TestPage.jspx" id="d1">
<af:messages id="m1" inline="true"/>
<af:form id="f1">
*<af:panelGroupLayout id="pgl1" layout="horizontal">*
*<af:outputFormatted value="outputFormatted1" id="of1"/>*
*<h:outputText value="outputText1" id="ot1"/>*
*</af:panelGroupLayout>*
</af:form>
</af:document>
Thanks,
Navaneeth

How to get the Hardcoded text and the Standard text in the same line

Hi,
I have an SAP Layout. In that, it should show the Consignee name as below.
     Consignee: SAP LABS
In this, the text 'Consignee: ' should be hardcoded in the layout itself. and the customer has requested to create a standard text for 'SAP LABS' sothat if they want to change the value in future, they would go and change the Standard text. I have created the Standard Text for SAP LABS. I am not able to get both these texts on the same line. I wrote in the layout like below and AS is the Paragraph format.
AS     Consignee:
/:        INCLUDE ZVRU_CONSIGNEE OBJECT TEXT ID ST LANGUAGE EN PARAGRAPH 'AS'
But, both are coming in dofferent lines. As /: is a command line, it is coming in the next line. Is there any way of getting these two texts in the same line..? While Inserting the Standard Texts, will there be any option/command to print it in the same line..?
Please share your thoughts. Thanks in advance.
Thanks & Regards,
Paddu.

Hi Paddu,
I have had a similar requirement. I did not use any FM or anything, simply did the following:
In SO10, for your standard text where u have used the text SAP LABS.
Instead of P1/ default para, change it to =. And then Save ur Standrd text.
Now in the SAPScript Text editor in which you want to print
P1 'Consignee :'
/: INCLUDE TEST OBJECT TEXT ID ST LANGUAGE EN
the output will be
Consignee : SAP LABS
I have tried and tested this method. It will surely work.
With regards,
Niharika.

How to get two parameters in the same line of selection screen?

hello
i need to get my selection csreen like bellow.
r1 radiobuttion -some space --p1 parameter
i should not get the parameter in the next line of radiobuttion.
how to get two parameters in the same line of selection screen?

hi....
modify the following code
it will work
SELECTION-SCREEN BEGIN OF BLOCK SL1 WITH FRAME TITLE TEXT-003.
SELECTION-SCREEN BEGIN OF LINE.
SELECTION-SCREEN COMMENT 10(15) TEXT-001
FOR FIELD P1.
SELECTION-SCREEN POSITION POS_LOW.
PARAMETERS : P1 TYPE C USER-COMMAND R2 RADIOBUTTON GROUP R2 DEFAULT 'X',
P2 TYPE SCARR-CARRNAME,
P3 TYPE CHAR1 RADIOBUTTON GROUP R2.
SELECTION-SCREEN END OF LINE.
SELECTION-SCREEN END OF BLOCK SL1.

How to write two item in the same line?

In the smartforms,how to write two item in the same line?
eg
1 ************* 2 *****************
3 ************** 4 ******************
5 ***************
Anyone got any idea to do this.
Thanks in advance

Hi,
In the smartform the main windows is 20cm.I use the table output my data.Because the output is two item in same line,I define two rows in the table line type.
Question:
Should I define the table width 20cm?
In the main area of table , should I define two folders and each of folder include a line? The second item I had already defined as Append Directly,but the item 1 and item 2 don't in the same line.
Regards

How does one put text on the spine?

I'm a little confused about the difference between the version I'm creating and the template I start with. I start with a template, then resize and mess with the arrangement of the pictures. I move text boxes. All seems okay.
I put a colored background on the front and back cover (by inserting a specially made pdf from Pages, a gradient color). The back spine remains white, and blank. How can I add text to the spine? And is there a way to have the color from the background bleed over the spine?
Ben

I certainly don't know how it was constructed, but I suppose the form was intended for people that use Word. If you were using Word, you would just select the "insert" key (or something - I forget) and type away. The text would type above the line. I thought maybe there was something like that in Pages. I find myself getting very frustrated using Pages and Numbers. They really aren't that easy to use. Word and Excel have them beat.

2 fields with text on the same line

Hi everyone,
Could anyone let me know how I can get 2 fields with their text values in the same line. For eg:
weight ______ unit of weight _____
i need both of the fields and text to be visible.
Thanks/
Message was edited by:
Raj Kali

Hi,
You can use SELECTION-SCREEN BEGIN OF LINE and SELECTION-SCREEN END OF LINE.
SELECTION-SCREEN BEGIN OF LINE.
SELECTION-SCREEN COMMENT 1(10) INPUT1.
PARAMETERS P1 TYPE I.
SELECTION-SCREEN COMMENT 40(10) INPUT2.
PARAMETERS P2 TYPE I.
SELECTION-SCREEN END OF LINE.
INITIALIZATION.
INPUT1 = 'FIELD1'.
INPUT2 = 'FIELD2'.
Regards,
Ferry Lianto

How can I put information in the status line at the bottom of the window

Hi, I need to put some information on the status line, like username and database name. How can I do this?
If someone know how to do this and could show some sample code, please, put in this.
Thank you,
San

Thanks, but this put a message in the message line, and I need to put this in the status line below the message line, where are displayed messages like "enter query", "execute query", "list of values" and etc...
Is this possible?
Thanks

I have an ipod classic my daughter has an ipod touch, how do I put both on the same computer for different libraries

I have an ipod classic my daughter has an ipod touch, can I put both libraries on same computer and how is this done???

I would think you can. If you don't want them to be synced the same, create a playlist with your daughters music, and one with yours, and configure iTunes to only sych the selected playlists.

How to vertically align Prompts on the same line in OBIEE

Can we vertically align "Product Line (Owned)" and "Product Line(Not Owned)" in this Prompt on same vertical line?
so that "Product Line(Owned)" can start from the same vertical line where "Product Line(Not Owned)" starts
we tried few options by adding a text element in dashboard and playing with td.GFPFilter
but couldn't find a solution to it.
we were looking into this thread
Dashboard Prompt Alignment
Currently we have it like this, alignment is not same due to "Not Owned" text being longer than "Owned" text
"Product Pillar (Owned)"--------------"Product Line (Owned)"---------------------"Product (Owned)"
"Product Pillar (Not Owned)"--------------"Product Line (Not Owned)"---------------"Product (Not Owned)"
we want to have it like this,
"Product Pillar (Owned)"--------------"Product Line (Owned)"-------------"Product (Owned)"
"Product Pillar (Not Owned)"---------"Product Line (Not Owned)"--------"Product (Not Owned)"

Hi Rupak,
I just tried it and it the solution is pretty easy. Just add a text-box to your dashboard holding the following:
<style>td.GFPFilter {width: 200px}</style>You need to check "Contains HTML markup"
Regards,
Stijn

Prob with putting text after the Schedule line item in PO Sap script

Hi Guys,
I need to include a Text afetr the first schedule line item and that shouldn't print after next onwards, can anyone help me out.
Thanks,
Ramesh

two things
in this
activate debugger and check whether the field
&EKET-J_3ASIZE& is eq ' ' or not
only then it will come in to else condition
if its coming into else case check whether &T166P-TXNAM& is getting populated or not
if it doesnt u need to go to item_text
define a variable and move the value of &T166P-TXNAM&
define &TEXT& = &T166P-TXNAM&
and then
in item_schedule
iNCLUDE <b>&TEXT &</b> OBJECT &T166P-TDOBJECT& ID &T166P-TDID& LANGUAGE &EKKO-SPRAS& PARAGRAPH IX
i think this will resolve the issue.
Harish
reward if its useful

I use Go Daddy Web Mail and FireFox may be preventing me from being able to put text into the subject line when composing an email.

As the question / statement says, When in Firefox, once I've started my webmail application through Go Daddy, I can compose an entire email filling out all the required info. But, when I put the mouse over the 'Subject Line' and click, no cursor appears.
Having walked through this with Go Daddy, they are convinced that it's FireFox because we opened up their webmail with 2 other browsers and both allowed me to plug in a subject line.

Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
Note: ''This will temporarily log you out of all sites you're logged in to.''
To clear cache and cookies do the following:
#Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
#Under "Time range to clear", select "Everything".
#Now, click the arrow next to Details to toggle the Details list active.
#From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
#Now click the ''Clear now'' button.
Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
Did this fix your problems? Please report back to us!

How do I put text on the same line in CSS?

Similar Messages

Maybe you are looking for