CSS Help please :( [Archive]

Xencored

01-29-2011, 10:07 PM

Hey

Am trying to build a box just below my navbar and just about the main forums

Just like Digital Point (http://forums.digitalpoint.com) has Without his awesome custom social mod

So far i have this code

<div class="below_nav"><div class="social_buttons"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="false" width="100"></fb:like></div></div>

but as you can see from my image here

My bar looks nothing like DP's
I have to add CSS to (says dp) <div class="below_nav"><div class="social_buttons"> but i have no idea how and where to start as ive never got into CSS (well i just dont understand it tbh)

So i was wondering if someone had some time to help me sort this out
Many Thanks

Lynne

01-29-2011, 10:38 PM

Xencored

01-29-2011, 11:07 PM

We can't see what it looks like. But yes, you've called a couple of classes - below_nav and social_buttons (and a few others) and you need to add the css for them to your additional.css template. If you use firebug (an add-on for firefox), then you can get the CSS easily using that too.

Yea i tryed firebug didnt seem to work for me (This element has no style rules) whatever that means

This is the image if you cant see it

126225

Thanks

Edit ive done it but the its squared not rounded did i miss something?
http://myanimeisland.com/

i have "-moz-border-radius: 5px 5px 5px 5px;" but there still Square on chome

Cheers

Lynne

01-30-2011, 02:59 AM

For chrome, you also need to add -webkit-border-radius

Xencored

01-30-2011, 12:08 PM

For chrome, you also need to add -webkit-border-radius

Thanks again i would be lost without you :D