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...
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.
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.
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.
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...