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

З огляду на наступну розмітку, як я можу використовувати CSS, щоб змусити одну клітинку (всі комірки в стовпці) підходити до ширини вмісту всередині неї, а не розтягувати (що є поведінкою за замовчуванням)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> <tr> <td class="block">this should stretch</td> …

265 html  css  html-table 

Я можу побачити у посиланнях CSS, як встановити прозорість зображення та як встановити фонове зображення . Але як я можу поєднати ці два, щоб встановити прозоре фонове зображення? У мене є зображення, яке я хотів би використовувати як фон, але воно занадто яскраве - я б хотів зменшити непрозорість приблизно …

264 css 

Мені <a>чомусь доводиться загортати значок у тег. Чи можливий спосіб змінити колір чудового піктограми на чорний? або це неможливо, поки він загорнутий у <a>тег? Приголомшливий шрифт повинен бути шрифтом, а не зображенням, правда? <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

264 html  css  font-awesome 

Це те, що я спробував (див. Тут ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } По суті, я хочу, щоб проміжок скоротився еліпсисом, коли вікно зроблено невеликим. Що я зробив не так?

264 html  css 

У мене є батьківський компонент: <parent></parent> І я хочу заселити цю групу дочірніми компонентами: <parent> <child></child> <child></child> <child></child> </parent> Батьківський шаблон: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Дочірній шаблон: <div class="child">Test</div> Так як parentі childв двох окремих компонентів, їх стилі замикаються у своїй власній області. У своєму …

264 css  angular  angular-components 

У мене є кнопка посилання всередині, <td>яку я повинен відключити. Це працює на IE, але не працює у Firefox та Chrome. Структура - Посилання всередині a <td>. Я не можу додати жодного контейнера в <td>(наприклад, div / span) Я спробував усе наступне, але не працював на Firefox (використовуючи 1.4.2 js): …

263 javascript  jquery  html  css 

У мене великий абзац тексту, який розділений на підпункти з <br>'s: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Я хочу розширити розрив між цими підпунктами, начебто два <br>чи щось подібне. Я знаю, що правильний спосіб зробити це - …

263 html  css 

Я намагаюся використовувати :beforeселектор для розміщення зображення над іншим зображенням, але я знаходжу, що це просто не працює, щоб розмістити зображення перед imgелементом, лише деяким іншим елементом. Конкретно мої стилі: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } і я вважаю, …

262 html  css 

CSS Натисніть Div внизу сторінки Будь ласка , подивіться на це посилання, я хочу навпаки: Коли зміст перетікає в скролінгу, я хочу , щоб мій колонтитули бути завжди в повній нижній частині сторінки, як переповнення стека. У мене є діва з id="footer"цим CSS: #footer { position: absolute; bottom: 30px; width: …

261 css  positioning  css-position  footer 

У мене є проект, який вимагає друкувати таблицю HTML з багатьма рядками. Моя проблема полягає в тому, як надрукована таблиця на декількох сторінках. Іноді він скоротить рядок навпіл, зробивши його нечитабельним, оскільки одна половина знаходиться на крайовому краю сторінки, а решта надрукується у верхній частині наступної сторінки. Єдиним правдоподібним рішенням, …

261 html  css  printing  html-table 

Я намагаюсь створити таблицю з фіксованим заголовком та вмістом, що прокручується, за допомогою таблиці bootstrap 3. На жаль, знайдені нами рішення не працюють із завантажувальним принципом або не псують стиль. Тут є проста таблиця завантаження, але мені чомусь невідоме, висота tbody не 10 пікселів. height: 10px !important; overflow: scroll; Приклад: …

261 html  css  twitter-bootstrap  html-table 

У мене є таблиця, де я показую / приховую повний стовпчик від jQuery через клас CSS, який не існує: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> З цим DOM я можу це зробити …

260 html  css  w3c-validation  web-standards 

Я хочу створити веб-сторінку з банером та рамкою. Я сподіваюсь, що кадр iframe може заповнити всю решту висоти сторінки та змінити її автоматично, коли браузер змінює розмір. Чи можна це зробити без написання коду Javascript, лише за допомогою CSS? Я спробував встановити height:100%на iframe, результат досить близький, але iframe намагався …

260 html  css  iframe 

Я хочу видалити всі відступи від ul. Я спробував встановити margin, padding, text-indentдо 0, але безрезультатно. Здається, що встановлення text-indentна від'ємне число робить трюк - але чи справді це єдиний спосіб видалити відступ?

260 html  css 

Я хочу мати "всередині" список, в якому всі букви списку або десяткові цифри перебувають у повному обсязі з поліпшеними текстовими блоками. Другі рядки записів у списку повинні мати такий же відступ, як і перший рядок! Наприклад: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean …

260 html  css  html-lists