The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Quote box outline

View previous topic View next topic Go down

Solved Quote box outline

Post by sykog on September 7th 2012, 1:10 am

So I'm trying to make the quote box outline to have a rounded border, and not a box shape


This is what it looks like now:

Code:
blockquote {
    background: url("http://i43.servimg.com/u/f43/14/73/12/96/quote_11.png") no-repeat scroll 1px 5px #333333;
    outline-color: #042975;
    outline-style: solid;
    outline-width: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    font-size: 0.95em;
    margin: 0px 0px 5px 0px;
    overflow: hidden;
    padding: 0px;
    opacity: 0.7;
    font-style: oblique;
    margin-left:10px;
    margin-top:10px;
    background-color:transparent;
}
And this is the coding for it to appear that way. Any help?

sykog
New Member

Posts : 11
Reputation : 2
Language : English

Back to top Go down

Solved Re: Quote box outline

Post by sykog on September 7th 2012, 9:16 pm

That did not work, I'm afraid. It still looks the same.

sykog
New Member

Posts : 11
Reputation : 2
Language : English

Back to top Go down

Solved Re: Quote box outline

Post by LGforum on September 7th 2012, 11:10 pm

Well your missing something here. Your using an outline and trying to round it using border-radius.

So what you need, is a border, not outline. Wink

Just switch these 3 lines:
Code:
        outline-color: #042975;
        outline-style: solid;
        outline-width: 2px;

For this:
Code:
border: 2px solid #042975;

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Quote box outline

Post by sykog on September 9th 2012, 4:34 am

I started out just using a border, but that never showed up, and it still won't.

sykog
New Member

Posts : 11
Reputation : 2
Language : English

Back to top Go down

Solved Re: Quote box outline

Post by sykog on September 11th 2012, 6:07 am

So if I can't round an outline, which code would I use to change the color of my border?

EDIT: Nevermind I got it figured out.

sykog
New Member

Posts : 11
Reputation : 2
Language : English

Back to top Go down

Solved Re: Quote box outline

Post by Sanket on September 12th 2012, 7:08 pm

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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