Rate this content overlaps content on page...

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/14/2011 2:53:56 PM
Phill
Gravatar
Total Posts 383
View Posts
Thanks Squire Dude

Rate this content overlaps content on page...

Hi,

I noticed that on pages where the user can "Rate This Page" it is mixed in with the page content.  I have Blog pages where the Writers name appears, that is okay, BUT directly under that is the rating section... to NOT have this mixed up with the content I have to put several spaces at the top of the content in the editor...  Very messy!

Is there a way of setting the margin or space surrounding the "Ratings" so this overlap does not occur?

Thanks
Phill

example: http://www.allislander.com/blogs.aspx

1/14/2011 3:05:40 PM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: Rate this content overlaps content on page...

Hi Phill,

Add this to your css:

.ratingcontainer {
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    margin: 10px 10px 30px 30px;
    padding: 10px;
}
 
HTH,
Joe D.
 
1/14/2011 3:22:08 PM
Sadegh Samarian
Gravatar
Total Posts 51
View Posts
Share our knowledge,Take world in our hands.

Re: Rate this content overlaps content on page...

Hi Phill,

I think if you use of Fire Bug in Fire Fox browser, you can solve many of your problems about skins and CSS.

For this, I recommend you again that use of Fire bug. I sure you interesting it !!

Best.

1/14/2011 3:51:05 PM
Phill
Gravatar
Total Posts 383
View Posts
Thanks Squire Dude

Re: Rate this content overlaps content on page...

Sadegh & Joe D.

Thanks, Joe's solution resolved the Ratings issue perfectly.

For all these additions and overrides could I have created another CSS file (i.e. style-NameofSite-overrides.css) and have it included in with the css combiner?

Thanks guys

Phill

PS

Okay as much as I have Firefox I'll look into it!  I was hoping I could use IE's "Developer Tools"!

1/14/2011 3:54:54 PM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: Rate this content overlaps content on page...

Hi Phill,

Yes, you can include all of your changes in a different file and then put a reference to that file in the style.config inside of your skin.

You would simply add the following:

<file>style-NameOfSite-overrides.css</file> above the closing </files> tag.

HTH,
Joe D.

1/14/2011 4:34:36 PM
Sadegh Samarian
Gravatar
Total Posts 51
View Posts
Share our knowledge,Take world in our hands.

Re: Rate this content overlaps content on page...

Phill,

I use of "IE's Developer Tools", and sure that fire bug in firefox is better than Developer Tools in IE.

I using Developer Tools only for problems that happened just in IE.

I hope you use fire bug soon!

Best!

1/14/2011 4:42:10 PM
Joe Davis
Gravatar
Total Posts 2239
View Posts

Re: Rate this content overlaps content on page...

I agree with Sadegh. FireBug is a lot better than the IE Developer Tools.

1/14/2011 4:58:58 PM
Phill
Gravatar
Total Posts 383
View Posts
Thanks Squire Dude

Re: Rate this content overlaps content on page...

Okay... okay... you guys beet me up enough for one day... I'll download it tonight... oh! its Friday and happy hours I  probably will not be worth a damn after that... so I'll download and install it tomorrow... thanks guys really.

 

I like the idea of having this sites style overrides style sheet so if I create another I know which are the most likely settings to change and not have to try and remember where and in which file each one hangs out in.

Thanks guys

Phill

You must sign in to post in the forums. This thread is closed to new posts.