<![CDATA[Latest posts for the topic "Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768"]]> /hvaonline/posts/list/5.html JForum - http://www.jforum.net Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768 /hvaonline/readingRoom/list.html" hay các tuts, muốn đọc và làm luôn mà nhảy qua lại windows khá mệt. VD: /hvaonline/posts/list/17283.html ]]> /hvaonline/posts/list/44356.html#273862 /hvaonline/posts/list/44356.html#273862 GMT HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ?

tenminhlaanh wrote:
Có nhiều chủ đề thường phải để Full screen mới đọc hết được nội dung - không thì scroll mệt mỏi. Đặc biệt trong " /hvaonline/readingRoom/list.html" hay các tuts, muốn đọc và làm luôn mà nhảy qua lại windows khá mệt. VD: /hvaonline/posts/list/17283.html  
Bạn dùng trình duyệt nào? Màn hình độ phân giải bao nhiêu mà không đọc được hết nội dung? Bất cứ bài viết nào dài thì đều phải scroll xuống để đọc nội dung! - Ky0 -]]>
/hvaonline/posts/list/44356.html#273867 /hvaonline/posts/list/44356.html#273867 GMT
HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ? phòng đọc:
- Lỗi co bài viết trong đề tài sticked:/hvaonline/posts/list/17283.html
- Bài viết ổn định:/hvaonline/posts/list/4090.html

Mọi bài viết nên cùng bật chức năng co dãn sẽ tiện tham khảo hơn phải không? ]]>
/hvaonline/posts/list/44356.html#273873 /hvaonline/posts/list/44356.html#273873 GMT
HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ? /hvaonline/posts/list/44356.html#273874 /hvaonline/posts/list/44356.html#273874 GMT HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ? /hvaonline/posts/list/44356.html#273970 /hvaonline/posts/list/44356.html#273970 GMT HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ? /hvaonline/posts/list/44356.html#274007 /hvaonline/posts/list/44356.html#274007 GMT HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ?

hcvtpt wrote:
Khi mình zoom chữ cho to lên cũng bị như tràn như vậy, phải sử dụng thanh trượt qua trái phải (firefox), mà để chữ nhỏ thì đọc mỏi mắt quá. 
Zoom set default 100%]]>
/hvaonline/posts/list/44356.html#274255 /hvaonline/posts/list/44356.html#274255 GMT
HVA có thể thay đổi cách hiển thị bài viết cho dễ nhìn hơn ?

tenminhlaanh wrote:
Browser đang dùng là Chrome version 25, đôi khi là opera. Resolution: 1366x768 ( chắc k liên quan :) )  
Mình nghĩ có liên quan đấy. Vấn đề nằm ở [ code ] tag, độ phân giải màn hình, và cả browser nữa. Ví dụ với bài viết này: /hvaonline/posts/list/44967.html - Độ phân giải màn hình: 1366x768 - Trên Firefox, dùng Firebug, chọn Inspect Element, di chuột vào khung [ code ], chọn sang Layout tab sẽ thấy chiều rộng = 1270 + 2*10 (padding) + 2*10 (margin) = 1310 => dẫn đến vỡ khung. - Trên Chromium, làm tương tự rồi di chuột đến <div class="coded"> thì thấy chiều rộng chỉ là 1290px => không bị vỡ khung. Lý do: - Trong Firebug, quay lại Style tab sẽ thấy đoạn này: Code:
.coded {
    background-color: #444444;
    color: White;
    font-family: "Times New Roman",Times,serif;
    margin: 10px;
    padding: 10px;
    width: 1270px;
}
Disable "width" đi hoặc giảm xuống 1220px chẳng hạn thì... thanh cuốn sẽ biến mất. Giải pháp tạm thời: - cài Stylish addon lên: https://addons.mozilla.org/en-US/firefox/addon/stylish/ - Write new style => For www.hvaonline.net rồi thêm vào đoạn sau: Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.hvaonline.net") {
    .coded {
        width: 1220px !important;
    }
}
Giải pháp chuẩn: nên lấy độ phân giải màn hình và set width theo %.]]>
/hvaonline/posts/list/44356.html#277518 /hvaonline/posts/list/44356.html#277518 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768 Code:
.coded {
    background-color: #444444;
    color: White;
    font-family: "Times New Roman",Times,serif;
    margin: 10px;
    padding: 10px;
    width: 1270px;
}
chỉnh lại width = 90% rồi. Chờ vài giờ cache nó refresh rồi thử lại coi :). ]]>
/hvaonline/posts/list/44356.html#277551 /hvaonline/posts/list/44356.html#277551 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768

