Programowanie css

8

Jak wyśrodkować absolutny div w poziomie za pomocą CSS?

Mam element div i chcę, aby był wyśrodkowany w poziomie - chociaż podam, margin:0 auto;że nie jest wyśrodkowany ... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css html center absolute

18

CSS: kontroluj odstępy między punktorem a <li>

Chciałbym kontrolować, o ile poziomej przestrzeni pocisk przesuwa <li>go w prawo w <ol>lub <ul>. To znaczy zamiast zawsze mieć * Some list text goes here. Chciałbym móc to zmienić * Some list text goes here. lub *Some list text goes here. Rozejrzałem się, ale mogłem tylko znaleźć instrukcje dotyczące przesunięcia …

177 html css html-lists

5

CSS 3 wsuwany od lewej strony

Czy istnieje rozwiązanie dla różnych przeglądarek, które umożliwia tworzenie przejść wsuwanych tylko za pomocą CSS, bez javascript? Poniżej przykład zawartości html: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css css-transitions

20

„Pozycja: lepka” nie działa CSS i HTML

Chcę, aby pasek nawigacji trzymał się u góry po przewinięciu do niego, ale nie działa i nie mam pojęcia, dlaczego. Jeśli możesz mi pomóc, oto mój kod HTML i CSS: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: …

177 html css css-position

6

Jak dodawać czcionki do projektów opartych na tworzeniu i reagowaniu na aplikacje?

Używam aplikacji create-react- i wolę tego nie robićeject . Nie jest jasne, gdzie powinny znajdować się czcionki importowane przez @ font-face i ładowane lokalnie. Mianowicie ładuję @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Jakieś sugestie? -- EDYTOWAĆ Włączając sedno, do …

177 css reactjs fonts webpack create-react-app

19

Problemy z CSS @media print z kolorem tła;

Jestem nowy w tej firmie i mamy produkt, który wykorzystuje mile CSS. Próbuję utworzyć arkusz stylów do wydrukowania dla naszej aplikacji, ale mam problemy z programem background-colorw @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Wszystko inne działa, mogę modyfikować granice …

176 css media-queries

6

Rozciągnąć obraz tła CSS?

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> To jest mój skrypt CSS .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } Chcę rozciągnąć background-imagecałą <td>komórkę

176 html css background

10

Czy mogę zastosować styl CSS do nazwy elementu?

Obecnie pracuję nad projektem, w którym nie mam kontroli nad kodem HTML, do którego stosuję style CSS. A kod HTML nie jest dobrze oznaczony, w tym sensie, że nie ma wystarczającej liczby deklaracji identyfikatorów i klas, aby rozróżniać elementy. Dlatego szukam sposobów na zastosowanie stylów do obiektów, które nie mają …

176 html css css-selectors

12

Tekst w kontenerze elastycznym nie jest zawijany w IE11

Rozważ następujący fragment: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy text …

176 css internet-explorer flexbox internet-explorer-11

6

Wysokość procentowa HTML 5 / CSS

Próbuję ustawić a <div>na pewien procent wysokości w CSS, ale po prostu pozostaje taki sam rozmiar jak zawartość w nim. Kiedy jednak usuwam HTML 5 <!DOCTYTPE html>, działa, <div>zajmując całą stronę zgodnie z życzeniem. Chcę, aby strona została zweryfikowana, więc co mam zrobić? Mam ten CSS na <div>, który ma …

176 html css height

13

Wykrywanie wielokropka przepełnienia tekstu HTML

Mam zbiór elementów blokowych na stronie. Wszystkie mają ustawione odstępy, przepełnienie, przepełnienie tekstu w regułach CSS, dzięki czemu przepełniony tekst jest przycinany i używany jest wielokropek. Jednak nie wszystkie elementy się przepełniają. Czy mimo wszystko mogę użyć javascript do wykrycia, które elementy są przepełnione? Dzięki. Dodano: przykładowa struktura HTML, z …

176 javascript html css ellipsis

6

Selektor ostatniego dziecka w CSS: wybierz ostatni element określonej klasy, a nie ostatnie dziecko wewnątrz rodzica?

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> Chcę wybrać #com19? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } To nie działa, dopóki mam inne, div.somethingostatnie dziecko na liście commentList. Czy w tym przypadku …

176 html css css-selectors

3

Połącz: po z: hover

Chcę łączyć :afterz :hoverw CSS (lub innym pseudo selektorze). Zasadniczo mam listę, a element z selectedklasą ma zastosowany kształt strzałki za pomocą :after. Chcę, aby tak samo było w przypadku obiektów, nad którymi się znajdujesz, ale nie mogę sprawić, by działały. Oto kod #alertlist { list-style:none; width: 250px; } #alertlist …

176 css css-selectors pseudo-element

4

Selektor CSS „(A lub B) i C”?

To powinno być proste, ale mam problem ze znalezieniem odpowiednich terminów. Powiedzmy, że mam to: <div class="a c">Foo</div> <div class="b c">Bar</div> W CSS, jak mogę utworzyć selektor, który pasuje do czegoś, co pasuje do „(.a lub .b) i .c”? Wiem, że mógłbym to zrobić: .a.c,.b.c { /* CSS stuff */ …

176 html css css-selectors

4

Czy istnieje selektor CSS według prefiksu klasy?

Chcę zastosować regułę CSS do dowolnego elementu, którego jedna z klas pasuje do określonego prefiksu. Np. Chcę regułę, która będzie miała zastosowanie do div, którego klasa zaczyna się od status-(A i C, ale nie B w następującym fragmencie): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class …

175 css css-selectors

Pytania otagowane jako css