WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

13 color on the border Empty 3 color on the border Mon Jan 10, 2011 6:41 pm

Matti

Matti
Registered Member
Registered Member
Hi guys,

Is it possible to have 3 color on the border like black, blue and red if so please give me a example.

http://csshelp.forumotion.net/

23 color on the border Empty Re: 3 color on the border Mon Jan 10, 2011 9:19 pm

Guest


Guest
you can make it like this:
HTML:
Code:

<div id="1">
<div id="2>
Content
</div>
</div>
CSS:
Code:
#1 {border:1px solid black;}
#2 {border:1px solid red;outline:1px solid blue;}

33 color on the border Empty Re: 3 color on the border Mon Jan 10, 2011 11:01 pm

Axtrix

Axtrix
Registered Member
Registered Member
You could make it with an image

43 color on the border Empty Re: 3 color on the border Tue Jan 11, 2011 1:22 am

Terry Harvey

Terry Harvey
Registered Member
Registered Member
Gangstar, you missed at the quotation mark after the 2 in the div tag. This is the corrected code:

Code:
<div id="1">
<div id="2">
Content
</div>
</div>

CSS:

Code:
#1 {border:1px solid black;}
#2 {border:1px solid red;outline:1px solid blue;}

53 color on the border Empty Re: 3 color on the border Tue Jan 11, 2011 1:46 am

Guest


Guest
Actually he missed before that quotation mark:

http://www.w3.org/TR/html4/types.html#type-id

63 color on the border Empty Re: 3 color on the border Tue Jan 11, 2011 2:50 am

Guest


Guest
thanx for fixing ;D but i just was hurry Razz

73 color on the border Empty Re: 3 color on the border Wed Jan 19, 2011 12:02 am

Matti

Matti
Registered Member
Registered Member
The css code didn't work for the forum border...

http://csshelp.forumotion.net/

83 color on the border Empty Re: 3 color on the border Thu Jan 20, 2011 11:18 pm

ankillien

ankillien
Administrator
Administrator
It is not possible to add more that 1 borders, I guess. You have to add more HTML elements (may be DIVs) in order to achieve this.

It requires template editing. Dion could suggest some 'trick' to make this easier?

93 color on the border Empty Re: 3 color on the border Fri Jan 21, 2011 1:50 am

Guest


Guest
As I said above, the example given here won't work...IDs cannot start with a number.

I would need more specifics about the problem to know whether this can be done through CSS and have it usable on all browsers.

If IE compatibility isn't important, one could use the CSS3 border-image property to achieve the desired effect. All one needs is the appropriate border image. Example:

Thinking outside the box...it's a good thing. Very Happy   

103 color on the border Empty Re: 3 color on the border Fri Jan 21, 2011 8:42 am

ankillien

ankillien
Administrator
Administrator
Thats cool dion.

The codes above are wrong due to its invalid ID but I think it is a standard solution which can work on all browsers Smile

The border image technique is good as well but won't work in some browsers. Not sure if IE9 supports border image.

113 color on the border Empty Re: 3 color on the border Fri Jan 21, 2011 9:41 am

Guest


Guest
ankillien wrote:The codes above are wrong due to its invalid ID but I think it is a standard solution which can work on all browsers Smile

The border image technique is good as well but won't work in some browsers. Not sure if IE9 supports border image.
IE9 supports the border-image property, as do the current release versions of Firefox, Chrome, Safari, and Opera.

IE8 has partial support for the outline property, and then only if it is in standards mode and a DOCTYPE is declared. That's why I asked for more information...the only solution that will work reliably with all browsers is to use three boxes, each with its own border.

I would use the three-element approach if I were writing code that required such a feature.

123 color on the border Empty Re: 3 color on the border Sat Jan 22, 2011 11:13 pm

Guest


Guest
I added the numbers as an example.

133 color on the border Empty Re: 3 color on the border Fri Feb 11, 2011 11:34 pm

Matti

Matti
Registered Member
Registered Member
This can be locked.

http://csshelp.forumotion.net/

143 color on the border Empty Re: 3 color on the border Sat Feb 12, 2011 10:19 am

Jophy

Jophy
Registered Member
Registered Member
Solved => Locked

http://www.socialtechforum.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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