Pytania otagowane jako css

CSS (Cascading Style Sheets) to język arkusza stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje także, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

5
Najłatwiejszy css dla „czerwonych” powiadomień w stylu Facebooka
Potrzebuję powiadomienia w stylu Facebooka, ale uzyskanie czegoś, co wygląda ładnie w różnych przeglądarkach, wydaje się trudne. Na przykład różne przeglądarki wydają się inaczej traktować wypełnienia, co powoduje dziwnie wyglądające powiadomienia. Jaki jest najlepszy sposób na zapewnienie ładnego wyświetlania powiadomień w różnych przeglądarkach? Nie jest to niekorzystne dla używania javascript, …
8
Lista uporządkowana HTML 1.1, 1.2 (liczniki zagnieżdżone i zakres) nie działa
Używam zagnieżdżonych liczników i zakresu, aby utworzyć uporządkowaną listę: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> …
88 html  css  html-lists 
10
wysokość linii jako procent nie działa
Mam problem z wysokością linii, którego nie mogę sobie wyobrazić. Poniższy kod wyśrodkuje obraz w elemencie div: CSS .bar { height: 800px; width: 100%; line-height:800px; background-color: #000; text-align: center; } .bar img { vertical-align: middle; } HTML <div class="bar"> <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" /> </div> Jeśli jednak zmienię wysokość linii …
87 css 
8
Jak wyśrodkować zakładki programu ładującego Twittera na stronie?
Używam programu bootstrap na Twitterze do tworzenia przełączalnych zakładek. Oto CSS, którego używam: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> Ten kod HTML wyświetla poprawnie zakładki, ale pociągnął w lewo (co powinno się stać). Próbowałem majstrować przy CSS, …
9
Dwa elementy inline-block, każdy o szerokości 50%, nie pasują obok siebie w jednym rzędzie
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle: http://jsfiddle.net/5EcPK/ Powyższy kod próbuje umieścić elementy div #left i …
87 html  css 
13
Tworzysz efekt powiększenia obrazu po najechaniu kursorem przy użyciu CSS?
Obecnie próbuję utworzyć efekt powiększenia po najechaniu kursorem na jeden z moich czterech obrazów. Problem polega na tym, że większość przykładów zwykle używa tabel lub elementów div maski, aby nadać jakiś efekt. Oto jeden z przykładów, który implementuje co chciałbym tego . To jest mój kod do tej pory. HTML …
87 html  class  css 
6
Kliknięcie tekstu, aby wybrać odpowiedni przycisk opcji
Tworzę aplikację internetową z quizami przy użyciu PHP. Każde pytanie składa się z osobnego <label>i ma 4 możliwe wybory, za pomocą radio buttonsktórych użytkownik może wybrać swoją odpowiedź. Bieżący kod HTML dla pojedynczego pytania wygląda następująco: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input …
6
CSS, aby zatrzymać zawijanie tekstu pod obrazem
Mam następujące znaczniki: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Chcę, aby tekst zawijał się, nie trafiał do „kolumny” obrazu. Wiem, że mogę to zrobić za pomocą table(co robiłem), ale z tego powodu nie jest to wykonalne . Próbowałem następujących bez powodzenia: li span {width: 100px; …
3
Pokazuje pionowy pasek przewijania Div
Zastanawiam się, jak można na stałe wyświetlić pionowy pasek elementu div (wyszarzony, jeśli nie ma przewijania), podobny do naszych zwykłych słupków. Zasadniczo staram się umieścić całą witrynę w div (jak gmail / facebook), więc jeśli strona nie jest wystarczająco długa, cała strona przesuwa się z powodu braku pionowego paska przewijania. …
87 html  css 
2
Jak powinien działać CSS „display: table-column”?
Biorąc pod uwagę następujący kod HTML i CSS, nie widzę absolutnie nic w mojej przeglądarce (Chrome i IE najpóźniej w momencie pisania). Wszystko zwija się do 0x0 px. Czemu? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; …
7
Spraw, by div wypełnił pozostałą szerokość
На этот вопрос есть ответы на Stack Overflow на русском : Div. Занять оставшееся место Jak sprawić, by element div wypełnił pozostałą szerokość? <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> Jak mogę div2uzupełnić pozostałą część?
87 html  css 
3
Czcionki ikon: jak one działają?
Rozumiem, że czcionki ikon to tylko czcionki i że możesz uzyskać ikony, po prostu dzwoniąc do ich nazwy klasy, ale jak działają czcionki ikon? Próbowałem sprawdzić powiązane zasoby czcionek ikon załadowane w Chrome, aby zobaczyć, jak czcionki ikon wyświetlają ikony (w porównaniu do czcionek ogólnych), ale nie byłem w stanie …
87 css  web  fonts  icons  icon-fonts 
8
jquery, aby zmienić atrybut stylu klasy div
Mam taką klasę suwaka i chcę zmienić atrybut stylu style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> Próbowałem, $('.handle').css({'style':'left: 300px'})ale to nie działa. Nie wiem, co robię źle
87 javascript  jquery  css 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.