The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS glitch

4 posters

The forum of the forums :: Miscellaneous :: Garbage

Go down

CSS glitch Empty CSS glitch

Post by Soulmonster February 15th 2013, 6:17 pm

I recently used the following code to fix some problem with rounded corners of the .div.body element

Code:
span.corners-top {
    display: none !important;
}
span.corners-bottom {
    display: none !important;
}

But unfortunately it created another small glitch.

Before:
CSS glitch Utennavn-4_zps720e4066

After:
CSS glitch Utennavn1_zpsbecf9308
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 6:19 pm

Soulmonster wrote:I recently used the following code to fix some problem with rounded corners of the .div.body element

Code:
span.corners-top {
    display: none !important;
}
span.corners-bottom {
    display: none !important;
}

But unfortunately it created another small glitch by deleting the bottom border of my categories.

Before:
CSS glitch Utennavn-4_zps720e4066

After:
CSS glitch Utennavn1_zpsbecf9308
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Sanket February 15th 2013, 6:20 pm

I think that will remain, either changes for both or none.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 6:22 pm

Sanket wrote:I think that will remain, either changes for both or none.

But it is weird. On the .div.body it adds corners, while on the category the same code removed both the corners and the bottom part of the border. It sort of makes no sense...to me at least Wink. What is the "CSS name" of the category element that is the problem here?
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Sanket February 15th 2013, 6:25 pm

I am confused now. Confused
What are you trying to say.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 6:46 pm

Sanket wrote:I am confused now. Confused
What are you trying to say.

What I am trying to say is that the .span.corners code that corrected an issue with corners on div.body CAUSED a problem with corners on the category border (compare the after picture with the before picture above).

What is the "CSS name" for styling the category element that was affected by the code?
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Sanket February 15th 2013, 6:49 pm

The white border radius is what disappeared from both before & after pictures. Nothing wrong with it.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 7:12 pm

Sanket wrote:The white border radius is what disappeared from both before & after pictures. Nothing wrong with it.

Aha. Now I want to style the "category element" that I have been talking about where the corners disappeared. Do you know the "CSS name" of this element?
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by genji watanabe February 15th 2013, 7:21 pm

try this
Code:
.forabg, .forumbg  {
radius css here
}
genji watanabe
genji watanabe
Forumember

Male Posts : 241
Reputation : 20
Language : overflow: hidden;
Location : Asian

http://facewall.forumotion.com

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 7:29 pm

genji watanabe wrote:try this
Code:
.forabg, .forumbg  {
radius css here
}

Thanks, but no, that didn't do anything.

I have styled the categories using the administration panel and it now looks like this:

CSS glitch Utennavn-4_zps0277c161

I would like to style it like the widgets, though, with a border with rounded corners.
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by genji watanabe February 15th 2013, 7:33 pm

in css

.forabg, .forumbg {
border-radius: 8px;
}
genji watanabe
genji watanabe
Forumember

Male Posts : 241
Reputation : 20
Language : overflow: hidden;
Location : Asian

http://facewall.forumotion.com

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 7:36 pm

genji watanabe wrote:in css

.forabg, .forumbg {
border-radius: 8px;
}

I have tried that, it doesn't do anything as far as I can see.
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by SLGray February 15th 2013, 7:41 pm

It could help if you post your forum's address.


CSS glitch Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

CSS glitch Empty Re: CSS glitch

Post by Soulmonster February 15th 2013, 7:44 pm

SLGray wrote:It could help if you post your forum's address.

http://www.saltvannsprat.com/
avatar
Soulmonster
Forumember

Posts : 228
Reputation : 2
Language : Norwegian

Back to top Go down

Back to top

The forum of the forums :: Miscellaneous :: Garbage

 
Permissions in this forum:
You cannot reply to topics in this forum