sedang Berlangsung

Convert Absolute and Relatively positioned divs into a formatted HTML sturature

Convert Absolute and Relatively positioned divs into a formatted HTML sturature. Simple project ($30-250 USD)

An Example of what I'm looking for.

let's say we have the below html sturacture

<div style="top:467px;bottom:;left:61px;right:;width:221px;height:132px;position:absolute;" title="HTGTRFR" class="s1" id="WPht5-2ay">
<a style="width:221px;height:132px;cursor:pointer;" href="href1" target="_self" id="WPht5-2aylink" class="s1link">
<div id="WPht5-2ayimg" style="width:221px;height:132px;position:relative;" class="s1img" data-state="loaded">
<div class="s1imgpreloader" id="WPht5-2ayimgpreloader"></div><img src="image1.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht5-2ayimgimage" class="s1imgimage"></div>
</a>
</div>

<div style="top: 610px; left: 60px; width: 219px; position: absolute;" class="s6" id="WRchTxtx-1edy">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">summer is upon us and it is time to get that cinnamon tan using our newest deep tan innovation: Gold Pearls</span></p>
</div>

<div style="top: 414px; left: 61px; width: 219px; position: absolute;" class="s6" id="WRchTxt13-af9">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">BET READY FOR 2014 SUMMER</span></p>
</div>

<div style="top: 413px; left: 381px; width: 259px; position: absolute;" class="s6" id="WRchTxt14-dt9">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">GET YOUR CLEAR FACE TODAY</span></p>
</div>

<div style="top:467px;bottom:;left:376px;right:;width:221px;height:132px;position:absolute;" class="s1" id="WPht6-p1c">
<a style="width:221px;height:132px;cursor:pointer;" href="href2" target="_self" id="WPht6-p1clink" class="s1link">
<div id="WPht6-p1cimg" style="width:221px;height:132px;position:relative;" class="s1img">
<div class="s1imgpreloader" id="WPht6-p1cimgpreloader"></div><img alt="" src="image2.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht6-p1cimgimage" class="s1imgimage"></div>
</a>
</div>

<div style="top: 610px; left: 376px; width: 230px; position: absolute;" class="s6" id="WRchTxty-x55">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">the best proven solution for Acne so far has been the usage of dead sea salts &amp; minerals, get your clear smooth skin using Aqua Therapy’s Facial Scrub</span></p>
</div>


<div style="top: 415px; left: 691px; width: 219px; position: absolute;" class="s6" id="WRchTxt16-xb4">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">WEEKEND GATEWAY</span></p>
</div>

<div style="top: 610px; left: 694px; width: 237px; position: absolute;" class="s6" id="WRchTxtz-5v1">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">Now you can enjoy a sensational Aromatherapy massage at home with your significant other for a magical weekend getaway right at home.</span></p>
</div>

<div style="top:467px;bottom:;left:691px;right:;width:221px;height:132px;position:absolute;"class="s1" id="WPht7-ykl">
<a style="width:221px;height:132px;cursor:pointer;" href="href3" target="_self" id="WPht7-ykllink" class="s1link">
<div id="WPht7-yklimg" style="width:221px;height:132px;position:relative;" class="s1img">
<div class="s1imgpreloader" id="WPht7-yklimgpreloader"></div><img alt="" src="image3.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht7-yklimgimage" class="s1imgimage"></div>
</a>
</div>

what the system should do is to convert the above code into an array of sections and identify whether each group is aligned vertically or horizontally depending on the level of each element "Top" which may not be the same for each horizontally aligned group of elements.

The output code should look like.

$sturacture = [
"direction" => "horizontal",
"childern" => [
"<div style="top: 414px; left: 61px; width: 219px; position: absolute;" class="s6" id="WRchTxt13-af9">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">BET READY FOR 2014 SUMMER</span></p>
</div>",
"<div style="top:467px;bottom:;left:61px;right:;width:221px;height:132px;position:absolute;" title="HTGTRFR" class="s1" id="WPht5-2ay">
<a style="width:221px;height:132px;cursor:pointer;" href="href1" target="_self" id="WPht5-2aylink" class="s1link">
<div id="WPht5-2ayimg" style="width:221px;height:132px;position:relative;" class="s1img" data-state="loaded">
<div class="s1imgpreloader" id="WPht5-2ayimgpreloader"></div><img src="image1.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht5-2ayimgimage" class="s1imgimage"></div>
</a>
</div>",
"<div style="top: 610px; left: 60px; width: 219px; position: absolute;" class="s6" id="WRchTxtx-1edy">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">summer is upon us and it is time to get that cinnamon tan using our newest deep tan innovation: Gold Pearls</span></p>
</div>"

],[
"<div style="top: 413px; left: 381px; width: 259px; position: absolute;" class="s6" id="WRchTxt14-dt9">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">GET YOUR CLEAR FACE TODAY</span></p>
</div>",
"<div style="top:467px;bottom:;left:376px;right:;width:221px;height:132px;position:absolute;" class="s1" id="WPht6-p1c">
<a style="width:221px;height:132px;cursor:pointer;" href="href2" target="_self" id="WPht6-p1clink" class="s1link">
<div id="WPht6-p1cimg" style="width:221px;height:132px;position:relative;" class="s1img">
<div class="s1imgpreloader" id="WPht6-p1cimgpreloader"></div><img alt="" src="image2.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht6-p1cimgimage" class="s1imgimage"></div>
</a>
</div>",
"<div style="top: 610px; left: 376px; width: 230px; position: absolute;" class="s6" id="WRchTxty-x55">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">the best proven solution for Acne so far has been the usage of dead sea salts &amp; minerals, get your clear smooth skin using Aqua Therapy’s Facial Scrub</span></p>
</div>"
], [
"<div style="top: 415px; left: 691px; width: 219px; position: absolute;" class="s6" id="WRchTxt16-xb4">
<p class="font_8" style="font-size: 13px;"><span style="font-size:13px;">WEEKEND GATEWAY</span></p>
</div>",
"<div style="top:467px;bottom:;left:691px;right:;width:221px;height:132px;position:absolute;"class="s1" id="WPht7-ykl">
<a style="width:221px;height:132px;cursor:pointer;" href="href3" target="_self" id="WPht7-ykllink" class="s1link">
<div id="WPht7-yklimg" style="width:221px;height:132px;position:relative;" class="s1img">
<div class="s1imgpreloader" id="WPht7-yklimgpreloader"></div><img alt="" src="image3.jpg" style="width: 221px; height: 132px; object-fit: cover;" id="WPht7-yklimgimage" class="s1imgimage"></div>
</a>
</div>",
"<div style="top: 610px; left: 694px; width: 237px; position: absolute;" class="s6" id="WRchTxtz-5v1">
<p class="font_8" style="font-size: 14px;"><span style="font-size:14px;">Now you can enjoy a sensational Aromatherapy massage at home with your significant other for a magical weekend getaway right at home.</span></p>
</div>"
]

];

