Because of the deprecation of the align attribute, the now recommended way of wrapping text around images is with the use of styles. Styles can be used in two ways, inside a specific file, called a CSS (Cascaded Style Sheet) or inline any html file to add some spicy formatting where needed. That’s exactly what we need. The tag to use is simply called <style> and the attribute we will be using is called float. So, what we need really is to surround our image with the following tag : <div style=”float: left;”>[image here]</div>. Right, thanks for the tip, but how do I transmit this html tag straight to my weblog ? Well that’s where comes the special text style ‘HTML Passthru’. Just format the tag using this style (choose HTML Passthru (for blogs) in the style drop down box) and you’re in ! Fine, now that I can post images to my weblog with text wrapping around I would like something more convenient. With inline styling I can go a bit further by specifying additional attributes to the style tag. I can specify margins in pixels (margin-top, margin-left, margin-right, margin-bottom), I can add a border to the image, I can also add a title to the image that shows up when pointing the image and many more. For example the following tag will put the image on the right with 5 pixels clearance between text and image and a blue dotted border of 5 pixels: <div title=”the sombrero” style=”float:right; margin-top:5px; margin-left:5px; margin-bottom:5px; border:5px dotted blue;”>, funky isn’t it ?
Archive for May, 2005
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam mattis feugiat justo. Fusce et ante ac lorem viverra interdum. Pellentesque faucibus. Aliquam fringilla, odio sed ultrices semper, eros lacus vehicula odio, sed rutrum quam velit a dolor. Quisque laoreet ipsum quis turpis. Etiam feugiat. Suspendisse orci. Proin et quam at mauris aliquam malesuada. Etiam dui. Nulla ac enim. Vestibulum venenatis, nisl id interdum luctus, sem metus aliquet nulla, in laoreet tellus diam ut ante. Nullam facilisis.
Nam et enim in lacus elementum commodo. Integer suscipit consequat neque. Proin enim. Aliquam erat volutpat. Maecenas bibendum. Cras at est. Ut nibh enim, feugiat at, elementum sed, malesuada vel, nulla. Aliquam lobortis tempor neque. Nam erat felis, ultrices blandit, hendrerit sed, faucibus cursus, lorem. Donec ipsum turpis, pulvinar eget, pellentesque eget, sollicitudin bibendum, nulla.
Et voici un article posté directement à partir de mon outil favori, The Journal. Comme on peut le voir une image a été postée dans l’article et toute la mise en page faite à partir de TJ4. La correction orthographique en français fonctionne parfaitement, c’est bien pour présenter au monde de la prose à peu près correcte !
Le seul inconvénient que je trouve à TJ4 par rapport à w.bloggar et Zempt est l’impossibilité de récupérer un article du blog pour l’éditer. Peut-être que cette fonction viendra avec les évolutions futures.
Et voici un article posté directement à partir de mon outil favori, The Journal. Comme on peut le voir une image a été postée dans l’article et toute la mise en page faite à partir de TJ4. La correction orthographique en français fonctionne parfaitement, c’est bien pour présenter au monde de la prose à peu près correcte ! Le seul inconvénient que je trouve à TJ4 par rapport à w.bloggar et Zempt est l’impossibilité de récupérer un article du blog pour l’éditer. Peut-être que cette fonction viendra avec les évolutions futures. |