Câu hỏi được gắn thẻ «css»

Tôi đang trong quá trình xây dựng ứng dụng Rails solo đầu tiên của mình bằng Rails 3.1.rc5. Vấn đề của tôi là tôi muốn trang web của mình hiển thị các tệp CSS khác nhau một cách có điều kiện. Tôi đang sử dụng Blueprint CSS và tôi đang …

166 css  ruby-on-rails-3.1  asset-pipeline  sprockets 

Tôi muốn bắt đầu sử dụng la bàn và sass để tăng tốc độ phát triển. Hiện tại, tôi đã cài đặt Sass trên máy mac và hướng dẫn nó xem tệp scss cho đầu vào và tệp css cho đầu ra được tạo. Từ nhiều bài viết, Sass được …

166 css  sass  compass-sass 

Có thể đặt phần tử background-imageSVG <path>không? Chẳng hạn, nếu tôi đặt thành phần class="wall", kiểu CSS .wall {fill: red;}hoạt động, nhưng .wall{background-image: url(wall.jpg)}không, cũng không .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Tôi có một trang (XHTML Strict) nơi tôi nổi một hình ảnh bên cạnh các đoạn văn bản thông thường. Tất cả đều tốt, ngoại trừ khi một danh sách được sử dụng thay vì đoạn văn. Các viên đạn của danh sách chồng lên hình ảnh nổi. Thay đổi …

166 html  css 

HTML của tôi có một lớp được gọi .requiredlà được gán cho các trường bắt buộc. Đây là HTML: <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div …

166 css  forms  twitter-bootstrap-3  form-fields 

CSS của tôi: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } Bây giờ nó đang hiển thị nội dung Nhưng tôi muốn hiển thị như nội dung ... Tôi cần hiển thị dấu chấm sau nội dung. Nội dung đang đến động từ cơ sở dữ liệu.

166 html  css 

Tôi đang làm việc trên một bố trí flexbox lồng nhau nên hoạt động như sau: Cấp độ ngoài cùng ( ul#main) là một danh sách ngang phải mở rộng sang bên phải khi thêm nhiều mục vào nó. Nếu nó phát triển quá lớn, cần có một thanh cuộn …

166 html  css  flexbox 

Tôi đã tìm ra cách để tạo một thùng chứa div để chiếm ít nhất toàn bộ chiều cao của trang, bằng cách cài đặt min-height: 100%;. Tuy nhiên, khi tôi thêm một div lồng nhau và thiết lập height: 100%;, nó không kéo dài theo chiều cao của container. …

166 css  html 

Có cách nào để kết xuất html thành hình ảnh như PNG không? Tôi biết rằng có thể với canvas nhưng tôi muốn kết xuất phần tử html tiêu chuẩn như div chẳng hạn.

166 javascript  html  css  image  render 

Tôi hiện đang phát triển một ứng dụng web bằng html5 và jQuery cho iPad Safari. Tôi đang gặp vấn đề trong đó các khu vực cuộn lớn khiến các thành phần ngoài màn hình xuất hiện sau khi trì hoãn khi tôi cuộn xuống chúng. Ý tôi là, nếu …

165 css  ios  ipad  html  mobile-safari 

Làm cách nào tôi có thể kiểm soát hình ảnh nền và màu sắc của một yếu tố cơ thể trong một iframe? Lưu ý, phần tử cơ thể nhúng có một lớp và iframelà một trang là một phần của trang web của tôi. Lý do tôi cần điều …

165 css  iframe  styles  overriding 

Cách tốt nhất để tạo một yếu tố có chiều cao tối thiểu 100% trên một loạt các trình duyệt là gì? Đặc biệt nếu bạn có bố cục với một headervà footercố định height, Làm thế nào để bạn làm cho phần nội dung giữa lấp đầy 100%khoảng trống …

164 html  css  xhtml 

Tôi muốn có một giải pháp thay thế cho hộp kiểm tiêu chuẩn - về cơ bản tôi muốn sử dụng hình ảnh và khi người dùng nhấp vào hình ảnh, hãy làm mờ nó ra và phủ lên một ô đánh dấu. Về bản chất, tôi muốn làm một …

164 javascript  jquery  css  html 

Có thể thay đổi sự xuất hiện của <input type="file">?

164 html  css  file-upload  input 

Tôi có yếu tố sau: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Nó hiển thị hộp thoại phương thức một cái gì đó như thế này, về cơ …

164 css  twitter-bootstrap