Hướng dẫn cách làm - Hình ảnh minh họa - Phim hướng dẫn Xin hướng dẫn code canh hình vào giữa và tạo border

Hôm nay, 10/12/2016 - 21:40

Múi giờ UTC + 7 Giờ



Nội quy chuyên mục


Thành viên đăng quảng cáo trong chuyên mục này sẽ bị xóa toàn bộ bài viết và cấm vĩnh viễn tham gia Diễn đàn.

* Xem qui định đăng bài viết tại đây: viewtopic.php?f=2&t=318247



Tạo chủ đề mới Gửi bài trả lời
Gửi bàiĐã gửi: 16/12/2011 - 21:47 
manhtrung321

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 13/02/2011 - 15:18
Bài viết: 171
Đã cảm ơn: 0 lần
Được cảm ơn: 4 lần
Xin các bác và bác TruongLe chi giúp cách canh chỉnh hình vào giữa giúp mình ( Có hình minh họa bên dưới)
Canh giữa tên sản phẩm và giá mình đã làm dc, nhưng còn canh thumbnail vào giữa mình vẫn chưa làm dc
Và các tạo border nhưng hình minh họa
Khi các thumbnail có thể có kích thước không bằng nhau, nhưng tất cả đều nằm trong border đó cho đẹp
Vui lòng đăng ký thành viên và đăng nhập để xem nội dung này.


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 17/12/2011 - 22:44 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1656
Đã cảm ơn: 4 lần
Được cảm ơn: 638 lần
Về nguyên tắc thì khi các dòng chữ nằm giữa thì có nghĩa là khối đó (div, table,...) đã được định dạng để các phần tử bên trong đó (nói chung) đều được canh giữa, nếu một phần tử nào đó không nằm giữa thì có thể nó nằm trong một khối khác và đã được đinh dạng khác đi. Nguyên nhân do đâu thì bạn phải xem source code và css của nó mới biết được.

Còn bạn muốn tạo boder cho hình ảnh thì có thể sử dụng code này trong css:

Mã:
img {border: solid 1px #000000;}

Trong đó:

solid: tạo đường viền liên tục
1px: độ dày của đường viền là 1px
#000000: Là mã của màu đen

Lưu ý: Code này sẽ tạo border cho tất cả các ảnh, nếu bạn không muốn những ảnh khác có border thì phải đặt code này trong class hoặc id nào muốn tạo border.

Thí dụ bạn chỉ muốn tạo border cho các ảnh nằm trong <div class="product">....</div> thì dùng code:
Mã:
.product img {border: solid 1px #000000;}


:)

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 18/12/2011 - 12:30 
manhtrung321

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 13/02/2011 - 15:18
Bài viết: 171
Đã cảm ơn: 0 lần
Được cảm ơn: 4 lần
Code này chỉ tạo border cho ảnh thôi ! hay là tạo luôn cái border bao quanh tên sản phẩm, giá, thumbnail luôn bác TruongLe


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 19/12/2011 - 23:26 
manhtrung321

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 13/02/2011 - 15:18
Bài viết: 171
Đã cảm ơn: 0 lần
Được cảm ơn: 4 lần
Bác TruongLe có thể chỉ rõ giúp mình , nếu muốn tạo cái Border cho cái Thumbnail ko thôi thì dùng Code gì, và chèn vào đâu giúp mình với, vì mình ko rành code lém hehe
Làm phiền bác nhé


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 20/12/2011 - 21:50 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1656
Đã cảm ơn: 4 lần
Được cảm ơn: 638 lần
manhtrung321 đã viết:
Code này chỉ tạo border cho ảnh thôi ! hay là tạo luôn cái border bao quanh tên sản phẩm, giá, thumbnail luôn bác TruongLe

Bên trên có nói rõ là Code này chỉ tạo border cho ảnh.
manhtrung321 đã viết:
Bác TruongLe có thể chỉ rõ giúp mình , nếu muốn tạo cái Border cho cái Thumbnail ko thôi thì dùng Code gì, và chèn vào đâu giúp mình với, vì mình ko rành code lém hehe
Làm phiền bác nhé

Bên trên có hướng dẫn, cụ thể thế nào thì phải tùy theo template và module có chứa ảnh.

:)

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Hiển thị những bài viết cách đây:  Sắp xếp theo  
Tạo chủ đề mới Gửi bài trả lời
 Bạn đang xem trang 1 / 1 trang [ 5 bài viết ] 

Các chủ đề liên quan


Múi giờ UTC + 7 Giờ


Bạn không thể tạo chủ đề mới trong chuyên mục này.
Bạn không thể trả lời bài viết trong chuyên mục này.
Bạn không thể sửa những bài viết của mình trong chuyên mục này.
Bạn không thể xoá những bài viết của mình trong chuyên mục này.
Bạn không thể gửi tập tin đính kèm trong chuyên mục này.

Chuyển đến: