Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

page layout rounded corners?

Featured Replies

Hi I would like some advice in creating a rounded corner page layout, as in around the whole page not just a paragraph etc!

 

Can it also be done without using images?

 

Thank you for reading my post

 

King Regards

I know only for rounding edges in css its is working for images also just create css rule..

All side of edges will be curved.. You can also edit one by one side

 

all sides:

 

img.picture {

border-radius:15px;

}

 

one by one side:

img.picture {

 

border-top-left-radius:15px;

border-top-right-radius:15px;

border-bottom-left-radius:15px;

border-bottom-left-radius:15px;

 

}

 

Try it, it also works for div tags, and tables.. If this is this what you want xD

Edited by ryukcro

The previous suggestion is the new CSS3 codeand doesn't work in IE6-8 although it does work with any element, so you could create a page wrapper div and apply it to that.

 

If you want to show rounded corners in IE you could use javascript

http://www.curvycorners.net/

or use corner images without javascript

http://www.wickham43.net/specialeffects.php#roundedcorners

don't forget if you use BK design's tut to also include the one for web kit based browsers (e.g. safari)

 

-webkit-border

 

etc

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.