Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Starting text at top-right of image
Topic Started: Jan 18 2016, 01:47 PM (202 Views)
Eric13579
Member
[ *  * ]

Instead of having to post text either "above" or "below" an image, I would like to start my text at the "top-right border" outside of the image.

Can this be done?
Offline Profile Quote Post Goto Top
 
Epsilekt
Member Avatar
Member
[ *  *  *  *  *  * ]
You mean like in a post or when editing the way your forum looks? I think you could add a code like the following to your forum's CSS. But as far as just doing it straight up on another forum I think the best you'll get is just to the right of the image aligned in the middle not at the top.

CSS Code:
Code:
 
.c_post { vertical-align: top; } .c_post IMG { display: inline; }
Edited by Epsilekt, Jan 18 2016, 02:25 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

We have a documentation on this that may be helpful:
http://docs.zetaboards.com/themes/wraptext
Online Profile Quote Post Goto Top
 
Eric13579
Member
[ *  * ]
Epsilekt
Jan 18 2016, 02:12 PM
You mean like in a post or when editing the way your forum looks? I think you could add a code like the following to your forum's CSS. But as far as just doing it straight up on another forum I think the best you'll get is just to the right of the image aligned in the middle not at the top.

CSS Code:
Code:
 
.c_post { vertical-align: top; } .c_post IMG { display: inline; }
I added the code you provided to my Css.

The code you provided works to a certain extent. It will place the text to the right of the image, at the "middle right" area, not the "top right" area.

I want the text to start at the top-right of the image.

To answer your question, this is for just when I am posting in my own forums.
Helena
Jan 18 2016, 04:10 PM
We have a documentation on this that may be helpful:
http://docs.zetaboards.com/themes/wraptext
This is what I needed....

Thank you both very much for the help. :D
Edited by Eric13579, Jan 18 2016, 04:21 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

You're welcome.

There is another option if you don't want images to nest automatically. You can set up a class BBcode so that the nesting only happens if the poster applies the appropriate BBcode tags.

This is how you do it:

set up class bbcode for nesting images in text (this is how the user would apply the code):
Code:
 
[class=imgright][img]IMGURLHER[/img][/class]


Code: add this to your CSS
 
.bbcode-imgright{
display:inline;
float:right;
padding: 10px;
} /* post images with text wrapping around them - apply to img tag */

.bbcode-imgleft {
display:inline;
float:left;
padding: 10px;
}
Online Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Support · Next Topic »
Add Reply