curved corners problem

This is a discussion on "curved corners problem" within the Graphics and 3D section. This forum, and the thread "curved corners problem are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Graphics and 3D

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Sep 9th, 2006, 18:27
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
curved corners problem

iv just downloaded dreamweaver 8 and im trying to make curved corners BUT! i hace a big problem it wont work they way im doing it so i dont know what im doin rong. can any 1 tell me

http://www.freewebs.com/gggggaaaaa/ check it out ull see
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Sep 9th, 2006, 22:44
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

Hey, Bruno.

The issue isn't with your code, it's with your image.
Hence I've re-assigned your thread to the graphics section.

Couple of things;

You'd be better off working with bitmaps but converting the finished image to either jpg or gif to reduce the file sizes.

Have you tried using the 'anti-alias' setting in your image software? This should fix it. If it doesn't, please advise which application, and tools within the app., you are using.

[edit: Incidentally it is incredibly difficult to render a curve using little square blocks (pixels) and, all things considered, those aren't nearly as bad as many I've seen).]
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Sep 10th, 2006, 01:11
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

ok for them i used paint but iv made some gif images in icon lover with the anti what ever it was ill try these then get bak to u....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Sep 10th, 2006, 04:23
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

didn't work.. are you sure its not the coding?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Sep 10th, 2006, 09:39
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

How can it be the code, when it's yer bitmap images that don't look curved?

Dreamweaver is a web page / site building programme.
The square image you posted is made up of bitmap images (Top, bottom, sides and corners).
It's the corner parts of these that you want to curve smoothly.

"Paint" isn't the world's greatest image creation application.
This may be the problem (I don't use it so I'm not sure on this).
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Sep 10th, 2006, 19:36
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

nooooooooooooooo theres spaces inbetween the corners and the rest of it ... i wana get rid of them! not make the corners look more curved
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Sep 10th, 2006, 19:53
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

Quote:
Originally Posted by bruno89 View Post
nooooooooooooooo theres spaces inbetween the corners and the rest of it ... i wana get rid of them! not make the corners look more curved
Quote:
Originally Posted by bruno89 View Post
iv just downloaded dreamweaver 8 and im trying to make curved corners BUT! i hace a big problem it wont work they way im doing it so i dont know what im doin rong. can any 1 tell me

http://www.freewebs.com/gggggaaaaa/ check it out ull see
Oh.
lol

Not sure, but the problem may be due to using tables to lay everything out.
Instead try doing it by using HTML and CSS.
http://www.w3schools.com/
http://www.csszengarden.com/
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Sep 12th, 2006, 14:06
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

lol i thought if i showed you you would get what i ment but i spose i should have sed " theres big gaps " lol anyway no hard feelins every 1 gets stuff rong lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Sep 12th, 2006, 14:08
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Sep 12th, 2006, 17:55
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

That was me by the way... couldn't remember my password earlier
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Sep 12th, 2006, 20:16
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

cant you put them in a table with no borders and a background fill, no padding or spacing and align each element appropriately i.e. top ones aligned to the bottom of the cell etc ?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Sep 13th, 2006, 10:42
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

If you start doing that, you're leaving yourself open later for all sorts of hassles with IE / Firefox discrepencies.
Best to do it in CSS and leave tables alone.

I used to do it myself and am biting the bullet to try and overcome the problem by using CSS too.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Sep 13th, 2006, 11:42
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

Yeah css is definitely best but it's just because he had used all seperate images that i thought he was going to use tables. Try Niftycubes:

http://www.html.it/articoli/niftycube/index.html
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old Sep 13th, 2006, 11:47
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

I think what he wants' to do is have an expanding box using those images.
He's on the right track but he needs to do it in CSS rather than tables (which will fix the container to a set size).

http://www.rnib.org.uk/xpedio/groups...csslayout.hcsp
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old Sep 15th, 2006, 09:39
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

lol iv found a way around it i used each image ad a background instead of just usin img src bla bla bla so thats what 1 thing in about a year if figured out HAHA im stupid and its probably goin aintst all the w3 rubbish but oh well it works
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #16  
Old Sep 15th, 2006, 13:43
Reputable Member
Join Date: Dec 2005
Location: scotland
Age: 27
Posts: 160
Thanks: 1
Thanked 0 Times in 0 Posts
Re: curved corners problem

for future ref this might be useful

http://www.neuroticweb.com/recursos/css-rounded-box/

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #17  
Old Sep 15th, 2006, 14:50
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: curved corners problem

Too bad CSS 3 isn't widely accpted yet. it has corner-radius: woot! and the css 3 multi column thing is uber leet too. ::Sigh::
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #18  
Old Sep 16th, 2006, 10:38
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

Yer kiddin Mooj... I only just found CSS!
Now there's a CSS3, and I missed out completely on CSS2?

*sighs
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #19  
Old Sep 18th, 2006, 13:17
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: curved corners problem

You missed nothing. CSS3 won't be widely enough supported for years. but the column thing is handy.. You can actually specify the height, width, spacing etc in CSS and how many columns the div needs to wrap to. Think about it, long content, no more floating divs heh.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #20  
Old Sep 18th, 2006, 18:07
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: curved corners problem

*phew!
Digg this Post!Add Post to del.icio.us