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
31
Views
3 Months
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

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

Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.