conmale wrote:
Code:
.coded {
    background-color: #444444;
    color: White;
    font-family: "Times New Roman",Times,serif;
    margin: 10px;
    padding: 10px;
    width: 1270px;
}
chỉnh lại width = 90% rồi. Chờ vài giờ cache nó refresh rồi thử lại coi :).  
Chưa ổn anh ạ. Thanh cuốn vẫn xuất hiện khi nội dung [ code ] quá dài: /hvaonline/posts/list/44966.html#277505 Có lẽ phải sửa cả <pre> tag để wrap text nữa: Code:
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
http://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag]]>
/hvaonline/posts/list/44356.html#277558 /hvaonline/posts/list/44356.html#277558 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768 1024x768 và trình duyệt IE (hay Firefox). Khi đó họ phải lập các table và điều chỉnh size của hình ảnh (trong trang) cho phù hợp với "chuẩn " trên. Vì vậy không ít trang mang thường có chú thích đại khái như thế này: "Website xem tốt nhất với màn hình có độ phân giải 1024x768 (pixel) và với IE (browser)" Khi thấy khung hình của trang đang đọc bị phá vỡ (nên người đọc phải "rê" chuột sang trái và phải mỗi dòng trên post-và như vậy rất mất thì giờ, khó chịu) thì người đọc có thể zoom out liên tục. Nhưng nếu zoom out quá cỡ thì chữ trên post sẽ nhỏ xíu- lại khó đọc. Thiết kế trang HVA forum tôi thấy cơ bản là tốt, chỉ có 2 trường hợp cần lưu ý vì dễ gây vỡ khung hình: 1- Thành viên HVA upload lên forum các hình ảnh có Width quá rộng > 800 pixels. Họ không resize (Width) image trước khi upload. Height của image thì lại không quan trọng. Ta cần phải nhắc nhở các thành viên. Tốt nhất là giữ cho Width của image khoảng 700 pixels. 2- Có không ít trường hợp user sử dụng tiện ích "code" trên forum gây vỡ khung hình. Nếu dùng tiên ích "quote" thì lại không sao cả. Việc này là thực tế, nhung tôi chưa tìm hiểu để biết nguyên nhân. ]]> /hvaonline/posts/list/44356.html#277851 /hvaonline/posts/list/44356.html#277851 GMT Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768 /hvaonline/posts/list/44966.html#277528 thì lỗi phá vỡ khung hình gây ra từ bài viết thứ ba trong trang (bài số 17/07/2013 04:47:25 (+0700) | #3 | 277505 ) do bạn minhquang.qhamy post. Tại bài viết này bạn minhquang.qhamy đã dùng tiện ích "code" thay vì nên dùng "quote" (Ai đó thử editt lại bài này với "quote" sẽ thấy hiệu quả ngay) Có một điều tôi thắc mắc mà chưa có dịp bàn. Đó là tiện ích "code" trong không ít trường hợp vẫn phá vỡ khung hình forum, ngay cả khi chiều rộng của dòng text (trong code) không dài, thậm chí khá ngắn. Đó là thực tế.]]> /hvaonline/posts/list/44356.html#277853 /hvaonline/posts/list/44356.html#277853 GMT Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768

PXMMRF wrote:
Không một website nào lại có thể đáp ứng hoàn hảo mọi màn hình có độ phân giải khác nhau và các loại trình duyệt mà user đang sử dụng.  
Vâng, nhưng với những trình duyệt và độ phân giải màn hình thông dụng thì chắc sẽ làm được. Ví dụ: - độ phân giải màn hình >= 1024x768 - trình duyệt: Firefox, Chrome, ...

