Вопросы с тегом «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> <td class="block">this should stretch</td> …

266 html  css  html-table 

У меня есть родительский компонент: <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являются двумя отдельными компонентами, их стили привязаны к собственной области видимости. В моем родительском …

266 css  angular  angular-components 

Я могу видеть в ссылках 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 

У меня есть кнопка ссылки внутри, <td>которую я должен отключить. Это работает в IE, но не работает в Firefox и Chrome. Структура - Ссылка внутри <td>. Я не могу добавить какой-либо контейнер в <td>(например, div / span) Я попробовал все следующее, но не работал на Firefox (используя 1.4.2 js): $(td).children().each(function …

263 javascript  jquery  html  css 

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

263 html  css 

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

262 css  positioning  css-position  footer 

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

262 html  css 

У меня есть проект, который требует печати таблицы HTML с множеством строк. Моя проблема в том, как таблица печатается на нескольких страницах. Иногда он будет разрезать строку пополам, делая ее нечитаемой, потому что одна половина находится на переднем крае страницы, а остальная часть напечатана в верхней части следующей страницы. Единственное …

261 html  css  printing  html-table 

Я пытаюсь создать таблицу с фиксированным заголовком и прокручиваемым содержимым, используя таблицу начальной загрузки 3. К сожалению, решения, которые я нашел, не работают с начальной загрузкой и не портят стиль. Здесь есть простая таблица начальной загрузки, но мне почему-то неизвестно, высота тела не 10px. 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 

Я создаю форму в Twitter Bootstrap, но у меня возникают проблемы с центрированием кнопки под входом в форме. Я уже пытался применить center-blockкласс к кнопке, но это не сработало. Как мне это исправить? Вот мой код. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" …

260 html  css  twitter-bootstrap  button 

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

260 html  css  iframe 

Я хочу удалить все отступы от ul. Я попытался установить margin, padding, text-indentк 0, но безрезультатно. Кажется, что установка text-indentна отрицательное число делает свое дело - но действительно ли это единственный способ удалить отступ?

260 html  css