20 May 2005

Tip of the day: Wrap commands

You've got a long URL to place in blogger.

You also have some code called a "wrap command":
<pre style="OVERFLOW: scroll; WIDTH: 100%"> CONTENT TO WRAP </pre>
Tips

Here are some tips on making that code actually work:

1. Adjust percentages

Adjust the default-percentage to your blogger column width; 70% works well with this one.

2. Connect: Make sure the first line of code is in a single line, without any line breaks.

3. Return: Leave returns after the first line of code.

4. Space: Place the final pre-command [ </pre> ] after a hard return; leave some space.


Right: Single line for code


<pre style="OVERFLOW: scroll; WIDTH: 100%">

YOUR CONTENT HERE

</pre>



Wrong: This wraps the first line of code to the second line


<pre style="OVERFLOW: scroll;
WIDTH: 100%"> [ < -- Should be one line, without a return]

YOUR CONTENT HERE

</pre>




Messes things up: If you place the code inside a table, the code will not integrate, and the wrap command will fail.


Don't try this at home


<pre style="OVERFLOW: scroll; WIDTH: 100%">

If you add the wrap-command inside the code for a box, it is a mess.

</pre>



-- This is the end of the content --
You've got a long URL to place in blogger.

You also have some code called a "wrap command":
<pre style="OVERFLOW: scroll; WIDTH: 100%"> CONTENT TO WRAP </pre>
Tips

Here are some tips on making that code actually work:

1. Adjust percentages

Adjust the default-percentage to your blogger column width; 70% works well with this one.

2. Connect: Make sure the first line of code is in a single line, without any line breaks.

3. Return: Leave returns after the first line of code.

4. Space: Place the final pre-command [ </pre> ] after a hard return; leave some space.


Right: Single line for code


<pre style="OVERFLOW: scroll; WIDTH: 100%">

YOUR CONTENT HERE

</pre>



Wrong: This wraps the first line of code to the second line


<pre style="OVERFLOW: scroll;
WIDTH: 100%"> [ < -- Should be one line, without a return]

YOUR CONTENT HERE

</pre>




Messes things up: If you place the code inside a table, the code will not integrate, and the wrap command will fail.


Don't try this at home


<pre style="OVERFLOW: scroll; WIDTH: 100%">

If you add the wrap-command inside the code for a box, it is a mess.

</pre>



-- This is the end of the content --
" />