Re: How to do this TD trick with CSS

In article <97119$447f8ece$40cba7cf$9169@xxxxxxxx>,
"Jonathan N. Little" <lws4art@xxxxxxxxxxxxx> wrote:

CSS:

.pixbox { overflow: auto; }
.pixbox IMG { display: block; float: left; margin-right: 1em; }


HTML:

<div>
<img src="yourpix.jpg" alt="the pix">
write stuff about your picture here...
</div>
...

With some assumptions about referencing your classes in the html
(not in your snippet), the text wraps under the pic, is this what
is wanted? And the 1em had no effect in Safari?

What I had in mind in previous post was more like:

..pic {float:left;width:500px}
..picText {margin-left: 510px;}

<img class="pic" src="pics/northCoastCountryScene.jpg" alt="the
pix">
<div class="picText">write stuff about your picture here...</div>

--
dorayme
.

Relevant Pages

  • Re: IE/Firefox XHTML Strict
    ... The http headers may reveal that the content-type of the css is not type/css. ... Here is the HTML: ... You have a 5 level deep nested divs and every div is styled: so, it become extremely difficult to figure out exactly what you are actually coding for. ...
    (alt.html)
  • Re: Massive HTML coding errors
    ... that a validator wouldn't comment on, ... The DTD at the top of your HTML code is invalid! ... those for your images, and a width of, say, 50% for the div that starts ... You need to be more careful when defining "font-family". ...
    (comp.infosystems.www.authoring.html)
  • Re: node.innerHTML = ... not working in IE
    ... > place the suggest_box div node right next to the textbox so ... So why not set the inner HTML before you insert the node (or use W3C DOM ... > thrown on line 10 in CODE SAMPLE 1): ... P element also has an optional closing tag, which may be implied by the ...
    (comp.lang.javascript)
  • Proper use of HTML and CSS
    ... These lines were inspired by the "DIV without line breaks" posted by ... If you think of the innerText property that just about any html element ... could use a very simple css rule instead: ... and then use the className in the comparison routine. ...
    (comp.infosystems.www.authoring.html)
  • Re: node.innerHTML = ... not working in IE
    ... > any indication of how the javascript is interacting with the HTML. ... >> place the suggest_box div node right next to the textbox so ... > opening P tag encountered within a P element will imply that P element's ...
    (comp.lang.javascript)