SitePoint Sponsor |
|
User Tag List
Results 1 to 9 of 9
Thread: site borders
-
Aug 6, 2009, 16:31 #1
- Join Date
- Jun 2009
- Posts
- 50
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
site borders
ok they aren't borders in strictest of senses, but if i've got a navigation bar, and a horizontal title bar (the same colour) how could i round off the corner between the two?
(so that the nav bar swoop round and all the way to the top right hand corner.)
cheers!
nick
-
Aug 6, 2009, 17:42 #2
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Aug 6, 2009, 18:02 #3
- Join Date
- Jun 2009
- Posts
- 50
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
don't i know it
nah, the problem is i'm not trying for a rounded border, I'm trying for a rounded edge between my navigation bar and top title bar. - This is a little difficult to 'google'! (imo - maybe not!)
given that i'm a newbie, and that 1 at least is just a jpg that i've positioned, and that i want to 'join' both sections with an arc, this confuses me. i was looking for a little clarification.
can i just make a 'shape' in PS and place it absolutely? (ie right on the first pixel - top left?) how can i then dictate how far that image stretches?
so in my current navigation setup i just go (css)
#nav {
height: 100%
width: 'x'
}
for the navigation menu
and i've just put a border round the body content for the top title colour/segregation (ie to make a border at the top of my page)
but obviously if this is an image that spans both the x and y axis this makes it more difficult (because i assume the image would have to be square, not 'L' shaped.
Maybe I'm wrong - as I said, I'm a newb!
sorry if this isn't exactly easy to understand - i'm not sure of the 'technical' terms!
Nick
-
Aug 7, 2009, 06:30 #4
- Join Date
- Oct 2005
- Location
- London, England
- Posts
- 215
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I can't quick understand what you're trying, can you maybe photoshop up a quick illustration of what you're trying to achieve?
-
Aug 7, 2009, 08:13 #5
- Join Date
- Jun 2009
- Posts
- 50
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
i will do - but first let me try this:
colour in the area that has your avatar and post count etc (from the green dot up to 'today, 0630'). now draw a line under what you have written, all the way across the screen. colour everything above that line the same colour as the avatar area.
the two areas meet just below and to the left of "I can't".
but they meet at a right angle. i want to make an arc from say the 'q' of 'quick' to about where brian's head is.
make sense?
if not i'll draw it - cheers for trying to understand!
nick
-
Aug 7, 2009, 18:48 #6
- Join Date
- Jun 2009
- Posts
- 50
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
really? no one understands that ****?
i'll get the scanner out
-
Aug 8, 2009, 06:02 #7
- Join Date
- Jul 2007
- Location
- Manchester UK
- Posts
- 9
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
is this what you meant?
-
Aug 9, 2009, 03:09 #8
- Join Date
- Jul 2007
- Location
- Manchester UK
- Posts
- 9
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
If that is what you were after this is how I did it in PSP7
http://www.plusplace.co.uk/temp3.html
-
Aug 9, 2009, 05:48 #9
- Join Date
- Jun 2009
- Posts
- 50
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
cheers!
my only real problem is that i don't know how exactly to put that on my site. i've read about 'slicing' on this site, http://www.sitepoint.com/article/des...ite-photoshop/ but have been told its not the best way to go. - i think because you can't use CSS (which is what I am doing).
Sorry if this is a bit basic!
cheers for the help,
Nick
Bookmarks