Margin attribute in CSS is not working for input tag - input

In this image, I am facing problem. I have written code in CSS for centering the search box and tried to design it, but it is not getting changed.
enter image description here
enter image description here

Related

Font Alignment issue when render to pdf/image

does anyone know how to solve this alignment issue?
ISSUE: When I add text and gave alignment to right and render to pdf. it has a scale issue as shown in the URL.
Editor: https://i.imgur.com/MonGfQR.png
Generated PDF: https://i.imgur.com/HvGpaqG.png
I am using phantomJS.

How can I make an image float or right-align in a Google Colab markdown cell?

To explain the process that is going on in my notebook code, I use markdown text boxes between snippets of code. I would like to use small images to illustrate the text (a diagram often makes text clearer).
I cannot find a way of having those images floating on the right however.
I tried adding tags with CSS styling, but Colab seems to be removing those. I tried wrapping things in , but again no luck there.
You can also use the now deprecated align attribute on the image tag.
https://html.com/attributes/img-align/
One option is to use an HTML cell with the code hidden, which is triggered by the presence of a form title. For example, create a code cell with this content:
##title Some Stuff
%%html
Here are some words.
<img src="https://www.w3schools.com/html/smiley.gif"
style="float:right;width:50px;height:50px;">
Here are some other words and there is an image floating around it.
Then execute the cell & double click on the rendered title to hide the source. The result looks like this:

Can not display tooltip when mouse is over text on PDF

I need some way to have like a tooltip when the mouse is over text. I mean, something like <block>Some text</block> and when the mouse is over "Some text" y need to display a tooltip, just like an HTML link that when the mouse is over it, a tooltip with the value of the title attribute is displayed.
I've searched so much and could not find the answer to my problem.
Annotations in PDF are not part of the XSL FO Specification. The only product I am aware of that supports such things is RenderX's XEP engine. You can review the documentation on this feature here:
http://www.renderx.com/reference.html#PDF%20Note%20Annotations
One would use:
<fo:block>Note here<rx:pdf-comment content="This is the text of a popup comment"/> and some text after</fo:block>
rx:pdf-comment has additional attributes to set the title of the annotation, the color of the annotation and the opacity it displays with. You can also change the icon used in the PDF.

Embedding images in Birt

I have to embed an image in Birt. But I don't want the image to be displayed in the report itself. I want the image to be Embedded in the PDF that I will be able to export only. I tried searching for a way to do this, but was unsuccessful.
Thanks in Advance
To add an image to your report that will only be displayed when exported to PDF:
Add the image to the desired location in the report.
Select the image in the Layout view, then select the Visibility options in the Properties tab of the Property Editor:
Check the Hide Element checkbox;
Select the For specific outputs... option;
Check the specific output checkboxes for all formats except PDF
If you now save and run the amended report, you should find that the image is only displayed when exported to PDF.

Editing Flexslider HTML

I'm still new to coding. I downloaded flex slider, and I have it running fine on my site and working fine. However I can't make ANY edits into my html regarding the slider. It has the 'next' and 'previous' image links on my gallery, which I would like to replace. It shows up in the html when I inspect it in firebug, yet when I run my html through my text editor (Im using text mate), it doesn't show up at all!
Any ideas why?
I think you are talking about the navigational arrows on the left and right side of the images. This can be changes in the "flexslider.css" file. If you are using textmate then the line number is 52.
Probably the easiest way is to find the image here images/bg_direction_nav.png. Right click the image and open with your image editing software eg. photoshop. Then once you have change the image just save it and it will be saved in the same folder location. If you keep the image the same size then you will not have to mess around with anything else..