Adjust row

Dear,
1. I want to cut highlighted part below
2. Re-locate the button at end of 1st row, to end of 3rd row (of the whole record)

http://my-friend.co/HouseList4/Default.aspx?userid=mc23
19p.png
LVL 12
HuaMin ChenProblem resolverAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
1. Remove right padding on cell
#houseData td:nth-child(5) {
  padding-right: 0;
}

Open in new window

2. Can you explain the requirement a bit more
HuaMin ChenProblem resolverAuthor Commented:
1. Which padding it this?

2. Move the button (highlighted in Yellow) to the middle (vertically) of the WHOLE record

19p.png
Julian HansenCommented:
1. Add this
#houseData td:nth-child(5) {
  padding-right: 0;
}

Open in new window


2. Add this
#houseData td:last-child {
	vertical-align: middle;
}

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

HuaMin ChenProblem resolverAuthor Commented:
How to apply these to such codes?
                html += "<tr class='houserow' data-id='" + house.house_id + "'>";
                html += "<td >" + (site_lang === "ENG" ? "房子名称 " : "") + "</td><td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.house_name + "</td><td >地区</td><td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.area + "</td>";
                html += "<td rowspan=5 style='text-align:center'>" + img + "</td>"
                html += "<td rowspan=5><a href='#' class='btnDelete' data-house-id='" + house.house_id + "'>删除记录</a></td>";
                html += "</tr>";

                html += "<tr class='houserow' data-id='" + house.house_id + "'>";
                html += "<td >建筑面积</td><td style='font-weight: bold;color: #2D2D85;' >" + house.construct_area_size.toString() + "</td>";
                html += "<td style='font-weight: bold;color: #2D2D85;' >" + house.area_unit + "</td>";
                html += "<td class='right2' >" + (site_lang === "ENG" ? "价格 " : "") + "</td><td style='font-weight: bold;color: #2D2D85;' >" + house.price_curr + "</td>";
                html += "<td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.price.toString() + "</td>";
                html += "</tr>";

                html += "<tr class='houserow' data-id='" + house.house_id + "'>";
                html += "<td >实用面积</td><td style='font-weight: bold;color: #2D2D85;' >" + house.area_size.toString() + "</td>";
                html += "<td style='font-weight: bold;color: #2D2D85;' >" + house.area_unit + "</td>";
                html += "<td class='right2' >查询次数</td><td style='font-weight: bold;color: #2D2D85;' colspan=3>" + house.request_times.toString() + "</td>";
                html += "</tr>";

                html += "<tr class='houserow' data-id='" + house.house_id + "'>";
                html += "<td >更新日期</td><td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.upd_date + "</td>";
                html += "<td >点击次数</td><td style='font-weight: bold;color: #2D2D85;' colspan=3>" + house.clicked_times.toString() + "</td>";
                html += "</tr>";

                html += "<tr class='houserow' data-id='" + house.house_id + "'>";
                html += "<td >类型</td><td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.rent_type + "</td>";
                html += "<td >" + (site_lang === "ENG" ? "地址 " : "") + "</td><td style='font-weight: bold;color: #2D2D85;' >" + house.address1 + "</td>";
                html += "<td style='font-weight: bold;color: #2D2D85;' colspan=2 >" + house.address2 + "</td>";
                html += "</tr>";

                html += "<tr style='background-color: transparent;'><td colspan=6 class='seperator'></td></tr>";

Open in new window

Julian HansenCommented:
Put them in your stylesheet or in a <style> block in the <head> of your page.
HuaMin ChenProblem resolverAuthor Commented:
Can you please show it with more details, or please show how you would apply your codes to my given codes?
Julian HansenCommented:
Do you have a stylesheet as part of your project - a .css file?
HainKurtSr. System AnalystCommented:
I explained this in your previous question...

check my post again here ID: 42342804
HuaMin ChenProblem resolverAuthor Commented:
Julian,
Do you want to see whole CS file?

HainKurt,
Which are the extra td, to your previous reply?
Julian HansenCommented:
No, just wanted to know if you have one.

If you do then simply add the code I posted to that css file.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.