4 replies [Last post]
pablete
pablete's picture
Offline
Regular
CO, España
Last seen: 10 years 40 weeks ago
CO, España
Joined: 2008-09-07
Posts: 11
Points: 0

Hi guys, I'm totally new in the CSS world, just made several tutorials, and instantly though I already knew it all, so I started to make my page layout. But that's when I realized I knew nothing, and started to feel the complexity of the style sheets...

Ok, so first of all, sorry if this very issue has already been discussed, but I can't seem to find it anywhere. This is just a very general question that I need to know.
I'm using dreamweaver by the way.

It's about the border attribute. I'd like to know which is the criteria DW follows to meet the different borders (top, bottom, left and right) when they're 1 pixel wide. It's no big deal if they're all the same color but let's say I want to make them 4 different colors, and I want, for example, the left border overlaps the pixel in the top border. Is there a way to do this?

Also, and maybe the key is here... if the borders are for instance 20 pixels wide, is there a way that they meet each other in an angle other than 45º? (let's say, that the top 20 pixel border overlaps completely the right border)

I guess you have to put aside dreamweaver fot this and dive into the code, but I'm just starting and don't know just where to start with it...

Thanks for your help guys, I hope my somewhat bad English doesn't hinders the understanding of the question...

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 44 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I doubt very much that there

I doubt very much that there is a way for the borders to meet at the corners other than at an angle otherwise they would have to be separate elements, as it is they are drawn based on their parents height and width.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

pablete
pablete's picture
Offline
Regular
CO, España
Last seen: 10 years 40 weeks ago
CO, España
Joined: 2008-09-07
Posts: 11
Points: 0

thanks

thanks for your post Hugo. Actually, my problem is more about my first question, not the second one, I mean, when there's a 1 pixel only border (and there's no actual angle between borders). Here in the attached pic you can see that the top green bar overlaps the black left one, but is overlaped by the red right one, and I was wondering why is it this way, it really is an arbitrary DW thing? or can you change it someway? I am creating a navigation bar with tabs and there's one rebel pixel in one of the border of the tabs I can't seem to tame. Sad

AttachmentSize
borders.gif 10.9 KB
Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 44 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Well the order of the

Well the order of the borders laid out should follow the shorthand order i.e clockwise; top, right, bottom, left.

Other than that I wouldn't be sure as it's not something I can recall having thought about, but an interesting question.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

pablete
pablete's picture
Offline
Regular
CO, España
Last seen: 10 years 40 weeks ago
CO, España
Joined: 2008-09-07
Posts: 11
Points: 0

well, that's what I first

well, that's what I first though but actually it seems to follow a random pattern, for the blue border doesn't overlap the red one as expected by logic. Every border in the pic is on top of and under another one, EXCEPT the red one, which is on top of the other two borders (well, and the blue one, which is under the other two)
Anyway, thanks for spending your time in such a freak question, I guess I'll put it aside for the moment, but if anyone finds out, it'd be great...