how to get rounded corners

[dominic600]

alright so I thought I knew how to do this because I just did it. but for somereason it wont work on my table. like i want the tables to be rounded so it looks alot better, but for some reason I can not get it to work. and because i did all the table and coding for the table in html idk how to link it to my css. ive tried the class property and put "table.'name'" in css but it still did not work. any help would be awesome, thanks!

[Maq]

Wrong section...  I'll move it.

[JasonLewis]

Well, before we can go anywhere may I ask to see some code? How are the borders being applied to the table? To the table tag directly or to child TDs? Perhaps point us to a live example of the issues your having a provide some code for us to look over. But not all your code, just the code calling you troubles.

[dominic600]

theres the code

 

heres the live site

http://tprofiletesting.net23.net/index.php

 

and sorry for putting in the wrong section, i didnt think about it not being php.

 

<hr />
<table border=0 width=1000 bgcolor=#CCC height=220 class"ctntable">
<tr height=150>
<td width=60%>
Here is my 1990, 12 vavle, 4X4, Regular cab, Long bed, Dodge Cummins turbo diesel. It was old man owned and driven. Very clean, runs great! The truck is completly stock, gets around 20mpgs city and close to 30 on the highway.It is all stock, for now, but I have plans of doing many things to it. Truck was used to haul 14k plus of rock on a gooseneck trailer. No rust, and completly undercoated. 3in stock lift. Truck is AMAZING, and not to mention the 12v is known as the "million mile motor" as it will last forever with proper matinance!
</td>
<td width=40%>
<img style="border:2px dotted #545565;" src="images/cummin1.jpg" width=300px height=200px />
</td>
</tr>
</table>

 

 

[cssfreakie]

well you have quite some tables out  there. last time I saw that was around the year 1997.

 

to add a border radius.

just select the table you want and add the border radius.

 

table{
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

 

 

P.s. I said the above for a reason. there are far better ways to style your page without tables. Have a look it to something called a div and the properties float and clear. A great tutorial can be found here: http://css.maxdesign.com.au/floatutorial/

[dominic600]

yeah i tried to get out of the tables but i couldnt figure out how to get it to work out good with my pictures. lol but yeah i need to find another way to make it easier cuase i still have clost to 10 more tables to do lol

[cssfreakie]

yeah i tried to get out of the tables but i couldnt figure out how to get it to work out good with my pictures. lol but yeah i need to find another way to make it easier cuase i still have clost to 10 more tables to do lol

just follow that tutorial I linked to, it will give you some great templates too, to work with for future projects. Tables for layout are usually only used for html emails.

[dominic600]

it looks alot better now lol but now i am stuck with one thing. after i did that now everything is bunched together and idk how to put spaces in between the paragraphs..

[cssfreakie]

You can for now wrap the paragraphs in a div tag. Like so:

 

  <div class="item"> <!-- gave it a special class -->
         <p> your text </p>
  </div>

    <div class="item">

  </div>[/code]

than in css you can add some margin between the divs

 

div.item{margin:10px 0;} /* this means a margin top and bottom and zero at the left and right */

 

Ones you get the hang of it you may want to make the code more efficient, but for now it's already a ton better than  the tables.

 

[dominic600]

yeah man! that really cleaned up my code lol but thanks for the imput it now looks decent now haha

[cssfreakie]

your welcome!, Just checked it though and I saw you are repeating yourself in the stylesheet. No need to make .blog1 .blog2 etc if they all have the same properties. That is the beauty of  classes. You only do that with ID's

[dominic600]

your welcome!, Just checked it though and I saw you are repeating yourself in the stylesheet. No need to make .blog1 .blog2 etc if they all have the same properties. That is the beauty of  classes. You only do that with ID's

 

yeah, but they all have different values. so like i had to go in and changed the css values for each one to get them all to match up lol

[crmamx]

well you have quite some tables out  there. last time I saw that was around the year 1997.

 

to add a border radius.

just select the table you want and add the border radius.

 

table{
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

 

 

P.s. I said the above for a reason. there are far better ways to style your page without tables. Have a look it to something called a div and the properties float and clear. A great tutorial can be found here: http://css.maxdesign.com.au/floatutorial/

 

Damn freakie, you are a genius. I just ran across this and have always wanted to do it. So thought I would give it a try knowing it would not work.

 

Should have known better. freakie's stuff always works.

[JasonLewis]

I'd just like to add that I rarely use the -moz-border-radius property anymore as Firefox now actively supports the border-radius property.