View Full Version : Mới tập tành mà gặp cái này ..!
huy_mixer
05-04-2008, 01:31
MÌnh chỉ hỏi 1 câu thôi. Sao khi xuất web ra mình thấy nó không khít với trình duyệt ở mép trên cùng (banner).
Nghĩa là cách ra 1 khoảng nhỏ. Cái đó mình phải chỉnh ở đâu để khít lại vậy. Thank,s đâ đọc tin.
SweetLoveFC
05-04-2008, 06:26
Chắc bạn nói có nghĩa là Font chữ phải ko!!! Nếu vậy thì bạn chỉ cần Edit lại dòng </p> thành <br> sau <img> của banner.
wantlove
05-04-2008, 08:35
thử xem không biết fai ý bạn hay không:
<body style:"margin-top:0">
haductrung
05-04-2008, 08:44
bạn có thể làm như thế này. Có thể do margin phần body và một phần nữa. Nếu bạn muốn nó đặt ở giữa và khít thì thêm thế này:
+nếu bạn đã khai báo css có phần body rồi thì thêm
#body{
margin: 0 auto;
}
+ Còn nếu chưa được nữa thì bạn thêm một thẻ nữa:
#allbody{
width: theo chiều rông của bạn;
margin:0 auto;
}
Cái này bạn cho nó bao toàn bộ các thẻ trong phần body của bạn tức là thế này:
body
{
<div id="allbody">
tất cả các thẻ khác
</div>
}
Hi tớ chỉ biết được đến đó. Nhưng đảm bảo sẽ không còn hở nữa!!!
2_lua_IT
05-04-2008, 16:26
Câu hỏi mơ hồ quá, kô biết đường nào mà lần. Hãy cho trường hợp cụ thể đi bạn.
Để margin auto cho tất cả thì nó thế thôi, kinh nghiệm xài CSS là format hết các giá trị có liên quan =D, cái nào xài chung thì cho nó xài cho tất cả, cái nào cần sửa thì sửa cái đó thôi.
huy_mixer
05-04-2008, 19:35
Minh sory mọi người post câu hỏi mà quên đưa hình ảnh kèm theo. Minh đưa hinh lên đây.
Mình chỉ muốn biết làm sao để nó khít lại chứ cách ra như thế này thì sao được..!
http://nhanh.vinaanh.com/ph/5b8add247f77510bc90f.gif
huy_mixer
05-04-2008, 19:57
Hic! mình đâu up lên trang đó đâu. Up lên trang web việtnam thôi.
Mong mọi người chỉ dùng cách khắc phục để không còn hở ra 1 khoảng như vậy nữa..Thank,s
trhthong
05-04-2008, 20:27
sory :D do trình duyệt bị lỗi nên không thấy hình.
Mình góp ý thế nay nghen:
Nếu bạn muốn trang web của mình canh một bên, thì có thể đặt position: absolute là được.
Đây là cái mình làm bằng CSS đầu tiên. Nếu bạn thích thì down về xem thử. Có gì đóng góp cho mình với nghen. Mình cũng đang học như bạn.
http://www.orbitfiles.com/download/id2639485575.html
haductrung
05-04-2008, 21:40
Theo tớ thì chỉ cần chó nó margin:0 auto; thì song thôi. Nếu hong được thì cho tớ xin cái đoạn code sửa thử được hông vậy>>?
phongjalvn
06-04-2008, 07:37
Theo tớ thì chỉ cần chó nó margin:0 auto; thì song thôi. Nếu hong được thì cho tớ xin cái đoạn code sửa thử được hông vậy>>?
Không nên lạm dụng margin:0 auto như vậy nhé bạn :P
Còn câu hỏi của chủ topic mình xin trả lời: Mặc định thì trình duyệt sẽ format 1 số thứ mặc định, tốt nhất là trước khi code CSS, bạn dùng global reset
Bạn có thể dùng cái này http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Còn nếu bạn muốn đơn giản, thì bạn dùng :
body { margin:0; padding:0} /*CSS*/
Hoặc <body style="margin:0; padding:0"> <!--HTML-->
haductrung
06-04-2008, 08:34
Theo mình biết thì cái margin:0 auto; thì nó nhân cái margin:0; Còn khi nó gặp trường hợp màn hình để ở chế độ khác nhau:kích thước mình định dạng nhỏ hơn khích thước của chết độ hiển thị màn hình thì nó sẽ canh giữa. Vì thường mình làm là canh giữa luôn nên quen để cái auto ý mà ( Hi lần sau hông lạm dụng nữa==> Uh hồi giờ cũng lạm dụng thật đó ==> Chỉ cần để một chỗ là được chứ gì??)
huy_mixer
07-04-2008, 01:06
Wow Thank,s mấy Bro nhiều. Mình đã khắc phục được rồi :D Sau này có gì théc méc mình lại phải nhờ mấy Bro quá.
Thank,s 1 lần nữa nghen hihi..
darkera13
07-04-2008, 10:57
Không nên lạm dụng margin:0 auto như vậy nhé bạn :P
Còn câu hỏi của chủ topic mình xin trả lời: Mặc định thì trình duyệt sẽ format 1 số thứ mặc định, tốt nhất là trước khi code CSS, bạn dùng global reset
Bạn có thể dùng cái này http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Còn nếu bạn muốn đơn giản, thì bạn dùng :
body { margin:0; padding:0} /*CSS*/
Hoặc <body style="margin:0; padding:0"> <!--HTML-->
Seo mà phải đau khổ vậy trời. Muốn reset tất cả các tag của trình duyệt về như nhau thì làm thế này này.
* {
padding: 0;
margin: 0;
list-style: none;
}
phongjalvn
07-04-2008, 13:57
Seo mà phải đau khổ vậy trời. Muốn reset tất cả các tag của trình duyệt về như nhau thì làm thế này này.
* {
padding: 0;
margin: 0;
list-style: none;
}
Bạn đọc lại cái link mình ghi nhé, trong đó có ghi lý do tại sao lại phải làm dài dòng đó =.="
Cái mã reset tất cả các tag sai rồi.
Mình thấy trong thread này bác Phongjalvn trả lời chính xác nhất, am tường về CSS chứ không phải là bê nguyên cả code css như các bác margin: 0 auto; :D
2_lua_IT
11-04-2008, 15:05
Cái mã reset tất cả các tag sai rồi.
Sai chỗ nào vậy pác, tui thấy pác ấy đúng rồi mà.
trouble_maker
12-04-2008, 01:30
cho vào trong thẻ <head></head> cái này xem:
<style type="text/css">
body {
margin: 0;
padding: 0;
}
</style>
darkera13
12-04-2008, 09:49
margin: 0 auto;
2 bác Cuong && Phong cho em hỏi cái, tại sao khi bác kia dùng cái này thì lại là "lạm dụng", nó có gì không ổn?
haductrung
12-04-2008, 13:50
Thôi vậy là đủ rồi đó. Tớ nhận là tớ lạm dụng rồi mà?? Cảm ơn anh em đã chỉ bảo thẳng thắng cái này. Nhưng mà câu trả lời đã được giải quyết rồi con gì nữa đâu mà hỏi hoài. Chúng ta cùng giải quyết câu hỏi mới hơn đi....
Quartermain
12-04-2008, 16:08
hi hi
nếu dùng tab thì ở trong thẻ td cho thêm thuộc tính valign="top" thế là nó lên thôi.
2_lua_IT
12-04-2008, 21:37
@Quatermain hay thật. Td mà kô có cái tab body margin:0; hoặc là reset các tab về 0 hết thì 10 cái td có valign="top" cũng bằng thừa. Pác tin kô ? Thử xem.
Quartermain
14-04-2008, 18:31
@Quatermain hay thật. Td mà kô có cái tab body margin:0; hoặc là reset các tab về 0 hết thì 10 cái td có valign="top" cũng bằng thừa. Pác tin kô ? Thử xem.
:D bạn cho thêm thuộc tính margin:0px; padding:0px; đấy là dùng cho cả khung. Bạn thử xem không cần cái maring:0px; padding:0px; xem.
Cái td bạn cứ cho thẻ valign:"top" mình đảm bảo nó sẽ luôn lên top, ko cách 1 phân, đối với dùng tab
phongjalvn
16-04-2008, 11:08
2 bác Cuong && Phong cho em hỏi cái, tại sao khi bác kia dùng cái này thì lại là "lạm dụng", nó có gì không ổn?
Cái này thường dùng để canh 1 div vào center, không phải dùng để reset margin.
(Not work in IE 5.5)
Test :
#div1{background:red; width:500px;height:500px; margin:0 auto}
#div1{background:blue; width:500px;height:500px; margin:0}
<div id="div1">test</div>
<div id="div2">test</div>
2_lua_IT
18-04-2008, 17:01
:D bạn cho thêm thuộc tính margin:0px; padding:0px; đấy là dùng cho cả khung. Bạn thử xem không cần cái maring:0px; padding:0px; xem.
Cái td bạn cứ cho thẻ valign:"top" mình đảm bảo nó sẽ luôn lên top, ko cách 1 phân, đối với dùng tab
Pác đang làm cho MS hay Mozilla vậy ?
Pác hay thật, fix được code của Browser luôn. Bái phục, bái phục.
Powered by vBulletin® Version 4.2.0 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.