Pytania otagowane jako css

Powiedzmy, że mam ten kod HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> i ten CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Wynik można zobaczyć tutaj: http://jsfiddle.net/YMN7U/1/ Teraz wyobraź sobie, …

202 html  css 

Jaki jest właściwy sposób na pisanie kursywą? Widziałem następujące cztery podejścia: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> To jest „stara droga”. <i>nie ma znaczenia semantycznego i przekazuje jedynie efekt prezentacji wynikający z użycia kursywy. O ile widzę, jest to oczywiście błędne, ponieważ nie jest semantyczne. …

202 html  css  semantic-markup 

Czy istnieje sposób na całkowite wyłączenie zwijania marginesów? Jedyne rozwiązania, które znalazłem (pod nazwą „unollapsing”) wymagają użycia obramowania 1px lub wypełnienia 1px. Uważam to za niedopuszczalne: obcy piksel komplikuje obliczenia bez uzasadnionego powodu. Czy istnieje bardziej rozsądny sposób na wyłączenie tego zwijania marginesów?

202 css  margin  collapse 

Chciałbym wyciszyć element (zmieniając jego krycie na 0), a następnie po zakończeniu usuń element z DOM. W jQuery jest to proste, ponieważ można określić opcję „Usuń”, która ma się odbywać po zakończeniu animacji. Ale jeśli chcę animować za pomocą przejść CSS3, czy mogę wiedzieć, kiedy przejście / animacja została zakończona?

202 javascript  jquery  css 

W przeglądarce Firefox 28 używam <input type="number">działa świetnie, ponieważ wyświetla klawiaturę numeryczną w polach wprowadzania, które powinny zawierać tylko cyfry. W przeglądarce Firefox 29 za pomocą wprowadzania liczb wyświetla się przyciski spinania po prawej stronie pola, które w moim projekcie wyglądają jak bzdury. Naprawdę nie potrzebuję przycisków, ponieważ są one …

202 jquery  css  firefox  input  spinner 

Mam prostą tabelę używaną do skrzynki odbiorczej w następujący sposób: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Jak ustawić szerokość, aby Od i Data stanowiły 15% szerokości strony, a Temat - 70%. Chcę też, aby tabela zajmowała całą szerokość strony.

202 html  css  html-table 

Oto mój HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> Chcę, aby nazwa produktu (tj. „Produkt 1”, „Produkt 2” itp.) Była pogrubiona, a jej kategorie (tj. Elektronika, sport itp.) Kursywą, używając wyłącznie CSS. Znalazłem stare pytanie, w którym wspomniano, że nie jest możliwe używanie HTML …

202 html  css  drop-down-menu 

Jestem pewien, że istnieje proste rozwiązanie tego problemu. Zasadniczo, jeśli mam dwie kolumny, jak mogę dodać spację między nimi? np. jeśli HTML to: <div class="col-md-6"></div> <div class="col-md-6"></div> Wynikiem byłyby po prostu dwie kolumny obok siebie, zajmujące całą szerokość strony. Powiedzmy, że szerokość została ustawiona na tak, aby 1000pxkażda div była …

202 html  css  twitter-bootstrap-3  grid-layout 

Jak mogę zmienić wskaźnik kursora na dłoni, gdy mój myszy przechodzi ponad <tr>w A<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

Czy uporządkowana lista może generować wyniki wyglądające jak 1.1, 1.2, 1.3 (zamiast tylko 1, 2, 3, ...) z CSS? Do tej pory używanie list-style-type:decimalzaowocowało tylko 1, 2, 3, a nie 1.1, 1.2., 1.3.

201 html  css 

Mam następujący kod: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Czy można zmienić kolor wypełnienia ścieżki SVG za pomocą CSS lub w inny sposób bez zmiany go wewnątrz znacznika ścieżki?

201 css  svg 

Mam kontener div i zdefiniowałem jego styl w następujący sposób: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } To daje mi zarówno poziome, jak i pionowe paski przewijania automatycznie po zapełnieniu mojego stołu, który jest zawarty w tym div. Chcę tylko, aby automatycznie pojawiały się tylko poziome paski przewijania. Zmodyfikuję …

200 css  html 

Próbowałem stylizować fieldsetelement za pomocą display: flexi display: inline-flex. Jednak to nie zadziałało: flexzachowywał się jak blocki inline-flexzachowywał się jak inline-block. Dzieje się tak zarówno w przeglądarce Firefox, jak i Chrome, ale dziwnie działa w IE. Czy to błąd? Nie mogłem znaleźć fieldsetżadnego specjalnego zachowania, ani w HTML5, ani w …

200 html  css  flexbox 

Jeśli mam tag nagłówka <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } a potem mam akapit <p>stuff here</p>. Jak mogę zapewnić użycie CSS, którego używa każdy <p>znacznik następujący h1.hc-reform:clear:both; czy to byłoby: h1.hc-reform > p{ clear:both; } z jakiegoś powodu to nie działa.

200 html  css  css-selectors  siblings 

Mam otoki otoki, która zawiera 2 div obok siebie. Powyżej tego kontenera mam div, który zawiera mój nagłówek. Div otoki musi wynosić 100% minus wysokość nagłówka. Nagłówek ma około 60 pikseli. Zostało to naprawione. Więc moje pytanie brzmi: jak ustawić wysokość div otoki opakowania na 100% minus 60 pikseli? <div …

199 css  height