PXMMRF wrote:
Khi thấy khung hình của trang đang đọc bị phá vỡ (nên người đọc phải "rê" chuột sang trái và phải mỗi dòng trên post-và như vậy rất mất thì giờ, khó chịu) thì người đọc có thể zoom out liên tục. Nhưng nếu zoom out quá cỡ thì chữ trên post sẽ nhỏ xíu- lại khó đọc.  
Tạm thời em đang phải dùng Stylish add-on như đã đề cập ở trên.

PXMMRF wrote:
Thiết kế trang HVA forum tôi thấy cơ bản là tốt, chỉ có 2 trường hợp cần lưu ý vì dễ gây vỡ khung hình: 1- Thành viên HVA upload lên forum các hình ảnh có Width quá rộng > 800 pixels. Họ không resize (Width) image trước khi upload. Height của image thì lại không quan trọng. Ta cần phải nhắc nhở các thành viên. Tốt nhất là giữ cho Width của image khoảng 700 pixels.  
Tốt nhất là: dù họ có chèn ảnh rộng thế nào đi nữa, mình sẽ làm 1 cái thanh cuốn chỗ bao quanh image thôi, chứ không để xuất hiện thanh cuốn ở cuối trang.

PXMMRF wrote:
2- Có không ít trường hợp user sử dụng tiện ích "code" trên forum gây vỡ khung hình. Nếu dùng tiên ích "quote" thì lại không sao cả. Việc này là thực tế, nhung tôi chưa tìm hiểu để biết nguyên nhân.  

PXMMRF wrote:
Tại trang mà quanta dẫn ra dưới đây: /hvaonline/posts/list/44966.html#277505 thì lỗi phá vỡ khung hình gây ra từ bài viết thứ ba trong trang (bài số 17/07/2013 04:47:25 (+0700) | #3 | 277505 ) do bạn minhquang.qhamy post. Tại bài viết này bạn minhquang.qhamy đã dùng tiện ích "code" thay vì nên dùng "quote" (Ai đó thử edit lại bài này với "quote" sẽ thấy hiệu quả ngay)  
Có những cái phải dùng [ code ] mới đẹp anh ạ.

PXMMRF wrote:
Có một điều tôi thắc mắc mà chưa có dịp bàn. Đó là tiện ích "code" trong không ít trường hợp vẫn phá vỡ khung hình forum, ngay cả khi chiều rộng của dòng text (trong code) không dài, thậm chí khá ngắn. Đó là thực tế. 
Sau khi anh conmale chỉnh width thành 90% rồi, anh vẫn còn thấy topic nào đó bị tình trạng này ạ? Anh cho em 1 ví dụ với.]]>
/hvaonline/posts/list/44356.html#277856 /hvaonline/posts/list/44356.html#277856 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768 /hvaonline/posts/list/44966.html#277528 Máy của tôi set độ phân giải là 1024x768 (thông dung) Tôi sử dung trình duyệt Firefox version 22.0 , Zoom= 100% Đây là các hình chụp toàn màn hình bị vỡ khi bài viết thứ ba trong trang (bài số 17/07/2013 04:47:25 (+0700) | #3 | 277505 ) do bạn minhquang.qhamy post. mà trong bài viết này bạn minhquang.qhamy đã dùng tiện ích "code"

Và đây là hình chụp toàn màn hình sau khi tôi đã edit lại bài nói trên: chỉ thay "code" bằng "quote" mà thôi.

Ghi chú: Hiện nay tôi đã chỉnh lại trang /hvaonline/posts/list/44966.html#277528 (thay code= quote tại bài thứ ba) ---------------------------- Tôi đã tự mình thiết kế khá nhiều website (loại khó thiết kế vì dùng nhiều flash). Khi thiết kế web có hai cách setting width của một table, image, flash ... xác định bằng % (1) (thí dụ 80% , 90% ...width của trang) và xác định với trị số pixel cụ thể (2) (thí dụ width= 600, 724 pixels...). Setting với trị số % thì dễ và nhanh nhưng website rất dễ bị phá vỡ khung hình (frame) và /hoặc khung hình không bị phá vỡ khi xem bằng IE lại bị phá vỡ, hoặc các hình đè lên nhau khi xem website với Firefox.... Vì vây nên setting bằng pixels. Không nên setting bằng % Các bạn nhớ đọc thật kỹ bài viết của tôi nhé. Cảm ơn! ]]>
/hvaonline/posts/list/44356.html#277864 /hvaonline/posts/list/44356.html#277864 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768

