We help IT Professionals succeed at work.

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
Comment
Watch Question

Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
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 resolver

Author

Commented:
1. Which padding it this?

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

19p.png
Most Valuable Expert 2017
Distinguished Expert 2019
Commented:
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

HuaMin ChenProblem resolver

Author

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

Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
Put them in your stylesheet or in a <style> block in the <head> of your page.
HuaMin ChenProblem resolver

Author

Commented:
Can you please show it with more details, or please show how you would apply your codes to my given codes?
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
Do you have a stylesheet as part of your project - a .css file?
HainKurtSr. System Analyst

Commented:
I explained this in your previous question...

check my post again here ID: 42342804
HuaMin ChenProblem resolver

Author

Commented:
Julian,
Do you want to see whole CS file?

HainKurt,
Which are the extra td, to your previous reply?
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
No, just wanted to know if you have one.

If you do then simply add the code I posted to that css file.