LinuxQuestions.org
Share your knowledge at the LQ Wiki.
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > General
User Name
Password
General This forum is for non-technical general discussion which can include both Linux and non-Linux topics. Have fun!

Notices


Reply
  Search this Thread
Old 08-04-2005, 09:32 AM   #1
vharishankar
Senior Member
 
Registered: Dec 2003
Posts: 3,161
Blog Entries: 4

Rep: Reputation: 136Reputation: 136
XHTML/CSS question: how to draw a curved box for a sidebar


I'm trying to design my Debian help page based on the design of the official www.debian.org site.

Of course, I wanted to make the sidebar with curved edges rather than flat. What is the best way to achieve this using purely CSS design with <div> tags?

Regards.
 
Old 08-04-2005, 10:51 AM   #2
Mr. New
Member
 
Registered: Oct 2004
Distribution: Kubuntu and Mac OS X
Posts: 80

Rep: Reputation: 15
I would also like to know, but i would like to add that it is only curved in gecko based browsers (I think)
 
Old 08-04-2005, 05:16 PM   #3
thorn168
Member
 
Registered: Oct 2004
Location: USA
Distribution: Vector Linux 5.1 Std., Vector Linux 5.8 Std., Win2k, XP, OS X (10.4 & 10.5)
Posts: 344

Rep: Reputation: 42
Hari,

I think you have create a gif image to get the curve effect and then use CSS to place the image where you want it on the page. Otherwise you may end up having to code pixel points to acheive the curve effect.
 
Old 08-04-2005, 07:51 PM   #4
vharishankar
Senior Member
 
Registered: Dec 2003
Posts: 3,161
Blog Entries: 4

Original Poster
Rep: Reputation: 136Reputation: 136
Yes, I tried using an image, but it doesn't work out well because images are fixed width and I need the sidebar to be resized according to the browser window width.

Any ideas?

Regards.
 
Old 08-04-2005, 08:24 PM   #5
Mr. New
Member
 
Registered: Oct 2004
Distribution: Kubuntu and Mac OS X
Posts: 80

Rep: Reputation: 15
very bottom of debian.css

Quote:
#leftcol, #navbar, #navbar a, #navbar3, #navbar3 a {
-moz-border-radius: 15px;
/* this goes to the end as the css validator does not like it
will be replaced by border-radius with css3 */
}
so this only works in mozilla
i personally cannot wait till CSS3 is in all major browsers,web design will be fun.
 
Old 08-04-2005, 08:32 PM   #6
vharishankar
Senior Member
 
Registered: Dec 2003
Posts: 3,161
Blog Entries: 4

Original Poster
Rep: Reputation: 136Reputation: 136
Yes, thanks a lot. I did somehow feel that that was not an image at all. If it works only with Gecko-based browsers, too bad. I'm going to use it anyway. I don't think too many people with IE will be viewing my Debian site
 
  


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS question PensJunkie Linux - General 2 07-22-2005 05:07 AM
Is there a Linux program that can draw box plots? Baryonic Being Linux - Software 1 02-12-2005 12:14 PM
css question tekmorph Programming 10 09-04-2004 09:21 PM
how to draw curved lines in gimp URGENT!!! tuxfood Linux - Newbie 3 04-06-2004 02:42 PM
Gnome 2.4 Panel curved borders gone? taids Linux - Software 1 11-10-2003 05:24 AM

LinuxQuestions.org > Forums > Non-*NIX Forums > General

All times are GMT -5. The time now is 09:03 PM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration