Hi,

I've started attempting to format my content on each page more correctly...so I've also begun using image classes for any images I include in my article.

However, I find that the .image-left & .image-right classes remove the side margins when the browser is shrunk - is this a mistake because now the content sticks to the side of the image?



I haven't looked at all your class implementations yet but maybe you guys might want to revisit all the image classes again, if possible?

Regards,
Aadil

Hi Aadil,

Is this site live?

cheers
Paul

Hi Paul,

This is a local wamp site...have been working on it to iron out all the bugs (as it will need to replace a previous jb t3 template - base3 I believe).

Regards,
Aadil

Ok but is the version the latest buildr version?

Cheers
Paul

Yes, it's 1.3.2

Aadil

Which pre-set are you using?

Is it koan?

Cheers
Paul

Do you also get the same if you use the floatleft and floatright

Cheers
Paul

Nope, it's Base4 - all threads I've opened are associated with this Base4 Buildr installation.

Aadil

I just tried floatleft via the browser inspect tool, by editing the class via the browser, and that does seem to work.

Those seem like the classes to use, thanks!...however, what would the img-left and img-right classes be used for then (if not for images in the content)?

Aadil


Regards,
Aadil

Hi Aadil,

Do you have an example of img-left or img-right on a demo site?

Cheers
Paul

Sure Paul but it's on my local installation - the screenshot above is of this class in action.

Aadil

I didn't think we used this class on a demo site other than T3

Have you seen this on a joomla Bamboo zgfv4/5 demo site?

Cheers
Paul

I've only used 3 or 4 templates in total from you guys this far and in my local Buildr installation, I've only noticed this class now (now that I'm attempting to structure the content properly).

The class came up in the JCE editor in the list of classes...so I thought it was the correct class to apply to images.

I haven't looked at the code in any other template so I haven't actually noticed this class anywhere else.

Aadil

There are some classes that are available but we don't use

I'll have a closer look in the morning

Cheers
Paul

Hi Paul,

I implemented the 'floatleft' class via the actual article now. It seems that the margin values on the sides are percentage based and hard-coded at 3% (which isn't ideal when, for example, you have a list next to an image) - are there any other classes that might be better to use for images?

The floatleft class in context:



The list is too close to the image in this shot:



Aadil

Hi Aadil,

There isn't any class in the code - having a list next to an image can be a problem and would depend on the list element used e.g. ol, ul or dl

You could try adding overflow or list-style-position: inside; on the tag

Cheers
Paul

Thanks Paul,

I'll have a go at implementing those and see how it turns out.

The thing with using these classes, to format article content better, is that I don't really know how many classes there are to use - could you guys maybe look at adding these classes to your docs (or the blankly theme) so there's some reference point in future?

For example, I don't think the .divider class is listed anywhere (I happen to see you guys using it on your demo pages though) and also, I don't think the image classes are available anywhere.

I'm not sure if I missed others yet.

Regards,
Aadil

Hi Aadil,

Yes I think this is a good idea - we do have a lot to fix and update but I definitely think this is something we should look at doing

We could add to blankly and to a docs page

Cheers
Paul