Page 1 of 1
Cant get border around images...
Posted: Thu Aug 10, 2006 4:45 am
by kolbyk
Hello, I am new to CMS Made simple. On my first page,
http://drurysga.com/cmsmadesimple/index.php/home on the 2006-07 SGA General Assembly picture, I can not seem to get a border around it. I would simply like a 1 pixel black border around the picture. I have tryed adding a border through both the FCKeditor's build in image properties options as well as the source code.
When looking at the code it appears the border="1". However, looking at the page there is no border around the picture.
Anyone have any ideas?
Thanks!
Re: Cant get border around images...
Posted: Thu Aug 10, 2006 8:25 am
by Nogga
Try to use CSS-Styles:
1. Right click on the image
2. Properties
3. Click on the last tab in the popup (maybe Advanced - I've got the German version

)
4. Define your Style in the Last Textbook
A border is styled this way:
"border: size style color;" (without "")
For example:
"border: 1px solid black;"
or
"border: 2px dashed #FFFFFF;"
Re: Cant get border around images...
Posted: Thu Aug 10, 2006 9:39 am
by Dr.CSS
Try this...
#main img{
border-top: 4px solid #e6e6e6;
border-right: 3px solid #bfbfbf;
border-bottom: 3px solid #bfbfbf;
border-left: 4px solid #e6e6e6;
padding: 0 1px 1px 0
}
Re: Cant get border around images...
Posted: Tue Oct 03, 2006 12:38 pm
by cnymike
I've just experienced this "problem" too.
Why aren't the attributes specified for images in the editor, displayed on the webpage? The source code clearly reveals that the relevant code is there...hspace, vspace, border, etc Yet the image as displayed in the browser is not altered in any way. What is causing this? Is the Template CSS overriding whatever is specified in the image properties of the editor?
Michael
Re: Cant get border around images...
Posted: Tue Oct 03, 2006 3:08 pm
by Dr.CSS
Actually I believe in the latest version there is a call for no borders on images...
/*
if img is inside "a" it would have
borders, we don't want that
*/
img {
border: 0;
}
Re: Cant get border around images...
Posted: Tue Oct 03, 2006 3:33 pm
by cnymike
I don't understand why there is to have the capability to add borders, horizontal spacing, vertical spacing, etc in the editor if it is just being ignored by CSS rules elsewhere.
Re: Cant get border around images...
Posted: Thu Oct 05, 2006 8:13 pm
by NightFire
Try using !important at the end (such as border: 1px solid #000 !important;). I couldn't get the H2 in the news module to work properly until I did this. I am guessing that the news H2 comes before the layout H2. This maybe the same problem here.
Re: Cant get border around images...
Posted: Thu Oct 05, 2006 10:17 pm
by Dr.CSS
I put the changes to default or other calls above the defaults in the typo CSS so every thing that is not default gets called first and all else gets default style.
I've found that #news h2 {font-size etc. etc.} works well this way. some times it helps to put them in the order they appear in the template.