Jump to content

Hi friends

 

Im working on a website for no particular reason really, however i've run in to a problem with border-radius.

I tried putting this code 
 

border-radius: 25px;

almost everywhere but i see no changes at all in #main and i figured it should affect it at some point if i just slapped it in everywhere.
Annyway here's the code: http://codepen.io/Redliquid/pen/wBqmKW.html 

If you want to see how it actually looks go here: http://codepen.io/pen/
and slap the code in to the html tab
 
Short version: Help me round the corners of main
 

Redliquid~

Link to comment
https://linustechtips.com/topic/300407-border-radius-problem/
Share on other sites

Link to post
Share on other sites

Both the div #main and #innerMain wrap around the exact same content, are the exact same size, and have the exact same background colour. So, you change one, but the other still has the same rules so you can't see it. To fix this, remove #innerMain or apply the border-radius to both. Either will work.

Example of adding to both here: http://hazy125.com/randomcrap/LTT/dev/redliquid/bradius/

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to comment
https://linustechtips.com/topic/300407-border-radius-problem/#findComment-4080987
Share on other sites

Link to post
Share on other sites

Oh...thank you friend  :)

Edit: Didnt you help me before? :o

You changed your profile picture right?

I'm gonna sneak in another question here

How would i change the backround color from white to black the easiest way?

Probably.. I answer a lot of web dev questions

 

Easiest. Add 

 

body{

    background-color: #000;

}

 

in your css. Alternatively you can add it directly to the body tag, but I believe HTML5 no longer supports this in the spec, and since you're using HTML5.. Just stick to adding everything in CSS

 

EDIT: Well, it's 2am.. I'm gonna go sleep now or something, if you have more questions you can PM me and I'll see it in a few hours

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to comment
https://linustechtips.com/topic/300407-border-radius-problem/#findComment-4081065
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×