Google Community Chat
 
CSS question

You're visiting Google Community as a guest.
In order to post, you'll need to register and log in.

(If you were registered and logged in, these advertisements wouldn't be here)
Post new topic   Reply to topic    Google Community Forum Index // Web Design, Coding & Programming Forum
   
Author Message
losingthespacerace
Junior Googler
Junior Googler


Joined: 11 Oct 2004

1439.45 GC$

Items

PostPosted: Thu Oct 14, 2004 7:51 am    Post subject: CSS question Reply with quote
I'm working on a 3 collum templet, the collums as of right now ar solid color and squire.
Question one, hot do I round the corners of the columns?
2... Ummm.. forgot the other question when I think of it all be back.

Oh ya now I remeber, how to I put just 4 or 5 pix of space between collums?

Sorry if I sound ignorant, this is my first stab at css.
_________________
http://losingthespacerace.blogspot.com
Back to top
View user's profile Send private message Visit poster's website
neno.tu
Google Freak
Google Freak


Joined: 10 Oct 2004
Location: Caracas - Venezuela
5951.00 GC$

Items

PostPosted: Thu Oct 14, 2004 8:03 am    Post subject: Reply with quote
1) Making Round Borders:

Create an Image for every corner...

Then create a table and in the first and last row create 2 cels... one in each corner... then make the Round image the cels background...

That's the way people do it man, no CSS involded...

2) Margin Layers:

CSS:

layer1 margin-right: 5px
layer2 margin-right: 5px

the thrid one doesn't need margin...

Give it a shot...

It would be easier to have a link man...
_________________


NenO-tU Freelancer Web Designer and Programmer
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
darrenstraight
Site Admin & Platinum Member
Site Admin & Platinum Member


Joined: 25 Jul 2004
Location: England
173385.09 GC$

Items

PostPosted: Thu Oct 14, 2004 8:13 am    Post subject: Reply with quote
Check out this links for rounded corners:

Two of them use only css with no images while one of them uses images.

http://www.sitepoint.com/article/rounded-corners-css-javascript

http://search.atomz.com/search/?sp-q=rounded+corners&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All

http://www.yourhtmlsource.com/tables/roundedcorners.html
_________________
My Blog | Microsoft Discussion
Back to top
View user's profile Send private message Visit poster's website
intelliot
Site Admin


Joined: 01 May 2004

18653.45 GC$

Items

PostPosted: Thu Oct 14, 2004 4:13 pm    Post subject: Reply with quote
With Firefox you can use -moz-border-radius: 10px; for example as in http://walnutsolar.org/blog/
This doesn't work in IE, however - it just shows as square corners.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
neno.tu
Google Freak
Google Freak


Joined: 10 Oct 2004
Location: Caracas - Venezuela
5951.00 GC$

Items

PostPosted: Thu Oct 14, 2004 4:55 pm    Post subject: Reply with quote
Yeah but people can't make web sites to just look fine on FireFox (neither IE)

So there's the real problem! Sad
_________________


NenO-tU Freelancer Web Designer and Programmer
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Ashes
Senior Googler
Senior Googler


Joined: 26 Sep 2004
Location: Bosom of Dixie
1601.05 GC$

Items

PostPosted: Thu Oct 14, 2004 6:53 pm    Post subject: Reply with quote
neno.tu wrote:
1) Making Round Borders:

Create an Image for every corner...

Then create a table and in the first and last row create 2 cels... one in each corner... then make the Round image the cels background...

That's the way people do it man, no CSS involded...


No, that's how crappy ill informed web developers do it.

First you don't use tables except for tabular data.
You can use a div for each column and then set a width to determine how large they are, setting the margin between them gives you the space between the columns.

To have rounded corners you make the images and then set them using background-image.

Can you say standards and cross-browser compliant?

Here's a quick example:
Rounded corner three column layout.

The center column doesn't have rounded corners because I'm lazy so you can see the diffrence between rounded and normal.
_________________
This is a sig. Isn't it nice?
pushing through [dot] com
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address MSN Messenger ICQ Number
losingthespacerace
Junior Googler
Junior Googler


Joined: 11 Oct 2004

1439.45 GC$

Items

PostPosted: Thu Oct 14, 2004 9:08 pm    Post subject: Reply with quote
I got it, thanks for the help. To do it in css is a pain, but I got it. I only rounded the top to corners though, but since it's a blog very few will scroll all the way to the bottom.

Thanks.
_________________
http://losingthespacerace.blogspot.com
Back to top
View user's profile Send private message Visit poster's website
darrenstraight
Site Admin & Platinum Member
Site Admin & Platinum Member


Joined: 25 Jul 2004
Location: England
173385.09 GC$

Items

PostPosted: Thu Oct 14, 2004 11:28 pm    Post subject: Reply with quote
Your welcome,

I'm checking out your blog now.
_________________
My Blog | Microsoft Discussion
Back to top
View user's profile Send private message Visit poster's website
losingthespacerace
Junior Googler
Junior Googler


Joined: 11 Oct 2004

1439.45 GC$

Items

PostPosted: Thu Oct 14, 2004 11:44 pm    Post subject: Reply with quote
The new template isn't up yet, check back tomorrow. I've still got a few things to work you on it. Hey but thanks for the intrust.
_________________
http://losingthespacerace.blogspot.com
Back to top
View user's profile Send private message Visit poster's website
neno.tu
Google Freak
Google Freak


Joined: 10 Oct 2004
Location: Caracas - Venezuela
5951.00 GC$

Items

PostPosted: Fri Oct 15, 2004 5:58 am    Post subject: Reply with quote
Nice.. .very nice... did it great congrats.!
_________________


NenO-tU Freelancer Web Designer and Programmer
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
losingthespacerace
Junior Googler
Junior Googler


Joined: 11 Oct 2004

1439.45 GC$

Items

PostPosted: Fri Oct 15, 2004 1:51 pm    Post subject: Reply with quote
The one at the website isn't the templete I've been working on, (I wish) it's one provided by blogger) I hope to have the real one up in a few hours.
_________________
http://losingthespacerace.blogspot.com
Back to top
View user's profile Send private message Visit poster's website
Sponsored Links
Posted: 5 Dec 2008 9:05 am    Post subject: Advertisements
Back to top
Post new topic   Reply to topic    Google Community Forum Index // Web Design, Coding & Programming Forum All times are GMT - 8 Hours
Page 1 of 1


 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
Host your free forums with Invision Plus.net forum web hosting with your own subdomain.

alexisBlue v1.2 // Theme Created By: Andrew Charron // Icons in Part By: Travis Carden

© 2005-2006 Google Community

Powered by phpBB

Privacy Policy | Contact Us

Powered by Google Search blog

This website is not affiliated in any way with Google, Inc.
Google™ is a registered trademark of Google, Inc.