Rắc rối kẻ TABLE với FrontPage

Thảo luận trong 'Lập trình & Đồ hoạ' bắt đầu bởi benb00n, 18/8/05.

  1. benb00n

    benb00n Mr & Ms Pac-Man

    Tham gia ngày:
    13/3/05
    Bài viết:
    126
    Trong Frontpage cũng như Word, mỗi lần đụng đến cái table là bực mình. Thật sự nhiều lúc gặp trục trặc khi kẻ bảng, nghĩ nát óc vẫn không hiểu sao nó bị như thế. Chẳng là tui phải thiết kế 1 site giống vậy:
    [​IMG]
    thì gặp 1 số khó khăn, mong các bạn help.
    ============================

    1. Các bác để ý cái khung màu cam lớn trên cùng, tổng cộng 4 ô. Hai cái line màu tím làm sao cho lệch nhau như vậy ? hễ tui click chuột kéo qua lại là nó kéo luôn 1 đường thẳng từ trên xuống dưới.
    [​IMG]
    2. Đến 2 cái hình oval màu xanh lá. Các bác để ý đường viền ấy, cái thứ nhất thì có đường viền, cái thứ 2 thì không !? lúc đầu không có đường viền (size = 0), tui click chuột phải vào 1 cột > Table Propeties ... > chỉnh size đường viền => size đường viền của tất cả cột trong bảng bị đổi, mặc dù tui chỉ chọn 1 cột !?

    3. Bên trái dấu hoa thị màu vàng (hình trên) có 1 ô vuông nhỏ màu trắng. muốn làm cái ô đó tui chỉ có 1 cách là insert thêm 1 hàng như vầy:
    [​IMG]
    => k biết đó có phải hạ sách ? còn cách nào khác k ạ?

    4. Câu cuối cùng: làm sao canh cho chữ cách đều 2 bên 1 khỏang như vậy (mũi tên màu vàng)
    [​IMG]

    Thank you very much !
     
  2. Hikaru Koto

    Hikaru Koto Mr & Ms Pac-Man

    Tham gia ngày:
    18/7/05
    Bài viết:
    111
    Nơi ở:
    HCMC
    Cái này tui thấy pác nên dùng code cho dễ:

    1. Pác để ý thấy thẻ <td width="..."> chứ? nó là thẻ quy định chiều rộng bất di bất dịch cho các cell (ô). Vd: td width="300" nghĩa là chiều rộng của cell đó là 300px, cho dù ở bất cứ độ phân giải nào. Trường hợp của pác có 4 cell, tùy pác quy định cho mỗi cell, nhưng nên nhớ 2 cell trên cộng lại fải = 2 cell dưới cộng lại = chiều rộng của cả table (quy định ở thẻ table width).

    2. Pác fải quy định cho nó như sau: border-x-style: none. Với x là top, left, right hoặc bottom, tùy vào vị trí mà pác không muốn kẻ border.
    Cái này cũng có thể làm ở phần giao diện WYSIWYG, pác lên thanh menu, tìm nút border, hình ô vuông viền ngòai á, xổ xuống rồi tắt những vị trí mà pác không mún kẻ border.

    3.Thường thì người ta chèn 1 hình blank.gif vào đây để cố định nó. Làm như pác cũng đưộc thoai. No problem.

    4. Pác nên quy định ở thẻ paragraph như sau, lấy ví dụ tui canh lề 2 bên là 10px
    <p style="margin-left: 10px; margin-right: 10px">text text here</p>
    Hoặc ở giao diện WYSIWYG, pác tô đen nguyên đọan văn bản, click fải, chọn Cell format-> Style->Paragraph->Left ident và right ident. (không nhớ rõ lắm nên không chắc viết đúng chính tả, thông củm)
     
  3. benb00n

    benb00n Mr & Ms Pac-Man

    Tham gia ngày:
    13/3/05
    Bài viết:
    126
    cám ơn bác
    tui hòan chỉnh được gần hết rồi, nhưng còn định chiều rộng của ô thì khỉ quá. Cái td width="..." của tui định bằng % chứ ko phải pixel bác à, tui đổi % rồi mà nó vẫn trơ ra đó ???? Thật sự tui hết hiểu nỗi mấy cái cột này, kéo bên này nó chạy bên kia, nhiều trường hợp nó không cho kéo, tui kiểm tra kỹ càng từ trên xuống dưới vẫn k hiểu nguyên nhân.
    => thằng MS viết phần mềm chuối thật.

    Nói chung, vấn đề là FrontPage (PG) nó hiểu nhầm ý mình. Bác xem hình sẽ rõ:
    [​IMG]

    Khung màu cam lúc đầu là 1 ô, tui split ra làm 2 ô. Sau khi split, FP nó xếp cái màu tím với màu vàng thành 1 hàng, trong khi tui muốn nó thẳng hàng với cái xanh lá. Dù tui có sửa code thì chiều rộng của ô 1 vẫn không thể hẹp lại, vì kẹt khung chữ "The Brave Blend.." bên dưới ! => BÓ TAY
     
  4. Hikaru Koto

    Hikaru Koto Mr & Ms Pac-Man

    Tham gia ngày:
    18/7/05
    Bài viết:
    111
    Nơi ở:
    HCMC
    Sorry, 2 hôm nay bận wá nên không trả lời pác sớm được.
    Ừm, tui thấy pác nên kẻ nhiều table, pác hiểu ý tui chứ, tức là hàng số 1 là 1 table, hàng số 2 là 1 table,... Như vậy, pác có thể phân chiều rộng thoải mái cho các ô mà không ảnh hưởng đến các ô trên hoặc dưới vì khác table mà. Hi vọng pác giải quyết đước vấn đề.
     
  5. vngamezone_mutd

    vngamezone_mutd Youtube Master Race

    Tham gia ngày:
    17/6/05
    Bài viết:
    7
    Tui nhớ là vậy nà
    Các table nó phụ thuộc vào trên duới, bạn phải sữa các cột sao cho hợp kìa mới kéo ra keo dzô tùy ý được
     
  6. Hikaru Koto

    Hikaru Koto Mr & Ms Pac-Man

    Tham gia ngày:
    18/7/05
    Bài viết:
    111
    Nơi ở:
    HCMC
    @vngamezone_mutd: Tui không hiểu ý bạn. Các table riêng biệt thì không phụ thuộc vào nhau. Do đó ta có thể kéo hoặc định dạng thẻ td width thoải mái!
     
  7. vngamezone_mutd

    vngamezone_mutd Youtube Master Race

    Tham gia ngày:
    17/6/05
    Bài viết:
    7
    nhưng nếu một table trong một table...tui không biết nói thế nào nhưng như thế thì nó sẽ có một khoải cách nhất định, bạn sẽ không được quyên dịch chuyển hay kéo nó đi đâu
     
  8. Dark_XIII

    Dark_XIII T.E.T.Я.I.S

    Tham gia ngày:
    17/4/03
    Bài viết:
    688
    Dùng Frontpage làm gì. Cái này yếu lắm nhiều lúc dùng thấy bực. Dùng Dreamweaver ý. Nó có chế độ Layout (Ctrl-F6) kẻ table như vẽ hình ý :-|
     
  9. benb00n

    benb00n Mr & Ms Pac-Man

    Tham gia ngày:
    13/3/05
    Bài viết:
    126
    Uh FP đúng là chán thật, nhưng tui đang học lớp FP nên phải xài nó thôi. Hình như DreamWeaver là phần mềm thiết kế web mạnh nhất hiện nay? chắc khóa sau phải xách dép đi học nó thui
    @koto: tui hiểu ý bác, nhưng đúng như bác mutd nói "nó sẽ có một khoải cách nhất định, bạn sẽ không được quyên dịch chuyển hay kéo nó đi đâu", vả lại tui phải làm theo quy tắc học, k biến hóa lung tung được, đây là BT về nhà mà.
     
  10. Hikaru Koto

    Hikaru Koto Mr & Ms Pac-Man

    Tham gia ngày:
    18/7/05
    Bài viết:
    111
    Nơi ở:
    HCMC
    No mấy pác hiểu lầm ùi. Ý tui là chúng ta có nhiều table khác nhau và nằm ngòai nhau. Vd: table 1 nằm phía trên table 2, table 2 nằm trên table 3... chứ không nằm trong nhau. Nếu nằm trong nhau thì dĩ nhiên mấy pác đâu kéo cột thoải mái được.
    Dreamweaver chuyên nghiệp. So với Dr thì FP chỉ là bán chuyên thôi. Do đó dễ hiểu là sẽ khó định dạng trang web hơn. Ngòai ra Dr còn hỗ trợ tốt PHP lẫn ASP.
     

Chia sẻ trang này