Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

6
100% ширина таблиці переповнює контейнер Div
У мене виникають проблеми із таблицею html, яка переповнює її батьківський контейнер. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> </tr> …
136 html  css  html-table 

8
Налаштування висоти рядка таблиці
У мене є цей код: <table class="topics" > <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td> <td style="padding: 0 4px 0 0;">1.0</td> <td>abc</td> </tr> <tr> <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td> <td style="padding: 0 4px 0 0;">1.3</td> <td>def</td> </tr> </table> Рядки …
136 html  css 

10
Вертикально вирівняйте зображення всередині діапазону з чуйною висотою
У мене є наступний код, який встановлює контейнер, який має висоту, яка змінюється з шириною, коли браузер змінить розмір (для підтримки квадратного співвідношення сторін). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: …

8
Вставити зображення в елемент <кнопка>
Я намагаюся відобразити png-зображення на &lt;button&gt;елементі в HTML. Кнопка має той самий розмір, що і зображення, і зображення відображається, але чомусь не в центрі - тому все це неможливо побачити. Іншими словами, здається, що верхній правий кут зображення розташований у центрі кнопки, а не у верхньому правому куті кнопки. Це …
135 html  css  image  button 

9
як встановити стиль курсору на вказівник на посилання без hrefs
У мене дуже багато &lt;a&gt;тегів html без hrefатрибуту для здійснення onclickдзвінків javascript. Ці посилання не мають стилю вказівника курсору. У них курсор стилю тексту. Як я можу встановити стиль курсору на вказівник на посилання без використання hrefатрибута? Я знаю, що можу додати href = "#". У мене це є в …

4
Примушення дитини дотримуватися викривлених кордонів батьків у CSS
У мене є інший дів. #outerі #inner. #outerмає вигнуті межі та білий фон. #innerне має вигнутих меж і зеленого фону. #innerпростягається за вигнуті межі Росії #outer. Чи все-таки це можна зупинити? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: …
135 css 

2
Виберіть другий останній елемент css
Я вже знаю про: останню дитину. Але чи є спосіб вибрати div: &lt;div id="container"&gt; &lt;div&gt;a&lt;/div&gt; &lt;div&gt;b&lt;/div&gt; &lt;div&gt;SELECT THIS&lt;/div&gt; &lt;!-- THIS --&gt; &lt;div&gt;c&lt;/div&gt; &lt;/div&gt; ПРИМІТКА: без jQuery, лише з CSS
135 html  css  css-selectors 

11
Кутовий-клі від css до scss
Я прочитав документацію , в якій сказано, що якщо я хочу використовувати, scssя повинен виконати таку команду: ng set defaults.styleExt scss Але коли я це роблю і роблю цей файл, я все одно отримую цю помилку в консолі: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

5
Шаблон 100% ширини Twitter Bootstrap 3
Я новачок у завантажувальному закладі і маю шаблон на 100%, який хочу кодувати за допомогою bootstrap. Перший стовпчик починається в лівому куті, і я маю на карті Google розтягнення в правий край. Я думав, що можу це зробити з container-fluidкласом, але це, здається, вже не доступне. Я не маю уявлення, …

4
Ефект зникнення при наближенні посилання?
на багатьох сайтах, таких як http://www.clearleft.com , ви помітите, що коли посилання наближаються, вони стануть іншим кольором на відміну від негайного перемикання, дії за замовчуванням. Я припускаю, що для створення цього ефекту використовується JavaScript, хтось знає як?
134 css  hover  fade  effect 


10
Як змусити IFrame реагувати на iOS Safari?
Проблема полягає в тому, що коли вам доводиться використовувати IFrames для вставки вмісту на веб-сайт, тоді в сучасному веб-світі очікується, що IFrame також буде чуйним. Теоретично це просто, просто помічник використання &lt;iframe width="100%"&gt;&lt;/iframe&gt;або встановлення ширини CSS, iframe { width: 100%; }однак на практиці це не зовсім так просто, але це …
134 html  css  iframe 

4
Позиція абсолютна і перелив прихований
У нас є два DIV, один вбудований в інший. Якщо зовнішній DIV не розташований абсолютним, то внутрішній DIV, який розміщений абсолютним, не підкоряється переливу, прихованому зовнішнього DIV ( приклад ). Чи є якийсь шанс змусити внутрішній DIV підкорятися переливу, прихованому зовнішнього DIV, не встановлюючи зовнішній DIV на абсолютне положення (причина, …

12
Завантаження шрифтів міждоменних ресурсів Amazon S3 CORS (міжпоширений розподіл ресурсів) та Firefox
Існує давня проблема, коли Firefox не завантажує шрифт іншого походження, ніж поточна веб-сторінка. Зазвичай проблема виникає, коли шрифти подаються на CDN. В інших питаннях були розглянуті різні рішення: CSS @ font-face не працює з Firefox, але працює з Chrome та IE З впровадженням Amazon S3 CORS, чи існує рішення за …

14
Зробити значки Awesome шрифтом у колі?
Я використовую дивовижний шрифт в якомусь проекті, але у мене є деякі речі, які я хочу зробити зі значками, що мають чудові шрифти, я можу легко викликати такий значок: &lt;i class="fa fa-lock"&gt;&lt;/i&gt; Чи можливо, щоб усі іконки завжди знаходилися в круговому колі з межею? Я щось подібне маю: Використання i …
134 css  font-awesome 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.