This article is more than 1 year old

This is not a Test article

Living CSS Style Guide

Promo Does the html in headline and sub-head display when published?

Is the trailer published. In the right colour?

This crosshead indicates Slideshow below - can I see this in Trois?

[PREVIEW BUG: IMAGES CAN APPEAR STRETCHED IN TROIS PREVIEW - THEY RENDER CORRECTLY WHEN PUBLISHED- Look how slideshow appears on published page:

http://www.theregister.com/2014/03/07/a_potted_history_of_cloud_computing/"]

[UPDATED 5.2.15 - MORE SERIOUS PREVIEW BUG: "SLIDESHOW" CLASS NO LONGER DISPLAYS IN TROIS]

JavaScript Disabled

Please Enable JavaScript to use this feature.

Midnight GMT tonight is the deadline for pre-Xmas European orders from our Cash'n'Carrion Reg shop.

Can I see video preview below in Trois?

Watch Video

CUSTOM YOUTUBE PLAYER default width is 650- can I see this in Trois [N.B. CUSTOM YOUTUBE PLAYER APPEARS TO HAVE BEEN DEPRECATED]

Watch Video

This is a Pullquote.

Midnight GMT tonight is the deadline for pre-Xmas European orders from our Cash'n'Carrion Reg shop.

Can I see this "old" image - four tshirt designs, three black, one white - below (theregister.com/media/682.gif)

The ideal stocking fillers

This is a Blockquote: Midnight GMT tonight is the deadline for pre-Xmas European orders from ourCash'n'Carrion Reg shop.

This is a block extract

Use it to agglomerate and highlight multiple paragraphs

List of Links (AKA multi-story promo)

<ul class="listinks">
    <li>
        <a href="https://www.theregister.com/">1st Link text</a>
    </li>
    <li>
        <a href="https://www.theregister.com/">2nd Link text</a>
    </li>
</ul>

Let's have a 900x600 pic:

This pic is centred - but why does that mean the caption is centred

THIS CAPTION IS RANGE RIGHT, because the picture is "right float" even though it occupies entire page width.

Kylie Fowler

This picture is "left float" and it has an exceptionally long caption. Is the text busting the picture width? Why do I need to insert the html command manually? Remind me, what is that dratted html command?

Kylie Fowler

This picture is "right float" and it has an exceptionally long caption. Is the text busting the picture width? This time I have used the html command manually? See this html command to left of this picture.

[Use this tool to display html on web page Tool to Convert HTML Code.]

<p style="width: ***"> *** = width of pic

Example pastafarian story - pic is 300px wide, so

<p style="width: 300px">

So...

<p style="width: 300px">Delicious: The meaty, cheese-topped deliciousness that is pastitsio. It's something like a lasagne, but with tubular bucatoni/macaroni variant (or similar)**.</p>
</div>

Click image to enlarge

Insert code string into the usual page code for image in the position in bold. URL has to be entered manually into this code.


<a href="https://regmedia.co.uk/2009/04/24/sx200_13a.jpg" target="_blank">
<div class="CaptionedImage Center">
<a href="https://regmedia.co.uk/2009/04/24/sx200_13a.jpg" target="_blank">
<img src="https://regmedia.co.uk/2009/04/24/sx200_13.jpg" alt="Canon PowerShot SX200 IS" title="Canon PowerShot SX200 IS" height="338" width="450"></a>
<p>Click for a full-resolution crop</p>
</div>

In action: Click image to enlarge

INSERT THE URL FOR THE BIG PIC / FULL RESOLUTION IN THE FIRST 2 'SLOTS'. INSERT THE URL FOR THE SMALL PIC AS APPEARS ON THE ARTICLE PAGE IN THE THIRD 'SLOT'.

Canon PowerShot SX200 IS

Click for a full-resolution crop

Line break - <hr> - below


More ways of showing code

Some script using <code> html command:

winrm set winrm/config/client @{TrustedHosts="YOURSERVER"} reg add HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System /v LocalAccountTokenFilterPolicy /t REG_DWORD /d 1 /f

Same script using <pre> html command:

winrm set winrm/config/client @{TrustedHosts="YOURSERVER"} reg add HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System /v LocalAccountTokenFilterPolicy /t REG_DWORD /d 1 /f

Same script, using <pre class=wrap_text>

winrm set winrm/config/client @{TrustedHosts="YOURSERVER"} reg add HKLM\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System /v LocalAccountTokenFilterPolicy /t REG_DWORD /d 1 /f

This is a Crosshead

Midnight GMT tonight is the deadline for pre-Xmas European orders from ourCash'n'Carrion Reg shop.

Hey guys, is the crosshead from the top of page 2 published immediately below this sentence?

More about

TIP US OFF

Send us news


Other stories you might like