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? Quote Link to comment Share on other sites More sharing options...
Rage Posted June 28, 2012 Share Posted June 28, 2012 <div id=""></div> Quote Link to comment 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. Quote Link to comment 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. Quote Link to comment 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/ Quote Link to comment 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> Quote Link to comment 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.