Login or Register to Ask a Question and Join Our Community

Sponsored Content
Full Discussion: Center image between two text paragraphs.
Top Forums Web Development Center image between two text paragraphs. Post 303029362 by jcdole on Friday 25th of January 2019 12:53:59 PM
Old 01-25-2019
Center image between two text paragraphs.
I want to show a page with an image between 2 any paragraphs.

I tried the following script.
But the image is not centered.


SUSE Paste


Code:
<!DOCTYPE html>
<html>
    <head>
        <style>
            center.center_1 {
                  margin: auto;
                  width: 60%;
                  border: 3px solid #73AD21;
                  padding: 10px;
                }
            img.img_1 {
                display: table-cell;
                margin-left: auto;
                margin-right: auto;
                vertical-align: middle;
                }
        </style>

        <title>THIS IS TEST PROJECT</title>
    </head>

    <body>
        <h1><center class="center_1">THIS IS TEST PROJECT</center></h1>
      <p> Here goes the image <br>
        <img class="img_1" src="stuck-out_tongue.png" alt="stuck-out_tongue.png" style="width:20%">
      <p> image end <br>
        <h1><center class="center_1">PHP IS FOLLOWING</center></h1>
        
        <div class="sample">
          <p> Here goes the php code<br>
            <?php 
              date_default_timezone_set("Europe/Paris");
              echo "Today is : ".date("F j, Y, g:i a"); 
                    /**
                    *
                    *    PHp TEST
                    */
                    phpinfo();
            ?>
         </p>
      </div>

    </body>

</html>


Any help is welcome

--- Post updated at 18:53 ---

It seems that the problem come from the php code.
Is there any tags I can use so that the php output does not interfere with the html page layout.


Any help is welcome
 

10 More Discussions You Might Find Interesting

1. Shell Programming and Scripting

Stamping Text on an Image File

Hi all, again, I have lots of questions I guess. This one should be easier though :) . I have a goal to be able to put some preformatted text into a template (which is now a tiff file, but can be changed) and then output it to a printer. Right now we're thinking PostScript might work or some... (0 Replies)
Discussion started by: pageld
0 Replies

2. Windows & DOS: Issues & Discussions

Unix text doc with a .gif image

I would like to insert a .gif image into a text file that is generated by a Unix-based database application. Can anyone please tell me how I can achieve this? (7 Replies)
Discussion started by: sunita_rao
7 Replies

3. Shell Programming and Scripting

Redirect text to image file

How can I redirect text data to an image (png, jpg, gif... etc) file using perl on unix solaris environment?? Please suggest. Pooja (1 Reply)
Discussion started by: wadhwa.pooja
1 Replies

4. Shell Programming and Scripting

Trying to center my output text

Im stumped on how to center the output of my echo command. I also would like to center my calender too, but is the command to center the same for echo and cal? (3 Replies)
Discussion started by: bri4nd4h3r0
3 Replies

5. Shell Programming and Scripting

deleting text records with sed (sed paragraphs)

Hi all, First off, Thank you all for the knowledge I have gleaned from this site! Deleting Records from a text file... sed paragraphs The following code works nearly perfect, however each time it is run on the log file it adds a newline at the head of the file, run it 5 times, it'll have 5... (1 Reply)
Discussion started by: Festus Hagen
1 Replies

6. Shell Programming and Scripting

Add text to image files

Hi to all, Some help here please. I have a several image files (photos, jpg files), let say 100 photos, and a list of 100 different little comments in a text file, each comment for each image. Somebody knows if I can add (like a watermark in the bottom) this text comments and how in the... (3 Replies)
Discussion started by: cgkmal
3 Replies

7. Shell Programming and Scripting

splitting a large text file into paragraphs

Hello all, newbie here. I've searched the forum and found many "how to split a text file" topics but none that are what I'm looking for. I have a large text file (~15 MB) in size. It contains a variable number of "paragraphs" (for lack of a better word) that are each of variable length. A... (3 Replies)
Discussion started by: lupin..the..3rd
3 Replies

8. Shell Programming and Scripting

Split text into paragraphs

Hi all! I want to make a code to split sentences into paragraphs maybe 4-5 sentences into one <p>text</p> there are no new lines in the text string any ideas with AWK, SSH? Thank you! (5 Replies)
Discussion started by: sanantonio7777
5 Replies

9. Shell Programming and Scripting

How to annotate text on image files?

Dear Sir, The problem description as follows I have a folder named abc with files of different extensions such as: bcsu.txt hsdk.prot ajia.sh sai.hm abcd_1213_saj.png I am supposed to write a bash script which reads all the .png files and read the 6th7th8th9th(word/numerals) here it is... (5 Replies)
Discussion started by: bal_nair
5 Replies

10. Shell Programming and Scripting

Script to convert text to image

Hi Can someone help me writing a script to convert the texts in a text file into images for each token? Thanks in advance. :) (1 Reply)
Discussion started by: my_Perl
1 Replies

LEARN ABOUT OPENSOLARIS

mlib_imagerotate90_fp

mlib_ImageRotate90_Fp(3MLIB)				    mediaLib Library Functions				      mlib_ImageRotate90_Fp(3MLIB)

NAME

       mlib_ImageRotate90_Fp - rotate an image by 90 degrees

SYNOPSIS

       cc [ flag... ] file... -lmlib [ library... ]
       #include <mlib.h>

       mlib_status mlib_ImageRotate90_Fp(mlib_image *dst, const mlib_image *src);

DESCRIPTION

       Rotate a floating-point image 90 degrees clockwise.

       The  width  and	height	of  the destination image can be different from the width and height of the source image. The center of the source
       image is mapped to the center of the destination image.

PARAMETERS

       The function takes the following arguments:

       dst    Pointer to destination image.

       src    Pointer to source image.

RETURN VALUES

       The function returns MLIB_SUCCESS if successful. Otherwise it returns MLIB_FAILURE.

ATTRIBUTES

       See attributes(5) for descriptions of the following attributes:

       +-----------------------------+-----------------------------+
       |      ATTRIBUTE TYPE	     |	    ATTRIBUTE VALUE	   |
       +-----------------------------+-----------------------------+
       |Interface Stability	     |Committed 		   |
       +-----------------------------+-----------------------------+
       |MT-Level		     |MT-Safe			   |
       +-----------------------------+-----------------------------+

SEE ALSO

       mlib_ImageFlipAntiDiag(3MLIB),	 mlib_ImageFlipAntiDiag_Fp(3MLIB),    mlib_ImageFlipMainDiag(3MLIB),	 mlib_ImageFlipMainDiag_Fp(3MLIB),
       mlib_ImageFlipX(3MLIB),	  mlib_ImageFlipX_Fp(3MLIB),	mlib_ImageFlipY(3MLIB),    mlib_ImageFlipY_Fp(3MLIB),	mlib_ImageRotate90(3MLIB),
       mlib_ImageRotate180(3MLIB), mlib_ImageRotate180_Fp(3MLIB), mlib_ImageRotate270(3MLIB), mlib_ImageRotate270_Fp(3MLIB), attributes(5)

SunOS 5.11							    2 Mar 2007					      mlib_ImageRotate90_Fp(3MLIB)
All times are GMT -4. The time now is 03:22 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy