Wysiwyg html editor,is there one which will publish images side by side, horizontally,not one above the other?
Public Comments
- Yes, but you need to put each image in its own table cell. Eg: <table border='0' cellspacing='0' cellpadding='0'> <tr> <td> <img src... blah blah> </td> <td> <img src=.... more blah> </td> </tr> </table> Most WYSIWYG apps will allow you to do this just fine.
- No, but you can easily do this using CSS. If you don't understand stylesheets then its probably easiest to put this inside a style="" bit in each image tag. First of all, float the image on the left... float: left; ...then apply a bit of padding / margin to the right so they don't touch each other... margin-right: 5px; So for each of your images you have... <img src="something.jpg" alt="alternate text" style="float: left; margin-right: 5px" /> ...and just repeat that over and over again for your images. Seeing as you're using the style and over again you should create a class - this is a set of styles which can be applied to anything in the html. Usually you keep classes and IDs in a seperate stylesheet, but seeing as you're only going to have one then is probably easier just to include it in the html. Start by opening a style area thing within your html document... <style type="text/css"> ...then open a class (the . means class and what comes after it is the class name. the { } surround all the style info)... .float { ...then the styling we just put in those images... float: left; margin-right: 5px; ...then close the class and the styling ... } </style> You can now apply this to every image using class="float" rather than the style="" bit. So... <style type="text/css"> .float { float: left; margin-right: 5px; } </style> <img src="something.jpg" alt="alternate text" class="float" /> EDIT: And don't use tables xD ! Tables lead to ugly markup, they're far less cross-browser compliant, and its just such a 1990s method! Learning even just some basic CSS will make your life so much easier.
- Bw's Ebay auction template maker http://www.bwlewis.info/ see screenshots only allows images that are hosted online to be added to it via the gui
Powered by Yahoo! Answers