By OFFMason on
I'm new here (hence my query), I hope you don't find me to be too newbish.

Here it goes:

I recently added TinyMCE to my newly installed drupal. All seems to be okay except for image borders.

I embed an image using the little picture icon in the advanced editor tool bar.

The image is there, size seems to be correct. I'm trying to add a 1px black solid border around the image. I made sure I did it correctly, using both 1 and 1px variants. I even tried to put in 50px to make sure I wasn't blind.

Long story short, the border doesn't show up. Not in preview, not in the final published version either.

I've tried cutting the mark-up and putting it into dreamweaver, and it shows a border.

Really frustrating, so I'm going to stop my tinkering here and let the professionals hug this out.

Thanks for all future responses.

⋅ Categories: Drupal 4.7.x

Comments

OFFMason’s picture

OFFMason commented

The site in question is www.sovietpc.com

OFFMason’s picture

OFFMason commented

Anybody?

thumperstrauss’s picture

thumperstrauss commented

I have the same problem here. I think we have to change setting on the style.css file, but I'm not sure which one. I added a border setting here, but it didn't have any effect:

.node .picture
{
border : 1px solid rgb(221 , 221 , 221);
float : right;
margin : 0.5em;
Padding-right : 10;
Border-color : gray;

Can anyone point us in the right direction?

bobo’s picture

bobo commented

You might have image assist css turned on. I had to turn it off to get rid of black borders.

go to admin > modules > img_assist

Display settings

Include img_assist.css on all pages for styling inline images?:

Change to No

Hope that works.

Simon

thumperstrauss’s picture

thumperstrauss commented

Thanks for the suggestion. But I don't have the img_assist module installed. Never have. I use TinyMCE for my wysiwyg. And I also have IMCE installed.

Chris Star’s picture

Chris Star commented

I don't have tinyMCE now - when I did, I added <img border> to the allowed html tags list and had borders selected using tinyMCE working.

It doesn't work with FCK, however, because of the order FCK writes tags.

Yeah, I know, allowing <img> should be enough. Try it. It's stupid enough to work.

theorichel’s picture

theorichel commented

I have Full Html allowed on my site, but nevertheless I am unable to get borders around images. The IMCE dialog-box show the border in its preview, but then you click update and go to the publication it is not there. Giving the border command directly in html has obviously no preview, but the border doesnt appear in the publication.
Several times the box where you give in the width of the border is totally inaccessible, the box is there, but clicking in it doesnt produce a cursor.

Have been fiddling about with allowed html and found that allowing the border command makes the images disappear altogether. Adding < img border > to the allowed tags has no effect.
Do not have Image assist installed.
Solutions would be greatly appreciated.

theotter’s picture

theotter commented

I've got the same problem. I'm new to Drupal, but this seems pretty plain. The IMCE dialog shows the border, but it never shows up in the TinyMCE area at all, even if you look at the HTML. I even tried adding it in TinyMCE's HTML view, but it doesn't stick. It's almost like TinyMCE doesn't accept "border" as a valid Only local images are allowed. property.

After typing the previous paragraph, I decided to turn off TinyMCE's html validation (it's one of the options when you edit the profile). Now the border property stays in the code, and is there again in the IMCE dialog, but I still don't see my borders.

At this point, for me I suspect it's the garland theme. I'll look into it later and post an update...

Tei’s picture

Tei commented

I fixed the problem on my installation.

Part of my TinyMCE config (don't use!)
extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",

I fixed the problem adding style to the img part on this list
"a[name|href|target|title|onclick],img[style|class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",

now, styles written on the interface, stay.

Tricky’s picture

Tricky commented

I am a new user on Drupal 5 has anyone solved this problem?

bigjim’s picture

bigjim commented

borrowing and answer from here another thread, http://www.drupal.org/node/123368, one looking to eliminate a border

you need to comment out line 18-20 in the modules/system/default.css stylesheet, they set the border for all images to 0

img {
border: 0;
}

datafire’s picture

datafire commented

This fixed it, but that catch-all was in place to prevent borders from being applied to images that are also links..so applying that modification put borders on all of my anchor-tagged images that didn't have style rules explicitly tied to them.

So in addition to commenting out lines 18-20, I added the rule back in again for images within an anchor. Seemed to do the trick.

/* img {
border: 0;
} */
a img {
border: 0;
}

iori57’s picture

iori57 commented

datafire you're a life saver! that did the trick :)