LinuxQuestions.org
Download your favorite Linux distribution at LQ ISO.
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices


Reply
  Search this Thread
Old 11-14-2008, 11:31 AM   #1
KingPanda
LQ Newbie
 
Registered: Sep 2008
Posts: 13

Rep: Reputation: 0
Question Web development / css type question


I didn't know where to throw this question, but it regards the Debian.org website, so I'll ask here.

I am trying to increase my knowledge as a web developer and something that I am not clear on is how to get rounded table edges (without using image background files such as png). An example of this can be seen if you go to Debian.org and look at their two main menus. The edges are rounded on both the top and side menus, but I see no reference to image files in the page source or in the debian.css style sheet. I find the colors of the menus in the css file but I can't figure how they specified a rounded edge.

How's it done?
 
Old 11-14-2008, 12:06 PM   #2
KingPanda
LQ Newbie
 
Registered: Sep 2008
Posts: 13

Original Poster
Rep: Reputation: 0
Nevermind, I found out how:

table {
\-moz-border-radius: 0.5em;
}


but it only works with Mozilla browsers
 
Old 11-17-2008, 08:34 AM   #3
jstephens84
Senior Member
 
Registered: Sep 2004
Location: Nashville
Distribution: Manjaro, RHEL, CentOS
Posts: 2,098

Rep: Reputation: 102Reputation: 102
I am sure you know but I just want to post a reminder that this will only work for mozilla clients. IE 7 will not display them as round edges.
 
Old 11-17-2008, 09:06 AM   #4
dive
Senior Member
 
Registered: Aug 2003
Location: UK
Distribution: Slackware
Posts: 3,382

Rep: Reputation: Disabled
That looks kind of neat - but does this mean a non-standard css attribute? Is firefox going the way of IE?
 
Old 11-17-2008, 11:26 AM   #5
XavierP
Moderator
 
Registered: Nov 2002
Location: Kent, England
Distribution: Debian Testing
Posts: 19,192
Blog Entries: 4

Rep: Reputation: 475Reputation: 475Reputation: 475Reputation: 475Reputation: 475
Moved: This thread is more suitable in Programming and has been moved accordingly to help your thread/question get the exposure it deserves.
 
Old 11-17-2008, 12:01 PM   #6
jstephens84
Senior Member
 
Registered: Sep 2004
Location: Nashville
Distribution: Manjaro, RHEL, CentOS
Posts: 2,098

Rep: Reputation: 102Reputation: 102
Quote:
Originally Posted by dive View Post
That looks kind of neat - but does this mean a non-standard css attribute? Is firefox going the way of IE?
In a way I would say kind of. But I would go for the more standard way even if it meant more work. But that is just me. I want the features to work on all browsers.
 
Old 11-17-2008, 12:15 PM   #7
paulsm4
LQ Guru
 
Registered: Mar 2004
Distribution: SusE 8.2
Posts: 5,863
Blog Entries: 1

Rep: Reputation: Disabled
Here are a couple of good summaries of the "moz-border-radius" CSS element:

http://www.the-art-of-web.com/css/border-radius/
http://reference.sitepoint.com/css/moz-border-radius

It's fully supported on Firefox (1.5 and 2) and Safari; it's still *not* supported as of IE7 (I don't know about the new IE 8.0 beta yet).

Here are some alternatives for IE:

http://swik.net/qooxdoo/qooxdoo+news...it+in+IE/b224g
http://blogs.msdn.com/ie/archive/2005/06/23/431980.aspx
http://blue-anvil.com/jquerycurvycorners/test.html
 
  


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
LXer: Web 2.0 Colors CSS Template LXer Syndicated Linux News 0 08-05-2007 01:46 AM
LXer: Transcending CSS: The Fine Art of Web Design LXer Syndicated Linux News 0 12-27-2006 01:54 AM
LXer: CSS Web Site Design: Hands-On Training LXer Syndicated Linux News 0 11-18-2006 01:21 PM
LXer: IBM Web-Hosted Tool for Rapid Web Development LXer Syndicated Linux News 0 09-28-2006 02:54 PM
CSS Question iammisc Programming 2 12-19-2005 12:44 PM

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

All times are GMT -5. The time now is 02:20 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