Keahlian Laravel, PHP, Perancangan Perangkat Lunak

Lihat lebih lanjut: write technical report small project, write software specifications software created java project report, write software requirements specification project, software project small, programming software project small, php display xml formatted html, convert dreamweaver project html link, psd html free divs isnt, form2mailphp formatted html, rich text formatted html, convert css page simple html, convert asp project html, convert asp site simple html site, write conclusion project software, html moveable divs, convert html tables divs, software write technical manual, write introduction project, write investment project, project small perl

Tentang Pemberi kerja:
( 2 ulasan ) el motamyz, Egypt

ID Proyek: #9585270

Diberikan kepada:

USwebs

hello send me html and let me correct that and remove the relative/absolute css on divs i will make a proper structure in html send me files thanks

$155 USD dalam 155 hari
(102 Ulasan)
6.7

17 freelancer menawar pada rata-rata $106 untuk pekerjaan ini

MtsSoft

Hi, I will make your relatively positioned div's into formatted HTML structure. Please give me your files and will complete it before time period. Please reply. Thanks, Imran

$160 USD dalam 2 hari
(246 Ulasan)
7.5
Creativeartbd

Hello there, can you show me your HTML file and give me the instruction. Once you provide it, i will do it asap. Let me know. Thank You.

$49 USD dalam 3 hari
(83 Ulasan)
6.4
phpfreelancer14

hi I am writing to you since I am interested in the job posting. Working with PHP, HTML/CSS and MYSQL, I have completed a number of projects that are relevant to the skills required in this job posting. They in Lagi

$150 USD dalam 10 hari
(63 Ulasan)
6.3
usin

Interested To Start Project #100% Satisfaction Guaranteed On Works (+) Website Design (+) Mobile Responsive Program (+) PHP Programs (Invite Me To Chat Discussion)

$100 USD dalam 5 hari
(83 Ulasan)
6.3
Chitanok

I am expert in Laravel framework, php, wordpress, ajax, javascript, bootstrap css and html5. I also have expertise on Responsive design. I am confident to handle large scale of web application. thanks chitano skyp Lagi

$250 USD dalam 7 hari
(80 Ulasan)
5.7
LadoraIT

Dear Sir/Madam, We have over 3 years developing experience in PHP, MySQL, HTML, CSS, Bootstrap, PSD, JavaScript, JQuery, etc. We develop many web apps. We are new in freelancer that's why we have a little profile. But Lagi

$80 USD dalam 5 hari
(48 Ulasan)
5.4
$55 USD dalam 1 hari
(36 Ulasan)
4.5
weborangefox

Dear Hiring Manager, I have 5 year experience in HTML so this task travail job. Kindly have a look on our completed projects: [url removed, login to view] [url removed, login to view] ht Lagi

$100 USD dalam 2 hari
(26 Ulasan)
4.2
bspatra2015

sir,i have 3+ years experience in web-design and web-development,wordpress. I know responsive design , bootstrap framework , Html5 . I building 70+ website and i interested to do your project. My latest mobile frie Lagi

$30 USD dalam 2 hari
(28 Ulasan)
4.4
$55 USD dalam 2 hari
(5 Ulasan)
3.6
Predeko

I am sure I can help you with this. Please let me know if you'r interested so we can discuss the details and the help you need.

$100 USD dalam 0 hari
(10 Ulasan)
3.8
AviDeb1234

We have a strong team of developers and designers who have several years of industry experiences. We are very confident to serve you with the requirements you have. Please go through some of the websites designed by u Lagi

$250 USD dalam 7 hari
(4 Ulasan)
1.9
webexpertsunny

I can create this website as you want in minimum time period at very low cost as I am a experienced developer and [url removed, login to view] per your requirement, I would like to tell you that I have a very strong experience of more Lagi

$50 USD dalam 3 hari
(5 Ulasan)
2.7
nsbd1988

I have gone through your requirement.I am very much interested to start this project right away. I am ready to discuss more about the project. I am offering you the minimum budget for this project. Look forward for you Lagi

$56 USD dalam 3 hari
(1 Ulasan)
1.6
$111 USD dalam 2 hari
(0 Ulasan)
0.0
$57 USD dalam 3 hari
(0 Ulasan)
0.0