darkoshi: (Default)
Darkoshi ([personal profile] darkoshi) wrote2012-02-22 10:44 pm

Dreamwidth profiles; image floating

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.
bl1nds33r: (GL33!)

[personal profile] bl1nds33r 2012-03-28 04:30 pm (UTC)(link)
Thanks so much! This explanation was really helpful. ^__^

[identity profile] fragilistikal.livejournal.com 2012-02-24 06:12 pm (UTC)(link)
Hiya! Do you do webpage design? I have someone on my flist who's been struggling with her portfolio and is asking for advice...