Fermé

Resolve Issue With CSS/HTML/PHP

Job Description:

I am trying to display up to 5 circle charts side by side in one row. My issue is that the code displays 3 then pushes the next 2 onto a new row. How can i have all 5 display side by side?

$html .="<div class='container m-4'><div class='row align-items-start' style='border:none;'><h2 class='mb-5 text-center'>BILLING INFORMATION</h2>";

if ($finalcagpercentage != 0) {

$html .="<div id='cagdata' class='col'><h3 class='text-center'>Usage 1</h3><div class='progressbarcag' data-animate='false'><div class='circlecag' data-percent='".clean_num(round($finalcagpercentage*100))."' totaltoppercentage='".$finaldate."'><div></div></div></div></div>";

}

if ($finalclspercentage != 0) {

$html .="<div id='clsdata' class='col'><h3 class='text-center'>Usage 2</h3><div class='progressbarcls' data-animate='false'><div class='circlecls' data-percent='".clean_num(round($finalclspercentage*100))."' totaltoppercentage='".$finaldate."'><div></div></div></div></div>";

}

if ($finalseipercentage != 0) {

$html .="<div id='seidata' class='col'><h3 class='text-center'>Usage 3</h3><div class='progressbarsei' data-animate='false'><div class='circlesei' data-percent='".clean_num(round($finalseipercentage*100))."' totaltoppercentage='".$finaldate."'><div></div></div></div></div>";

}

if ($finalcaipercentage != 0) {

$html .="<div id='caidata' class='col'><h3 class='text-center'>Usage 4</h3><div class='progressbarcai' data-animate='false'><div class='circlecai' data-percent='".clean_num(round($finalcaipercentage*100))."' totaltoppercentage='".$finaldate."'><div></div></div></div></div>";

}

if ($finalsegpercentage != 0) {

$html .="<div id='segdata' class='col'><h3 class='text-center'>Usage 5</h3><div class='progressbarseg' data-animate='false'><div class='circleseg' data-percent='".clean_num(round($finalsegpercentage*100))."' totaltoppercentage='".$finaldate."'><div></div></div></div></div>";

}

$html .="</div></div>";

Compétences : CSS, HTML, PHP, HTML5

Concernant le client :
( 3 commentaires ) Athens, United States

Nº du projet : #35379924

61 freelances font une offre moyenne de 27 $ pour ce travail

niravvirani17

Hello sir hope have good day ready to fix 5 display side by side i completed more than 1000 job here thank you payal

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1034 Commentaires)
8.7
senthill10

Hi there! I could fix your circle charts issue now. Please ping me now. I will start the job now. It will be a quick fix.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(175 Commentaires)
8.0
struggler1

Hi,I will display all charts in one line now,ready to start now. Waiting for your response,so we can discuss it now. Thanks

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(817 Commentaires)
7.6
abugosia

Hello, I'm Abu Gosia. I'm interesting in your project very well. I'm good in C#, .Net Core, MVC, ASP.NET, Angular.js, Yii2, PHP, Laravel, Codeigneter, Wordpress, Open Cart. I m quite well experienced in these jobs. Let Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(263 Commentaires)
7.0
dexdel

Hello, Greetings! Share the link of the website. I am available for resolve issue with CSS/HTML/PHP. I will show the 5 display side by side. I am a professional Full-stack developer and have been working since 2011 Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(295 Commentaires)
7.2
kishanlalyadav

I had reviewed your project. I can complete it perfectly in short time. I am confident in my skills and always value for client's trust. So I have rich experience in these fields. please contact me so that i can start Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(406 Commentaires)
7.2
tljafar

Dear Sir, I read your project description and I can fix right now. I am ready to start working quickly on your project. Come to the chat box to discuss this work and cost ... I am an experienced web developer a Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(38 Commentaires)
5.5
tkshamseer

Hi, I can help you fix the 5 circles alignment issue .... I CAN START RIGHT NOW ... and will fix it in Maximum 1hr .. please come for a chat Thank you

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(158 Commentaires)
5.7
yevhenrosovskii

Dear Hiring Manager. I have already grasped your project what you mean. I am sure I can start right now and deliver this project in time. Let's discuss more through private chat. best regards.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(18 Commentaires)
5.6
Ahmersha

Hi there, Hope you are doing great! I am a professional PHP expert and I can fix error on a site ASAP

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(55 Commentaires)
5.6
VRwebdevelopers

Hi will fix the 5 display side by side will give best and fast work for you thanks

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(47 Commentaires)
5.5
valeriyburykin

Hi! Nice to meet you. I have just read your description carefully and understand what you want. I have experiences with this. Would you please give me an offer to help you? I will do my best! Thanks. Valeriy.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(4 Commentaires)
4.8
scottwardell

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ Work based on trust and credit! +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ Hello. -->>> CSS Master is here! <<<-- I hope your work is going well. I checked your job description carefully. I can Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(16 Commentaires)
5.3
usamasohail91

Hi, I'm very excited after reading your description carefully and checked out the link that you provide so I hope to work with you for this project. I have experience in web developer +8 years. so I can fix this asap. Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(28 Commentaires)
4.8
davisclaimer

✅Hi!✅ It needs PHP and Javascript skills. I'm website developer and I can do it within 3hours. I am very interested in your project because I'm ✅PHP/Javascript expert✅. I have done so many PHP/Javascript project and Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(10 Commentaires)
4.4
nikolastann86

Hello. I have read your description and say to confident in this task to you. I am very familiar with HTML/CSS/PHP. I have lots of experience in this field with over 10 years. I would like to express my interest in th Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(14 Commentaires)
4.4
perfomancedev

Greetings! Thanks for your project posting. I read your project details and i understood all. I can help you with your project at a high level. I have rich experience in WEB developing. My skills and experience is a Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(7 Commentaires)
4.4
jaymacfreelance

Hello, I can help you to fix the problem You can set width of individual child div as 20%. I would like to let you know via chat. Thanks

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(9 Commentaires)
4.6
olajideola

I took a quick look at your HTML code and it appears that your bootstrap code is wrong. Also i see that PHP is included in your code but the freelancer site stripped it out in the project description so i could not rep Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(10 Commentaires)
4.6
shashilal

I am indivisual software developer having 9 + years exp in Php,Laravel,Codiegnator,CakePhp and wp,I have completed many web based project in all areas like education,real estate,insurance,ecommerce. etc.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(43 Commentaires)
4.3