0

Hello,

I am trying to create a round circle with css with an image inside the circle. Yet, when I try to do so the circle turns out not perfectly round. I wonder why that happen?

Check this out: www.fresway.com

See the facebook button. This is the codes:

#circle1
 {
    background-color: #{{ \DB::table('menu')->where('menu_id', 1)->first()->menu_color }};
    <!-- background-color: #9f7bfc; -->
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;

}

<div id="circle1"><div style="margin: 0 0 0 3px; "><img src="{{url("")}}/images/add/icons10.png" width="40px" /></div></div>
4
Contributors
4
Replies
32
Views
1 Year
Discussion Span
Last Post by John_168
0

It is showing as fully round on my end. nothing in the code is jumping out at me. What browser are you using?

0

Have you checked: www.fresway.com ?

See the facebook button

0

The FB button is fine on Chrome. But what is that CSS? Why the HTML comment tokens <!-- -->?
Placing framework php directly into CSS is pretty clumsy too. Avoid this if you can.

0

I disabled your

"border-radius: 50%;"

and they all changed to perfect circle, very werid.

still digging

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.