Help em cái này !

[comeback]

Em đang học HTML, cô giáo cho tấm hình này !
1528

Cô nói làm sao mà dc cái bo góc của các bảng thì chấm điểm. Nhưng em nghĩ đó chỉ là hình thôi phải ko các anh???? Xin hương dẫn em

[hanhkhat]

bạn up lại tấm hình lên imageshack.us để tấm hình to hơn nha.
Bạn nói rõ lại cái bo góc là sao. mình không hiểu cho lắm?

[hanhkhat]

Thấy rồi :D
Đây là link 4 file hình


http://www.thietkewebsitedep.com/templates/ja_sanidineii_light/images/box-br.gif
http://www.thietkewebsitedep.com/templates/ja_sanidineii_light/images/box-bl.gif
http://www.thietkewebsitedep.com/templates/ja_sanidineii_light/images/box-tr.gif
http://www.thietkewebsitedep.com/templates/ja_sanidineii_light/images/box-tl.gif


Còn đây là file css của nó.

http://www.thietkewebsitedep.com/templates/ja_sanidineii_light/css/template.css

[comeback]

Ôi em cám ơn ! ^ ^ Anh SMOD nhiều

[comeback]

Còn 1 vần đề anh ạ. em sửa file CSS chỉ lấy phần mã để tao cái bo viền ấy nhưng kết quả chỉ được như thế này... SMOD ơi anh giúp em cái phần trắng đó nhe !
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/06/20/12/89351277010151.JPG



div.moduletable h3 {
margin: 0 -8px 10px;
padding: 0 0 0 30px;
font-size: 100%;
height: 28px;
line-height: 28px;
color: #333333;
background: url(h3-bg.gif) no-repeat left;
text-transform: uppercase;
}
div.moduletable h3 span {
display: block;
height: 28px;
background: url(h3-bg.gif) no-repeat right;
}
div.moduletable {
margin: 0;
padding: 0 15px;
}
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.module_fixbr h3,
div.ja-box-br h3 {
margin: 0 0px 10px;
padding: 0 0 0 30px;
font-size: 100%;
height: 28px;
line-height: 28px;
color: #FFFFFF;
background: url(h3-bg.gif) no-repeat left #333333;
text-transform: uppercase;
}
div.module h3 span,
div.module_text h3 span,
div.module_menu h3 span,
div.module_hilite h3 span,
div.module_fixbr h3 span,
div.ja-box-br h3 span {
display: block;
height: 28px;
background: url(h3-bg.gif) no-repeat right;
}
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.module_fixbr,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
margin-bottom: 5px;
}
div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.module_fixbr div,
div.ja-box-bl {
margin: 0;
padding: 0;
background: url(box-bl.gif) no-repeat bottom left;
}
div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.module_fixbr div div,
div.ja-box-tr {
padding: 0;
margin: 0;
background: url(box-tr.gif) no-repeat top right;
}
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.module_fixbr div div div,
div.ja-box-tl {
padding: 15px 20px 15px;
background: url(box-tl.gif) no-repeat top left;
}
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div,
div.module_fixbr div div div div {
margin: 0;
padding: 0;
background: none;
overflow: hidden;
}
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li,
div.module li,
div.module_menu li,
div.module_text li {
padding-left: 15px;
background-position: 5px 7px;


Và 4 các hình đó là 4 hình mà SMOD gửi cho em :(

[comeback]

Moi nguoi oi giup em di T_T

[hanhkhat]

<div class="module">
<div>
<div>
<div>
thich viet gi o day thi viet
</div>
</div>
</div>
</div>bạn bị thiếu tấm hình bottom_left

nếu muốn làm thig bạn để css thế này kết hợp với cấu trúc thẻ div phía trên là đủ


div.module
{
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
margin-bottom: 5px;
}
div.module div
{
margin: 0;
padding: 0;
background: url(box-bl.gif) no-repeat bottom left;
}
div.module div div
{
padding: 0;
margin: 0;
background: url(box-tr.gif) no-repeat top right;
}
div.module div div div
{
padding: 15px 20px 15px;
background: url(box-tl.gif) no-repeat top left;
}
div.module div div div div
{
margin: 0;
padding: 0;
background: none;
overflow: hidden;
}
nhớ viết trong thẻ div cuối cùng nhiều nhiều chút cho nó đẹp nha:)
mà công nhận trang joomla này làm giao diện cũng đẹp thiệt:MatCuoi (23):

[comeback]

Cái CSS của anh dùng được nhưng mà anh ơi khi đưa vào thì không chạy được ở bài của em. Em thử riêng ở ngoài thì nó vẫn bao được cái table nhưng nếu width của màn hình bao nhiêu là nó chạy ra tới đó. Không làm được với bài của em... Anh coi giùm em code trong này nha !

[hanhkhat]

thứ nhất: code viết sai quá nhiều. có khúc thừa khúc thiếu.
Thứ 2: em viết dư quá nhiều thẻ div. có sự trùng lặp tên
ví dụ
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.module_fixbr,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
margin-bottom: 5px;
}
class div.ja-box-br, div.module_fixbr và div.module là như nhau. em lại tạo 2 thẻ div lồng nhau

<DIV class=module>
<DIV class=ja-box-full>
<div class=module_fixbr>
<div class=module_hilite>
<div class=ja-box-bl>
<div class=ja-box-tr>
<div class=ja-box-tl>
như vậy sẽ tạo ra sự trùng thẻ div. hậu quả khó lường.

thứ 3: mình đã đưa em 4 tấm hình đó. em lại lấy 4 tấm hình khác( khác tấm top- left) nên bị lỗi. lấy lại tấm top left mình đưa sẽ sửa được lỗi
thứ 4: khung to bên trái và khung nhỏ bên phải sử dụng 4 hình khác nhau chứ không giống nhau. 4 tấm mình đưa làm ví dụ là dành cho cái khung nhỏ bên phải:)

Nếu dùng cho khung bên trái, giả sử khung quá dài, chắc chắn khúc giữa sẽ bị trống ngay lập tức.


em chú ý, các thẻ đã mở thì phải đóng ngay lập tức, không thì dễ gây lỗi nếu quên đóng hoặc làm thiếu thẻ -> lỗi.

vd: khúc này em không đóng thẻ <font>

<td align="left" valign="middle" colspan="2" bgcolor=313131 height=25><font color=white face=tahoma size=2>&nbsp;&nbsp;Thiet ke web - Thiết kế Website đẹp: Trang chủ</td>Chúc em học tốt:)

http://www.mediafire.com/?igizmwnkzzz