Board logo

subject: Integrating Html and Restructured Text message [print this page]


Individuals who are not acquainted restructured text message might at first bemoan it's lack of electrical power and flexibility when compared to XHTML, but as usually the case in existence, initial appearances can be deceiving.

Despite the fact that the use of Javascript for styling and demonstration is "best practice" in XHTML, it is not still obligatory, which enables anybody with understanding of such "deprecated" tags as "align=center" or "font", to illegally wreck havoc with your lovely CMS-based mostly internet site.

Outdoors of a obligatory 2 month program in simple XHTML and Javascript, one answer which desperate webmasters have usually deployed is to force website editors and contributors to function with WYSIWYG editors configured to strip out any and all illegal tags. Not only is this a somewhat draconian answer, and immensely irritating from a user point of view, but it still doesn't bring your internet site any nearer to becoming superbly or properly formatted. Just not illegally so.

And don't get me started out on tables...

Restructured word on the other hand forces compliance to XHTML best practise precisely since it is not XHTML. By permitting people to function in an atmosphere considerably nearer to the easy word notepad which practically everybody is acquainted with, and without having a single (more typically than not forgotten) tag in sight, the simplicity of Sleep leaves the site contributor the focus on subject material, as God would have intended it, and will take care of the parsing of said subject material into rigid XHTML for them.

But that's not all. Presentation is even now achievable through Flash--also as God intends it--still a lot to the relief of the web site designer and webmaster--outdoors of the control of a individual whose obsession with "beautifying" 1 tiny plant can be to the detriment of the wellbeing of the complete garden.

And not just the presentation of your basic paragraph and heading tags, but, watching carefully, the Sleep figure directive, which in combination with a tiny Css jiggery-pokery comprehensive beneath is capable of deploying some fairly outstanding results.

The Polaroid Effect

By way of deployment solely of the class "float-correct-360" to the shape directive under, it is feasible to add a polaroid influence to a photograph in the adhering to method:

As reStructuredText:

.. amount:: /images/the_moon.jpg

:alt: the moon

:figclass: drift-proper-360

The moon in the course of a lunar-eclipse. Quite!

To create the sticking to graphic and caption:

the moon

See outcome at: A Blog site about Plone [http://www.vasudevaservice.com/blog site/archive/2006/10/02/polaroid-effect-making use of-css-and-sleep]

Which is accomplished with the following html:

.float-right-360

place: relative;

drift: proper;

text message-align: still left;

qualifications-image: url(polaroid_360_270.png);

history-repeat: no-repeat;

margin: 10px 10px 20px;

cushioning: 1px 8px 8px 1px;

border: none;

.float-proper-360 img

border: #fff 7px strong;

border-bottom: #fff 36px strong;

width: 247px;

peak: 308px;

.float-proper-360 p.caption

place: absolute;

font: typical 11px/13px Arial, Helvetica, sans-serif !critical;;

coloration: #000;

margin: ;

padding: 10px ;

top: 321px;

left: 10px;

Notice there is a single limitation to this effect--the image used must be exactly 308px H by 247px W, due to the fact there basically aren't enough "hooks" inside the amount directive to deploy the required quantity of background images to let scaling.

As a operate close to to this limitation, a single could develop a selection of lessons for pre-determined image measurements and orientations, which would also have the added benefit of forcing your users to stick to creating photographs in measurements complimentary to the general web site layout.

Which raises an additional sore level about CMS's which don't utilize impression-sizing engines--but that would be another subject... read more:css tutorials

Integrating Html and Restructured Text message

By: Antwan Lamb




welcome to loan (http://www.yloan.com/) Powered by Discuz! 5.5.0