Adjust row

HuaMin Chen
HuaMin Chen used Ask the Experts™
on
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

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018

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 2018
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

Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

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 2018

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 2018

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 2018

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

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

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial