Xin hướng dẫn code canh hình vào giữa và tạo border

Thảo luận các vấn đề vể cài đặt và sử dụng Joomla! và các thành phần mở rộng của Joomla!
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: Nội quy đăng bài viết
Đăng trả lời
manhtrung321
Thành viên
Thành viên
Bài viết: 171
Ngày tham gia: 13/02/2011 - 15:18

Xin hướng dẫn code canh hình vào giữa và tạo border

Gửi bài gửi bởi manhtrung321 » 16/12/2011 - 21:47

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.

Hình đại diện của thành viên
TruongLe
Thành viên
Thành viên
Bài viết: 1684
Ngày tham gia: 14/09/2010 - 20:20

Re: Xin hướng dẫn code canh hình vào giữa và tạo border

Gửi bài gửi bởi TruongLe » 17/12/2011 - 22:44

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ã: Chọn tất cả

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ã: Chọn tất cả

.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!

manhtrung321
Thành viên
Thành viên
Bài viết: 171
Ngày tham gia: 13/02/2011 - 15:18

Re: Xin hướng dẫn code canh hình vào giữa và tạo border

Gửi bài gửi bởi manhtrung321 » 18/12/2011 - 12:30

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

manhtrung321
Thành viên
Thành viên
Bài viết: 171
Ngày tham gia: 13/02/2011 - 15:18

Re: Xin hướng dẫn code canh hình vào giữa và tạo border

Gửi bài gửi bởi manhtrung321 » 19/12/2011 - 23:26

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é

Hình đại diện của thành viên
TruongLe
Thành viên
Thành viên
Bài viết: 1684
Ngày tham gia: 14/09/2010 - 20:20

Re: Xin hướng dẫn code canh hình vào giữa và tạo border

Gửi bài gửi bởi TruongLe » 20/12/2011 - 21:50

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!

Đăng trả lời
  • Các chủ đề liên quan
    Trả lời
    Xem
    Bài viết mới nhất

Quay về

Quảng cáo trên trang Web BuaXua.VN