Text align justify moves bullet points on the text contents on certain line in Firefox. Is there a way to avoid this behavior.
Below snippet will show the anomaly if you open it in Firefox. It works fine in Chrome & IE (I checked in IE10/IE11).
As showing on Firefox:
As showing in Chrome
ul li{text-align:justify;}
<ul>
<li>Property was occupied by Doe Family for past 17 years where in seller Mr. John Doe owner of collateral through CD claims execution of sale deed with mutual consent. On joint visit by credit and sales team it was found that there are two parallel title chain of the collateral:</li>
<li>Way back in 2000-01 John Doe and his brother entered into collaboration with some Creater Jane Doe and it was decided that G+2 structure will be built. GF & 1st will go to both the brothers and 2nd to builder. But no collaboration agreement was entered on paper. Further builder breaching the mutually agreed terms constructed 3rd floor as well -> Accordingly builder claimed occupancy n rights on both 2nd and 3rd floor – property went into dispute</li>
</ul>
You can try to use the below property:
list-style-position: outside;
Please check the following link
Related
I have a paragraph of text and I need to add two hyperlinks inside the text.
We can't break this out and I can't seem to figure what commands to add.
Example:
full text:
'It is a period of civil wars in the galaxy. A brave alliance of underground freedom fighters has challenged the tyranny and oppression of the awesome GALACTIC EMPIRE. --> should be a hyperlink to galactic#empire.com
Striking from a fortress hidden among the billion stars of the galaxy, rebel spaceships have won their first victory in a battle with the powerful Imperial Starfleet. The EMPIRE fears that another defeat could bring a thousand more solar systems into the rebellion, and Imperial control over the galaxy would be lost forever.
To crush the rebellion once and for all, the EMPIRE - should click to empire.com is constructing a sinister new battle station. Powerful enough to destroy an entire planet, its completion spells certain doom for the champions of freedom.'
Use Placeholders in the text box to separate the text and add Actions to the two placeholders that you need to add links to.
Create the text box.
Click in the text box to type and then right click Create Placeholder.
Click on the Expression (Fx) button of the Value box. Add your text inside quotes after an equals sign.
="Your text here"
Click OK to get back to the properties. Click on HTML to allow HTML code and OK again.
Click in the text box again two or three times to get the cursor to the right of your last text placeholder, then right-click and Add Placeholder again.
Add the text again. ="Empire" Ok. Click on HTML. Now go to the Action and add the email link mailTo:galactic#empire.com.
Repeat the steps for the other text and link.
You'll end up with a single text box with multiple text placeholders. You can add color for the links if desired.
When it runs, it will show the text with links.
You can use the < br > tags to separate the paragraphs.
I am setting up JSON+LD tags on my product pages for Facebooks "Dynamic Ads & Commerce".
https://developers.facebook.com/docs/marketing-api/catalog/reference/
Two tags it states are required:
id
Required for dynamic ads and commerce.
availability
Required for dynamic ads and commerce.
I've added these, but it causes Google to reject my json+ld markup.
Invalid enum value in field 'availability'
1.
2.
How could I please both parties here? If I am adding json+ld markup, it may as well have all required elements to be valid on Google and Facebook (Catalog).
[
{
"#context":"http:\/\/www.schema.org",
"#type":"Product",
"name":"Silentnight Safe Nights Toddler Bedset – 4.5 Tog",
"title":"Silentnight Safe Nights Toddler Bedset – 4.5 Tog",
"url":"http:\/\/myexampledomain.co.uk\/product\/silentnight-safe-nights-toddler-bedset-4-5-tog\/",
"link":"http:\/\/myexampledomain.co.uk\/product\/silentnight-safe-nights-toddler-bedset-4-5-tog\/",
"image":"http:\/\/myexampledomain.co.uk\/app\/uploads\/sites\/3\/2019\/10\/silentnight-safe-nights-toddler-bedset-4.5-tog-pack.jpg",
"image_link":"http:\/\/myexampledomain.co.uk\/app\/uploads\/sites\/3\/2019\/10\/silentnight-safe-nights-toddler-bedset-4.5-tog-pack.jpg",
"description":"The Silentnight Toddler Duvet and Pillow set makes a great first bed set for your little one. The cot bed sized set includes a snuggly duvet and a soft pillow that is specially designed for children. The slim profile of the pillow offers your child just the right amount of support they need. It's important that small children don't overheat in bed, so the light and soft duvet comes in a 4.5 tog weight rating. Both the pillow and duvet are made from a smooth polycotton cover offering breathable comfort. The products are filled with anti-allergy hollowfibre that actively defends against the bacteria and dust mites that can cause allergies providing a cleaner, fresher and altogether a safer option for a good night's sleep. Our anti-allergy fibres are approved by the British Allergy Foundation, which means they have the ultimate seal of approval. Our fibres have been scientifically tested and are proven to reduce or remove allergens from the indoor environment.\nSuitable only for children over 12 months. Both the pillow and duvet are fully machine washable, and thanks to the easy care polycotton covers, the products have great recovery and can be washed time and time again.",
"sku":"506984LS",
"id":17214,
"productID":17214,
"offers":[
{
"#type":"Offer",
"price":"30.99",
"priceCurrency":"GBP",
"url":"http:\/\/myexampledomain.co.uk\/product\/silentnight-safe-nights-toddler-bedset-4-5-tog\/",
"gtin":"5012701506984",
"gtin8":"5012701506984",
"condition":"new",
"availability":"in stock",
"inventoryLevel":54
}
],
"brand":"Silentnight"
}
]
Can you help me solve this problem? One column is not visible in Safari. I tried change display of .uk-grid class to everything, change order of CSS attributes and it didn't help.
Here is the page: http://pegasproperty.impnet.cz/
Here is image with mentioned issue (big red box should be visible):
You are mazafakin pohadkovy raper.
If not in the office is a habit, trust me,
in the streets I have the prestige, I go out with the truth out,
like pregnancy tests, you do not know anything about the street,
as a book with Majka Spirita and rappers from the villages,
I'll eat these shit like Nesquik,
do not rush before you grab over the lip,
I'll pull you out of the two-sixth of your brush
and you go home in the rain, these lyrics, tracks,
boards are not bullshit, I'm a problem I do not want to solve,
I have the following awful HTML:
<p>
102036 - <em>In re</em> State v. Williams video<br>
104236 - University of Kansas Hosp. Auth. v. Board of Wabaunsee County Comm'rs video
</p>
I want to use XPath to capture all of the text following each </a>, so:
Item 1: " - In re State v. Williams
Item 2: " - University of Kansas Hosp. Auth. v. Board of Wabunsee County
Alternatively, I could just capture all text, and that would be fine too:
Item 1: "102036 - In re State v. Williams
Item 2: "104236 - University of Kansas Hosp. Auth. v. Board of Wabunsee County
I've been trying various things for a while now, but making no progress. I want something like:
/a/following::text()[before::br]
Help?
Here you go, pal:
//a//following-sibling::text() | //a//following-sibling::*[not(self::a)]/text()
The best thing I've found so far is to simply nuke the errant <em> nodes.
So:
elem = html.xpath('//p')[0]
etree.strip_tags(elem, 'em')
Then, using the cleaner html, a simple XPath can be used:
texts = [e.tail for e in elem.xpath('//a')]
Credit where due: https://stackoverflow.com/a/8788559/64911
If you have firebug installed and are running Firefox, for this and all future xpath needs you can just follow this tutorial:
http://www.wikihow.com/Find-XPath-Using-Firebug
Very easy way to find the xpath for anything on a page.
I would like to present a list of items in a Facebook comment that includes an amount, a name and then a price. Ideally I would like for this to be relatively aligned.
I know I can not change the font display of Facebook to a monospace font to have it align perfectly, but what I'm wondering is if I could preformat the data that I would display in a webpage so it would copy to a Facebook comment in at least a roughly aligned format.
Ex
It presently copies as the top images (blocked in red)
and through manual manipulation I am able to quasi format it to align "better" like the block in green.
Any ideas on how to accomplish this? Here is a copy of the data as presented in my webpage.
3 Abandoned Outpost $0.15
9 Abandoned Outpost $0.15
2 Abbey Gargoyles $0.25
3 Abbey Gargoyles $0.25
2 Abbey Gargoyles $0.00
3 Abbey Gargoyles $0.00
1 Abbey Matron (No Hood) $0.15