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>

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

Have you checked: www.fresway.com ?

See the facebook button

Member Avatar for diafol

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.

I disabled your

"border-radius: 50%;"

and they all changed to perfect circle, very werid.

still digging

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.