Solved

HTML5/CSS - how to create a page with content that has rounded corners

Posted on 2015-02-14
2
95 Views
Last Modified: 2015-02-14
Hi..
I have a simple web page with a background image.  The content is 2 tables with images and text.  How can I make the content 'the page' (the 2 tables) appear with rounded corners.   See the attached file.
Should be simple to do ?

myPage.png
0
Comment
Question by:JElster
2 Comments
 
LVL 14

Accepted Solution

by:
Edwin Hoffer earned 500 total points
ID: 40609833
Hello JElster,

I made a demo for you, please check

<html>
<head>
<style>
body {background-color:yellow;width:1200px;margin:auto;}
.content {border: 5px solid #000;margin-top:50px;border-radius: 15px;background-color:#fff;overflow:hidden;}
.heading {font-size:36;text-align:center;border-bottom: 5px solid #000;}
.text {font-size:36;text-align:center;border-bottom: 5px solid #000;}
.text1 {font-size:36;text-align:center;background-color:#fff;}
</style>
</head>
<body>
<div class="content">
<div class="heading">heading</div>
<div class="text">Text Image Here</div>
<div class="text1">My Page<br /><br />
2nd table with image</div>
</div>
</body>
</html>

Open in new window


Thanks
Edwin
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40609955
If you want to LEARN how to do advanced effects instead of relying on others to write code for you; you might find you can learn a lot of magic in a short time by going to the MDN Tutorials and investing a small amount of time.

CSS is very easy to learn, but is among the most powerful tools in web development.


Cd&
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now