mindapolis Posted June 28, 2012 Share Posted June 28, 2012 Hi, I'm doing a website in HTML5 for the first time. Most of the concepts are easy but I'm having trouble understanding how to get a oval on the page. I understand the CSS behind it but how do you get the shape on the page? Do you have to use the canvas to draw it? Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/ Share on other sites More sharing options...
Rage Posted June 28, 2012 Share Posted June 28, 2012 <div id=""></div> Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/#findComment-1357645 Share on other sites More sharing options...
haku Posted June 29, 2012 Share Posted June 29, 2012 Hi, I'm doing a website in HTML5 for the first time. Most of the concepts are easy but I'm having trouble understanding how to get a oval on the page. I understand the CSS behind it but how do you get the shape on the page? Do you have to use the canvas to draw it? You can use an image, you can draw it on a canvas, you can draw it in SVG and you can draw it in VML. You can even do it purely in CSS, though it's quite a bulky process. It really depends on what you are trying to do. Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/#findComment-1357927 Share on other sites More sharing options...
booxvid Posted July 26, 2012 Share Posted July 26, 2012 You can draw it or CSS would be a good help for you. Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/#findComment-1364569 Share on other sites More sharing options...
Mahngiel Posted July 26, 2012 Share Posted July 26, 2012 You can even do it purely in CSS, though it's quite a bulky process This is a great resource for all sorts of shapes. http://css-tricks.com/examples/ShapesOfCSS/ Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/#findComment-1364634 Share on other sites More sharing options...
marcus_epik Posted August 9, 2012 Share Posted August 9, 2012 If you go into a image editing program such as photoshop, fireworks, expression design or even paint and draw an oval. Then save it into a folder called images with a name as "oval.jpg" then if your webpage should look something like this this: <html> <head> </head> <body> <div style="background-image:url('/images/oval.jpg')"></div> </body> </html> or even: <html> <head> </head> <body> <div"><img src="/images/oval.jpg" alt="oval"/> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/264911-hello-newbie/#findComment-1368212 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.