Recent Topics

1 Dec 24, 2005 11:07    

I am using "leaf". See <a href="http://www.nathansheets.com">NathanSheets.com</a> for what we're dealing with.

I would be <em>thrilled</em> beyond belief if I could somehow use a simple

<img src="image.jpg" align="right">

to align my image for a word-wrap. Well, technically I can, but the letters are <em>so close</em> to the image that it is uncomfortable. Is there something in the code I can change that will automatically make an invisible border (not a border per-se, but push the text away from the picture a bit) around all images that I use that tag upon?

I know that I can get a wonderful word wrap by making a table, but that is too complicated. Are there any other ways that you can suggest? Thank you! Merry Christmas!

2 Dec 24, 2005 11:25

I have two classes setup in my stylesheet that I use :-

<style type="text/css">
.itfL{
float:left;
margin:0 1em 1em 0;
}

.itfR{
float:right;
margin:0 0 1em 1em;
}
</style>


Then I just use :-
<img src="pic.jpg" class="itfL" alt="floated left" width="##px" height="##px" />
<img src="pic.jpg" class="itfR" alt="floated right" width="##px" height="##px" />

¥

3 Dec 24, 2005 12:53

¥åßßå wrote:

I have two classes setup in my stylesheet that I use :-

<style type="text/css">
.itfL{
float:left;
margin:0 1em 1em 0;
}

.itfR{
float:right;
margin:0 0 1em 1em;
}
</style>


Then I just use :-
<img src="pic.jpg" class="itfL" alt="floated left" width="##px" height="##px" />
<img src="pic.jpg" class="itfR" alt="floated right" width="##px" height="##px" />

¥

Awesome! Would you happen to know which style sheet I place this in? Thank you!

4 Dec 24, 2005 13:22

at a guess I'd say it was skins/leaf/style.css

¥

5 Dec 24, 2005 21:10

¥åßßå wrote:

at a guess I'd say it was skins/leaf/style.css

¥

Hmm, there are three style files, actually. Here is the one that I think it goes in, but to be honest I am not sure how to put the tag you gave me in there. Any suggestions, anyone?

//removed//

6 Dec 24, 2005 21:21

Pasting an entire file is never necessary! Those of us who might be inclinded to answer have either seen them already or know where to get them. Specific bits of files often helps, but generally only if you've changed something and your change isn't working the way you wanted.

natewillsheets11 wrote:

@import url(../../rsc/img.css);	/* Import standard image styles */

That means you can use the stock b2evolution class thingie for wrapping text around an image.

<img src="pic.jpg" class="leftmargin" alt="floated left" width="##px" height="##px" />
<img src="pic.jpg" class="rightmargin" alt="floated right" width="##px" height="##px" />

BTW this question has been asked and answered several times. A bit of [url=http://forums.b2evolution.net/search.php]searching[/url] would have shown you what you were looking for.

7 Dec 24, 2005 22:18

Thanks for explaining that. I actually did do a search and could not find what I was looking for...perhaps I didn't use good enough keywords.

Sorry about pasting the entire file. I was not aware that it would annoy some.

8 Dec 25, 2005 08:14

Searching isn't the most user-friendly function around. The best advice for searchers, now that it's too late to help you, is to click the radio button for "include all words" in the search.

The drawback to posting entire files is that it fills up a page with stuff that really doesn't help. Basically people have to scroll forever to get to the answer. Not good eh? Sometimes a full file helps, especially in the 'plugins and hacks' forum, but not when it's the official version of a file someone can download.

Hey the important thing is that you got the ability to wrap text around your images. I like it when a blog (or boring old fashioned regular web) does it that way, and I'm really glad it's available as part of b2evolution. I wish the image uploader had an option in it do allow the blogger to select left or right or none, and mine does due to hackage, but tween now and then I'm happy that there is an option to type in a class bit and get it to work. This bit depends on having the @include statement! Leaf does, so you're in great shape.


Form is loading...