Help về HTML????

hoideptrai_chuayeuai · 16/2/07

Mình có 1 file template dạng html để từ đó mình theo form đó nhập dữ liệu vào. Tuy nhiên cái form mẫu đó khi mình thêm dòng or cột ở trong frontpage thì được (màu nền vẫn giữ nguyên) nhưng trong NVU thì lại ko được. Background màu trắng, hơn nữa kích cỡ cũng thay đổi. Mình ko biết làm cách nào để khi insert row thì kích cỡ lại giữ nguyên được nữa?Đây là đoạn code :

<style type="text/css">
.sp_downloadtitle{
color:#ffffff;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
background:#5C91BB;

}
.sp_downloadlinks a{
color:#233CC7;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
}

.sp_anhsanphamtable{
border:1px #2B6B99 solid;
width:150px;
}
.sp_anhsanphamten{
color:#ffffff;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
background:#5C91BB;
}

.sp_anhsanphamnoidung{
}

.sp_thongtintable{

border:1px #2B6B99 solid;
}

.sp_thongtin{
color:#ffffff;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
background:#5C91BB;
}
.sp_chitiet{
color:#ffffff;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
background:#5C91BB;
}
.sp_chitietmuc{
color:#233CC7;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:16px;
padding-left:5px;
background:#D5D5D5;
}
.sp_chitietdetail{
color:#233CC7;
font-family:Tahoma;
font-size:11px;
height:16px;
padding-left:5px;
background:#F7F6F6;
}
.sp_chitiettable{
border:1px #2B6B99 solid;
}
.sp_thongtindetailleft{
width:70px;
vertical-align:text-top;
color:#233CC7;
font-family:Tahoma;
font-size:11px;
height:16px;
padding-left:5px;
background:#F7F6F6
}
.sp_thongtindetailright{
color:#233CC7;
font-family:Tahoma;
font-size:11px;
height:16px;
padding-left:5px;
background:#F7F6F6
}
</style>
<table cellpadding="0" cellspacing="2" border="0" width="522">
<tr>
<td valign="top" class="sp_anhsanphamtable">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="sp_anhsanphamnoidung">
<div class="sp_anhsanphamten">Ảnh sản phẩm</div>
<p align="center" style="margin-top: 0">
<img src="/Portals/0/images/product/11009.jpg"></td>
</tr>
<tr>
<td class="sp_anhsanphamnoidung">
<p align="center">--Đặt các ảnh khác ở đây--
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="sp_downloadtitle">
Thông số kỹ thuật</td>
</tr>
<tr>
<td class="sp_downloadlinks">
<a href="#"><font color="#000000">Link1</font></a><br>
<a href="#"><font color="#000000">Link2</font></a><br>
<a href="#"><font color="#000000">Link3</font></a>
</td>
</tr>

</table>
</td>
<td valign="top">
<table class="sp_thongtintable" cellpadding="0" cellspacing="1" width="100%">
<tr>
<td class="sp_thongtin" colspan="2">
Đèn thợ mỏ HLE 7 L EN | ZONE 1 - ZONE 2</td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Theo tiêu chuẩn 94/9/EC
</font> </td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">
<img src="/Portals/0/images/product/ex.jpg">
II 2 G</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Kiểu bảo vệ</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">EEx e ib IIC T4</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Chứng chỉ EC</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">PTB 99 ATEX 2194</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Vỏ bảo vệ</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Polyamide/đen</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Vùng rọi</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Ø 65 mm, kính thủy tinh vô cơ</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Công tắc xoay</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">4 vị trí: "OFF - Đèn tín hiệu - ON
-Đèn chính"</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Bóng sợi đốt</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">3.75 V / 0.8 / 0.4 A</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Độ kín theo EN 60529</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">IP 54</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Nhiệt độ hoạt động</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">-20 °C to +40 °C | specified data:
0 °C to +30 °C (battery)</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Pin</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Pin sạc NiCd 3.6 V/7 Ah</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Thời gian hoạt động</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">~8.0 h</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Điện áp định mức</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">230 V ± 10 %, 50/60 Hz</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Cấp bảo vệ</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">II</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Điện áp vào</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">4 VA</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Nhiệt độ cho phép sạc</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">0 °C to +35 °C</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Thời gian sạc</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">max. 18 h</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Chức năng</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">- Tích hợp bộ sạc</font><p style="margin-top: 0; margin-bottom: 0">
<font color="#000000">- Hiển thị tình trạng sạc</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font color="#000000">- 02 đèn</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Trọng lượng</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">~2.0 kg (kèm theo pin)</font></td>
</tr>
</table>
<div style="height:3px; font-size:1px;"></div>
<table class="sp_thongtintable" cellpadding="0" cellspacing="1" width="100%">
<tr>
<td style="background:#5C91BB" colspan="2">
<div class="sp_thongtin">
Bảng khác
</div>
</td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="131">
<font color="#000000">Chi tiet 1 </font>
</td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Noi dung chi tiet 1 </font>
</td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="131">
<font color="#000000">Chi tiet 2 </font>
</td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Noi dung chi tiet 2 sd</font></td>
</tr>
<tr>
<td class="sp_thongtindetailleft" width="131">
<font color="#000000">Chi tiet 3 </font>
</td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Noi dung chi tiet 3 </font>
</td>
</tr>

