Pytania otagowane jako css

Mam kilka selektorów scss, w których używam tej samej ilości dodatniej i ujemnej, jak w: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Wolałbym używać zmiennej dla wszystkich kwot 15px, ale to nie działa: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Kwoty depozytu są zamieniane …

107 css  sass  compass-sass 

Gdy plik SVG jest bezpośrednio zawarty w dokumencie za pomocą <svg>znacznika, możesz zastosować style CSS do pliku SVG za pośrednictwem arkusza stylów dokumentu. Jednak próbuję zastosować styl do pliku SVG, który jest osadzony (za pomocą <object>tagu). Czy można użyć czegoś takiego jak poniższy kod? object svg { fill: #fff; }

107 html  css  svg 

Od kilku dni próbuję skonfigurować moją galerię miniatur, aby wszystkie obrazy miały tę samą wysokość i szerokość. Jednak gdy zmieniam kod CSS na, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Otrzymuję obrazy, które mają ten sam rozmiar, ale współczynnik proporcji jest rozciągnięty, co psuje obrazy. czy nie ma sposobu …

107 html  css  gallery  lightbox 

Chcę zmniejszyć jasność obrazu w CSS. Dużo szukałem, ale jedyne, co mam, to to, jak zmienić krycie, ale to sprawia, że ​​obraz jest jaśniejszy. czy ktoś może mi pomóc ?

107 css 

Zastanawiam się, jak mogłem zmienić rozmiar obrazu wraz z oknem przeglądarki, oto co zrobiłem do tej pory (lub pobrać całą witrynę w formacie ZIP ). Działa to dobrze w Firefoksie, ale ma problemy w Chrome: obraz nie zawsze zmienia rozmiar, w jakiś sposób zależy to od rozmiaru okna, w którym …

107 css  image  browser  resize  window 

Mam trochę HTML: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Div zmienia odstępy w moim dokumencie, więc zamiast tego chcę użyć do tego zakresu. Ale span nie centralizuje treści: <span style="border:1px solid red;align=center"> This is some text in a div element! </span> Jak …

107 html  css 

Mam stronę z elementami div, jak poniżej <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> ze stylizacją jak; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: 100%; …

107 css 

Moim celem jest zastosowanie CSS na końcu li, ale tak się nie dzieje. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> Uruchom fragment koduUkryj wynikiRozwiń fragment Jak mogę wybrać tylko ostatnie dziecko?

106 css  css-selectors 

Mam trochę osobliwy problem, który obecnie rozwiązuję za pomocą table, patrz poniżej. Zasadniczo chcę, aby dwa elementy div zajmowały 100% dostępnej szerokości, ale zajmowały tylko tyle miejsca w pionie, ile potrzeba (co nie jest tak oczywiste na rysunku). Obydwa powinny zawsze mieć dokładnie tę samą wysokość z niewielką linią między …

106 html  css  html-table 

Zamknięte . To pytanie i odpowiedzi na nie są zablokowane, ponieważ pytanie jest niezwiązane z tematem, ale ma znaczenie historyczne. Obecnie nie przyjmuje nowych odpowiedzi ani interakcji. Czytając na innym forum, natknąłem się na świat frameworków CSS. Ten, na który szczególnie patrzyłem, to BluePrint . Zastanawiałem się, czy ktoś jeszcze …

106 css  css-frameworks 

Mam stół o 100% szerokości. Jeśli wstawię do niego <td>s, zostaną one rozłożone na równej długości kolumny. Jednak chcę, aby wszystkie kolumny z wyjątkiem ostatniej miały jak najmniejszą szerokość, bez zawijania tekstu. Najpierw ustawiłem width="1px"wszystkie <td>s z wyjątkiem ostatniego (chociaż przestarzałe, ale style="width:1px"nie miało żadnego efektu), co działało dobrze, dopóki …

106 html  css  html-table 

Próbowałem, aby tekst był przesuwany w kierunku pionowym, tak jak możemy to zrobić w tabelach ms-word, ale do tej pory byłem w stanie zrobić tylko TO ... z czego nie jestem zadowolony, ponieważ jest to obrócone pudełko ... Czy nie Czy istnieje sposób na uzyskanie rzeczywistego tekstu kierunku pionowego? W …

106 html  css  text  vertical-alignment 

Jak mogę sprawić, by moje elementy listy były wyświetlane poziomo w rzędzie za pomocą CSS? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ …

106 html  css  html-lists 

Mam listę, a li mają float:left;. Zawartość po znaku <ul>powinna być prawidłowo wyrównana. Dlatego mogę zbudować następujące elementy: http://jsfiddle.net/8unU8/ Pomyślałem, że mogę usunąć <div class="clear">za pomocą pseudoselektorów, takich jak: after. Ale przykład nie działa: http://jsfiddle.net/EyNnk/ Czy zawsze muszę tworzyć oddzielne elementy div, aby usunąć elementy pływające?

106 html  css 

Chcę zaprojektować blok tekstu, taki jak na poniższym obrazku: Pytanie, czy jest to możliwe?

106 html  css