PXMMRF wrote:
Khi thiết kế web có hai cách setting width của một table, image, flash ... xác định bằng % (1) (thí dụ 80% , 90% ...width của trang) và xác định với trị số pixel cụ thể (2) (thí dụ width= 600, 724 pixels...). Setting với trị số % thì dễ và nhanh nhưng website rất dễ bị phá vỡ khung hình (frame) và /hoặc khung hình không bị phá vỡ khi xem bằng IE lại bị phá vỡ, hoặc các hình đè lên nhau khi xem website với Firefox.... Vì vây nên setting bằng pixels. Không nên setting bằng %  
Vâng ạ. Ý em là nếu để được % là đẹp nhất chứ để pixels với màn hình có độ phân giải cao (ví dụ 1440x900) thì nhiều khi hơi lọt thỏm.]]>
/hvaonline/posts/list/44356.html#277867 /hvaonline/posts/list/44356.html#277867 GMT
Vỡ khung trên màn hình có độ phân giải nhỏ hơn hoặc bằng 1366x768

quanta wrote:
Anh PXMMRF, Khi anh dùng [ quote ] thì không còn xuất hiện thanh cuốn nữa, đó là bởi vì [ quote ] đã tự enable text wrapping rồi, trong khi [ code ] thì không. 
Chính xác. Và việc bây giờ là anh conmale cần tạo một cell trong table. Cell này dùng cho "code" và cell này cũng được fix bởi giá trị pixels cụ thể, phù hợp. Anh conmale thiết kế website-forum bằng Java, tôi biết ít về lĩnh vực này, không bằng anh conmale, nên không dám lạm bàn.
Vâng ạ. Ý em là nếu để được % là đẹp nhất chứ để pixels với màn hình có độ phân giải cao (ví dụ 1440x900) thì nhiều khi hơi lọt thỏm. 
Khi ta dùng cách xác định table, image, flash... bằng %, thì có nghĩa là width của table xác định bằng % đồng thời width của image trong một cell nào đó cũng fix bằng % width của cell (một table có nhiều cell). Đó chính là sự rắc rối dễ gây vỡ khung hình. Như tôi đã viết:
Không một website nào lại có thể đáp ứng hoàn hảo mọi màn hình có độ phân giải khác nhau và các loại trình duyệt mà user đang sử dụng. 
Dẫn ra là một thí dụ cụ thể (cái gì cũng phải cụ thể thì bàn mới hay. Hi hì). Đây là một website mà tôi thiết kế từ A--->Z (Y, Z là đánh máy bài viết) http://mybich.com Thiết kế về mỹ phẩm nên phải mầu mè, xinh động chút ít Các bạn vào mục "Products" để kiểm tra. Nếu xem với IE (8,9,10) thì dù màn hình setting ở độ phân giải nào (từ thấp đến cao) và tại bất cứ độ phân giải nào nếu điều chỉnh thay đổi zoom (từ 50%-200%..) thì khung hình cũng không bị phá vỡ, xô lệch. Nhưng khi dùng Firefox thì khung hình ổn định ở mọi độ phân giải màn hình. Nhưng tại một độ phân giải cụ thể nào đó, nếu đặt zoom ở 100% (reset zoom) thì OK. Nhưng nếu "zoom in" hay "zoom out" thì một số khung hình bị xô lệch. Đúng không? Tuy nhiên website cũng xem khá trên CentoS 6.x. Như thế đấy! (Các bạn xem và nhắc bạn gái mua mỹ phẩm của Mỹ bích nhé. Cám ơn! Hì hì)]]>
/hvaonline/posts/list/44356.html#277876 /hvaonline/posts/list/44356.html#277876 GMT