<tr>
<td class="sp_thongtindetailleft" width="131">
<font color="#000000">sdsd</font></td>
<td class="sp_thongtindetailright" width="60%">
 </td>
</tr>
</table>
<div style="height:3px; font-size:1px;"></div>
<table class="sp_chitiettable" cellpadding="0" cellspacing="1" width="100%">
<tr>
<td class="sp_chitiet">
Chi tiết đặt hàng
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="1" width="100%">
<tr>
<td class="sp_chitietmuc" align="center" width="84">
<font color="#000000">Tên sản phẩm</font></td>
<td class="sp_chitietmuc" align="center" width="175">
<font color="#000000">Điều kiện giao hàng</font></td>
<td class="sp_chitietmuc" align="center">
<font color="#000000">Mục 1 </font>
</td>
</tr>
<tr>
<td class="sp_chitietdetail" width="84">
<font color="#000000">HLE 7 L EN</font></td>
<td class="sp_chitietdetail" width="175">
Kèm theo bóng, pin và dây nối chính</td>
<td class="sp_chitietdetail">
<p align="center"><font color="#000000">1 1229
000 416</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

Bạn nào biết giúp mình .Mình dùng NVU vì có bản portable,còn cài Frontpage rất nặng.

hoideptrai_chuayeuai · 17/2/07

Không ai giúp mình được à?Mọi người đi chúc Tết hết rồi à?Bạn Đặng trần Hiếu đâu nhỉ?Vào giúp mình cái.

doviet · 17/2/07

