Hi,
I added a block with simple html code inside. It works fine, but the corners aren't round. They are angled !!!

But blocks, which modules or drupal creates, have rounded corners. What can I do, to get also rounded corners on myself created block ?

greetz ceri008

PS: Sorry for my bad english.

Comments

Jeff Burnz’s picture

Sounds strange, can you supply a link to your site so we can look at the issue first hand?

xG3n1uS’s picture

The Site is--> http://drupal.pc-jugend.org

It's the Block on the right side with title "Teamspeak".

ScoutBaker’s picture

It looks like the teamspeak code that you're pulling in has its own css that is interfering. If you create a "simple" block that doesn't pull in content from somewhere else, does it still do the same thing?

Also, for teamspeak, there's a module you might want to try: Teamspeak

Jeff Burnz’s picture

Add this to your stylesheet (style.css)

#block-block-2 div.content {width: 180px;}

Remember to re-save your theme settings to see the effect.

I only checked this in Firefox 2, so better you check in IE etc, should be fine, but you never know...

techutopia’s picture

Subscribing.
Same issues and adding "#block-block-2 div.content {width: 180px;}" did not resolve for me.
Thanks.
D.

Jeff Burnz’s picture

The block ID is specific to the actual block - you need to substitute the block ID for your blocks ID.

#block-block-2 is the block ID for the specific block in the original posters website....

techutopia’s picture

Thanks for your lightening fast response. ;-)
I'm a bit out of my depth - the issue is just with blocks using the Quicktabs module ('regular' blocks display just fine).
I'm going to go away and try to learn more. ;-)
Thanks again,
D.

Jeff Burnz’s picture

Ok, so a heads up, the block ID will most likely follow this format,

block-module-delta (the delta is usually a number but not always).

So, for Quicktabs I'd expect the block ID's to look something like #block-quicktabs-0

If you view source on your page you can see the block ID in the html, or use Firebug for Firefox and inspect element on the block in question. I am not familiar with the Quciktabs module at all, so you may have to mess about with the widths & CSS a bit, such is life:)

Good luck!

techutopia’s picture

You get my vote for fixer of the year.

Yes, what you said was perfect ...

Many many thanks.

I'm going to try and work on a new tab bar style for Quick tabs that will work with pixture so I hope I can give something back to you guys.

;-)

Dale.

techutopia’s picture

Hi,

Why isn't life more simple? ;-))

The page renders fine with Firefox of course - the browser of choice.
Though in IE the problem remain with the .css fix.

Just thought I'd let you know.

Thanks again,

D.

xG3n1uS’s picture

@Scoutbaker: I can't use the Teamspeak-Modul, because I have Drupal 6 and the modul is only avaible for 5 and 4. If I add a simple Block it is normal with rounded corners.
@others: This .css fix didn't work.

Jeff Burnz’s picture

The CSS fix I have posted most likely doesn't work for you because you are just applying it "as is", I would bet the fix will be a simple redeclaration of a few selectors.

Moreover "didn't work" is not very helpful, its better to give precise details.

@ceri008 Edit: I just tested this again on your site and it does work - perfectly. Are you re-saving the theme settings?

techutopia’s picture

With regards to my #10 post above, the solution to the issue in IE was to add an overflow to the divs in the stylesheet

#block-theblockname-theblobkid div.content {width: 190px; overflow: hidden;}

Hope this helps someone.

Regards,

D.

Jeff Burnz’s picture

Status: Active » Closed (fixed)
xG3n1uS’s picture

sorry that I didn't answer for such a long time. The CSS-fix works fine, thank you all.

alrueden’s picture

I had this problem too. It seems that the underlying issue is an image that is too wide for the block. An alternate fix is to simply scale down the image. 175px worked for me.