Cant get border around images...

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
kolbyk
New Member
New Member
Posts: 8
Joined: Thu Aug 10, 2006 4:33 am

Cant get border around images...

Post 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!
Nogga

Re: Cant get border around images...

Post 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;"
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Cant get border around images...

Post 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
}
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Cant get border around images...

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Cant get border around images...

Post 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;
}
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Cant get border around images...

Post 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.
NightFire
Forum Members
Forum Members
Posts: 10
Joined: Tue Oct 03, 2006 8:57 pm

Re: Cant get border around images...

Post 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Cant get border around images...

Post 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.
Post Reply

Return to “Layout and Design (CSS & HTML)”