Hi!
Em thấy thêm 1 dòng đâu có làm ảnh hưởng tới cái gì đâu ạ? (Ví dụ ở sau cái dòng "Trọng lượng: ~2.0 kg (kèm theo pin)", em thêm 1 dòng nữa, thì không thấy có gì không bình thường. Vì hệ thống bảng này gồm bảng chính chứa các bảng con, nên nó mới không bị ảnh hưởng đến nhau khi thêm dòng cho các bảng con. Còn khi mà anh thêm cột trong bảng nào thì phải nhớ increment cái "colspan" cho table header. Nếu anh làm mà vẫn lỗi thì anh đưa cái code đã thêm dòng thêm cột lên, em xem thử xem có bị lỗi không ạ! ^^

mtha · 18/2/07

Đinh Đức Thịnh đã viết:
Mình có 1 file template dạng html để từ đó mình theo form đó nhập dữ liệu vào. Tuy nhiên cái form mẫu đó khi mình thêm dòng or cột ở trong frontpage thì được (màu nền vẫn giữ nguyên) nhưng trong NVU thì lại ko được. Background màu trắng, hơn nữa kích cỡ cũng thay đổi. Mình ko biết làm cách nào để khi insert row thì kích cỡ lại giữ nguyên được nữa?Đây là đoạn code :

Bạn nào biết giúp mình .Mình dùng NVU vì có bản portable,còn cài Frontpage rất nặng.

Help về HTML thì dùng HTML để help:
Dùng NOTEPAD hoặc các loại text editors, copy và paste một đoạn cần thêm vào, rồi thay đổi text, đảm bảo format giống hệt

anh chưa dùng NVU bao giờ, nhưng nếu tương tự FP, thì vào phần code editor của nó mà sửa, thay vì dùng phần giao diện thường.

hoideptrai_chuayeuai · 18/2/07

Đỗ Việt đã viết:
Hi!
Em thấy thêm 1 dòng đâu có làm ảnh hưởng tới cái gì đâu ạ? (Ví dụ ở sau cái dòng "Trọng lượng: ~2.0 kg (kèm theo pin)", em thêm 1 dòng nữa, thì không thấy có gì không bình thường. Vì hệ thống bảng này gồm bảng chính chứa các bảng con, nên nó mới không bị ảnh hưởng đến nhau khi thêm dòng cho các bảng con. Còn khi mà anh thêm cột trong bảng nào thì phải nhớ increment cái "colspan" cho table header. Nếu anh làm mà vẫn lỗi thì anh đưa cái code đã thêm dòng thêm cột lên, em xem thử xem có bị lỗi không ạ! ^^

Cảm ơn Việt nhưng em thêm dòng trong NVU hay frontpage?

Mai thanh Hà đã viết:
Help về HTML thì dùng HTML để help:
Dùng NOTEPAD hoặc các loại text editors, copy và paste một đoạn cần thêm vào, rồi thay đổi text, đảm bảo format giống hệt

Em sẽ thử,cảm ơn anh.

Jolly Joker · 18/2/07

NVU là gì? Căn bản đọc NVU chả hiểu nó là cái gì chả dám trả lời

)
Đọc đoạn trên cùng tưởng đây là 1 trang CSS-based thì sắp xếp hơi khó, chứ là table thì đâu có gì

Cùng lắm nếu Frontpage có thể insert được thì sau khi insert nhìn đoạn code của nó rồi sang editor khác type lại y hệt. Chuyển sang Split view nhìn đoạn code là được ngay.
Còn cái NVU gì đó nếu nó chỉ có mỗi cái lợi thế là portable mà chức năng lại kém thế kia thì có lẽ anh nên đổi dùng cái khác thì hơn.

doviet · 18/2/07

Đinh Đức Thịnh đã viết:
Cảm ơn Việt nhưng em thêm dòng trong NVU hay frontpage?

Anh ơi, tại anh paste cái HTML lên nên em chỉ nói về HTML thôi, anh mở web bằng bất cứ chương trình soạn thảo văn bản nào để chỉnh sửa trực tiếp vào code, chứ dùng giao diện WYSIWYG (giống như trình bày văn bản trong MS Word) của các chương trình như NVU, FrontPage, Amaya, Dreamweaver... thì có những cái rất khó xử lí, hoặc nếu cố làm thì làm được, nhưng gây hậu quả cho các lần chỉnh sửa lần sau.
Anh nên làm quen với việc sửa code, rồi nhảy thẳng vào Notepad (hay Notepad++ càng tốt) mà sửa, sẽ dễ hiểu được lỗi hơn ạ.

Ví dụ ở đoạn code anh paste bên trên, để thêm 1 dòng, anh thử:

Copy cái đoạn:

HTML:

<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Trọng lượng</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">~2.0 kg (kèm theo pin)</font></td>
</tr>

Rồi thêm ngay sau đó (thêm vào trước thẻ </table>):

HTML:

<tr>
<td class="sp_thongtindetailleft" width="130">
<font color="#000000">Thêm 1 dòng</font></td>
<td class="sp_thongtindetailright" width="60%">
<font color="#000000">Nội dung dòng này</font></td>
</tr>

Thế là anh có thêm 1 dòng mới, không có lỗi gì cả ạ.

Help về HTML????

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

New Member

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

New Member

Đỗ Việt
(doviet)

Thành viên danh dự

Mai Thanh Hà
(mtha)

Administrator

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

New Member

Thái Minh Hoàng Hà
(Jolly Joker)

Điều hành viên<br><a href="http://www.hn-ams.org/f

Đỗ Việt
(doviet)

Thành viên danh dự

Help về HTML????

Đinh Đức Thịnh (hoideptrai_chuayeuai)

New Member

Đinh Đức Thịnh (hoideptrai_chuayeuai)

New Member

Đỗ Việt (doviet)

Thành viên danh dự

Mai Thanh Hà (mtha)

Administrator

Đinh Đức Thịnh (hoideptrai_chuayeuai)

New Member

Thái Minh Hoàng Hà (Jolly Joker)

Điều hành viên<br><a href="http://www.hn-ams.org/f

Đỗ Việt (doviet)

Thành viên danh dự

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

Đỗ Việt
(doviet)

Mai Thanh Hà
(mtha)

Đinh Đức Thịnh
(hoideptrai_chuayeuai)

Thái Minh Hoàng Hà
(Jolly Joker)

Đỗ Việt
(doviet)