Pytania otagowane jako css

Pracuję nad zagnieżdżonym układem flexbox, który powinien działać w następujący sposób: Najbardziej zewnętrzny poziom ( ul#main) to lista pozioma, która musi zostać rozszerzona w prawo, gdy zostanie do niej dodanych więcej elementów. Jeśli będzie zbyt duży, powinien pojawić się poziomy pasek przewijania. #main { display: flex; flex-direction: row; flex-wrap: nowrap; …

167 html  css  flexbox 

Znalazłem sposób, aby kontener div zajmował co najmniej pełną wysokość strony, ustawiając min-height: 100%;. Jednak gdy dodam zagnieżdżony element div i ustawię height: 100%;go, nie rozciąga się on do wysokości kontenera. Czy jest sposób, aby to naprawić? html, body { height: 100%; margin: 0; } #containment { min-height: 100%; background: …

167 css  html 

Czy istnieje sposób na renderowanie HTML do obrazu, takiego jak PNG? Wiem, że jest to możliwe z płótnem, ale chciałbym renderować standardowy element html, na przykład div.

167 javascript  html  css  image  render 

Chciałbym mieć A Bi Cwyrównać w środku. Jak mogę Dprzejść całkowicie w prawo? PRZED: PO: ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to …

167 html  css  flexbox 

Jestem w trakcie tworzenia mojej pierwszej solowej aplikacji Rails przy użyciu Rails 3.1.rc5. Mój problem polega na tym, że chcę, aby moja witryna warunkowo renderowała różne pliki CSS. Używam Blueprint CSS i staram się renderować koła zębate / szyny przez screen.csswiększość czasu, print.csstylko podczas drukowania i ie.csstylko wtedy, gdy strona …

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

Chciałbym zacząć używać kompasu i sassa, aby przyspieszyć rozwój. W tej chwili zainstalowałem Sass na komputerze Mac i poinstruowałem go, aby oglądał plik scss pod kątem danych wejściowych i plik css dla wygenerowanych danych wyjściowych. Z wielu artykułów, Sass jest używany z Compassem, zastanawiam się, dlaczego tak jest i co …

166 css  sass  compass-sass 

Czy można ustawić background-imagedla <path>elementu SVG ? Na przykład, jeśli ustawię element class="wall", styl CSS .wall {fill: red;}działa, ale .wall{background-image: url(wall.jpg)}też nie .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Mam stronę (XHTML Strict), na której umieszczam obraz obok zwykłych akapitów tekstu. Wszystko idzie dobrze, z wyjątkiem sytuacji, gdy zamiast akapitów używana jest lista. Punktory listy nachodzą na pływający obraz. Zmiana marginesu listy lub elementów listy nie pomaga. Margines jest obliczany od lewej strony, ale pływak wypycha elementów listy na …

166 html  css 

Mój HTML ma klasę o nazwie, .requiredktóra jest przypisana do wymaganych pól. Oto kod 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 class="form-group required"><label class="col-md-2 control-label">E-mail</label><div …

166 css  forms  twitter-bootstrap-3  form-fields 

Mój CSS: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } Teraz pokazuje zawartość Ale chcę pokazać zawartość podobną do treści ... Muszę pokazać kropki po zawartości. Treści pochodzą dynamicznie z bazy danych.

166 html  css 

Obecnie tworzę aplikację internetową przy użyciu html5 i jQuery dla iPad Safari. Mam problem, w którym duże obszary przewijania powodują, że elementy poza ekranem pojawiają się z opóźnieniem, gdy przewijam je w dół. Rozumiem przez to, że jeśli mam wiersz obrazów (lub nawet element div z gradientem), który jest poza …

165 css  ios  ipad  html  mobile-safari 

Chciałbym mieć alternatywę dla standardowego pola wyboru - w zasadzie chciałbym używać obrazów, a gdy użytkownik kliknie obraz, wygaszam go i nakładam pole wyboru. Krótko mówiąc, chcę zrobić coś takiego, jak Recaptcha 2, gdy powoduje to kliknięcie obrazów spełniających określone kryteria. Możesz zobaczyć tutaj demo Recaptcha, ale czasami może to …

165 javascript  jquery  css  html 

Jak mogę kontrolować obraz tła i kolor elementu body w elemencie iframe? Zauważ, że osadzony element body ma klasę, a iframejest strony, która jest częścią mojej witryny. Potrzebuję tego, ponieważ moja witryna ma czarne tło przypisane do treści, a następnie białe tło przypisane do elementów div zawierających tekst. Edytor WYSIWYG …

165 css  iframe  styles  overriding 

Mam następujący element: <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> Pokazuje takie okno dialogowe, w zasadzie umieszcza pasek przewijania wokół całego modal-dialogi nie modal-bodyzawiera treści, które próbuję wyświetlić. …

165 css  twitter-bootstrap 

Jaki jest najlepszy sposób na utworzenie elementu o minimalnej wysokości 100% w wielu przeglądarkach? W szczególności, jeśli masz układ ze stałymi a headeri ,footerheight jak sprawić, by środkowa część wypełniała 100%przestrzeń pomiędzy footerprzymocowaną do dna?

164 html  css  xhtml