Dreamwidth profiles; image floating

[darkoshi]

This explains why my HTML and CSS tags weren't working right on the Dreamwidth profile page.

To maximize cross-browser compatibility and make the site more accessible for people with disabilities, we use CSS (Cascading Style Sheets) to strip all browser default styling from many HTML tags on site-skinned pages.

The default CSS used on the page seems to override any non-CSS formatting attributes which you might include, and if you include any CSS "style" attributes, they get stripped out.

That said, if you include an "img" tag with class="profile", it will use these CSS settings:

.profile {
float: left;
margin-right: 70px;
}

thereby letting your text float to the right of the image, with a padding of 70 pixels between them.


On a rather unrelated note, here are some interesting floating staircases.

Comments

[bl1nds33r]

Thanks so much! This explanation was really helpful. ^__^

[fragilistikal.livejournal.com]

Hiya! Do you do webpage design? I have someone on my flist who's been struggling with her portfolio and is asking for advice...

[darkoshi]

Not really, except for my own webpages. I'm better at answering technical questions, than providing general design advice (I've been thinking lately about how outdated my own website looks, and that I should completely redo it).