dominic600 Posted August 10, 2011 Share Posted August 10, 2011 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! Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/ Share on other sites More sharing options...
Maq Posted August 10, 2011 Share Posted August 10, 2011 Wrong section... I'll move it. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255460 Share on other sites More sharing options...
JasonLewis Posted August 10, 2011 Share Posted August 10, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255481 Share on other sites More sharing options...
dominic600 Posted August 10, 2011 Author Share Posted August 10, 2011 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> Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255500 Share on other sites More sharing options...
cssfreakie Posted August 10, 2011 Share Posted August 10, 2011 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/ Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255555 Share on other sites More sharing options...
dominic600 Posted August 10, 2011 Author Share Posted August 10, 2011 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 Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255561 Share on other sites More sharing options...
cssfreakie Posted August 10, 2011 Share Posted August 10, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255571 Share on other sites More sharing options...
dominic600 Posted August 10, 2011 Author Share Posted August 10, 2011 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.. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255593 Share on other sites More sharing options...
cssfreakie Posted August 10, 2011 Share Posted August 10, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255597 Share on other sites More sharing options...
dominic600 Posted August 11, 2011 Author Share Posted August 11, 2011 yeah man! that really cleaned up my code lol but thanks for the imput it now looks decent now haha Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255676 Share on other sites More sharing options...
cssfreakie Posted August 11, 2011 Share Posted August 11, 2011 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 Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1255878 Share on other sites More sharing options...
dominic600 Posted August 11, 2011 Author Share Posted August 11, 2011 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 Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1256018 Share on other sites More sharing options...
crmamx Posted August 17, 2011 Share Posted August 17, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1258822 Share on other sites More sharing options...
JasonLewis Posted August 18, 2011 Share Posted August 18, 2011 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. Quote Link to comment https://forums.phpfreaks.com/topic/244433-how-to-get-rounded-corners/#findComment-1258893 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.