Вопросы с тегом «css»

Я использовал: word-break:break-all; table-layout:fixed; и текст переносится в Chrome, но не в Firefox. Обновление: я решил изменить дизайн, чтобы он не нуждался в обертке; Попытка разобраться с исправлением / взломом CSS оказалась слишком сложной и отнимала много времени.

89 css 

Я хочу вывести в браузер одну строку текста, содержащую тег. Когда это отображается, кажется, что DIV вызывает новую строку. Как я могу включить контент в тег div в той же строке - вот мой код. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> <script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script> </div> Я попытался …

89 html  css 

У меня есть форма с некоторыми текстовыми полями, и я хочу поместить курсор (автофокус) в первое текстовое поле формы при загрузке страницы. Я хочу сделать это без использования javascript.

89 css  html 

У меня есть div (#wrapper), содержащий 2 блока, стоящих рядом. Я хотел бы, чтобы правый div был выровнен по вертикали. Я пробовал vertical-align: middle на моей основной обертке, но это не работает. Это сводит меня с ума! Надеюсь, кто-то может помочь. http://cssdesk.com/LWFhW HTML: <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> …

89 html  css 

Я пытаюсь сделать полупрозрачный div, покрывающий весь экран. Я пробовал это: #dimScreen { width: 100%; height: 100%; background:rgba(255,255,255,0.5); } Но это не покрывает весь экран, а покрывает только область внутри div.

89 css 

В чем разница между статическим (по умолчанию) и относительным позиционированием в CSS?

89 css  static  positioning  css-position 

У меня есть таблица html table-layout: fixedи td с установленной шириной. Столбец по-прежнему расширяется, чтобы вместить текст, не содержащий пробелов. Есть ли способ исправить это, кроме как обернуть содержимое каждого td в div? Пример: http://jsfiddle.net/6p9K3/29/ <table> <tbody> <tr> <td style="width: 50px;">Test</td> <td>Testing 1123455</td> </tr><tr> <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> <td>B</td> </tr> </tbody> …

89 html  css 

imgwith srcsetattribute выглядит как отличный способ создания адаптивных изображений. Есть ли эквивалентный синтаксис, который работает в background-imageсвойстве css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html  css  background-image  srcset 

В настоящее время я работаю над мобильной целевой страницей для компании. Это действительно базовый макет, но под заголовком есть изображение продукта, которое всегда будет иметь 100% ширину (дизайн показывает, что оно всегда идет от края к краю). Очевидно, что в зависимости от ширины экрана высота изображения будет соответственно изменяться. Первоначально …

89 html  css  background-image  responsive  responsive-images 

Я пытаюсь стилизовать числа в упорядоченном списке, я хотел бы добавить цвет фона, радиус границы и цвет, чтобы они соответствовали дизайну, над которым я работаю: Я думаю, это невозможно, и мне придется использовать разные изображения для каждого числа, т.е. ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... Есть ли решение попроще?

89 html  css  html-lists  sprite 

EDITED: Может быть, мне следует спросить, какой селектор устанавливает боковые отступы, когда экран уменьшается до ширины ниже 480 пикселей? Некоторое время я просматривал bootstrap-responseiveness.css, чтобы найти это, но, похоже, на это ничего не влияет. Оригинал Я в основном хочу удалить любые отступы или поля по умолчанию, установленные для скорости отклика …

89 css  twitter-bootstrap  responsive-design  media-queries 

У меня 3 divэлемента. 1-й divбольше (обертка) и имеетposition:relative; 2-й divпозиционируется абсолютно по отношению к 1-му divотносительному позиционированию (и входит в 1-й div) 3-й divсодержится во 2-м divи также имеет абсолютное позиционирование. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Почему 3-я divпозиция абсолютна по отношению ко второй div(которая также …

89 html  css  css-position 

Как точно распределить медиа-запросы, чтобы избежать дублирования? Например, если мы рассмотрим код: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Что будет происходить во всех поддерживающих …

89 css  responsive-design  media-queries 

То, как это формулирует w3schools , звучит одинаково. Справочник W3Schools по CSS div + p Выбирает все <p>элементы, которые помещаются сразу после <div>элементов div ~ p Выбирает каждый <p>элемент, которому предшествует <div>элемент Если <p>элемент находится сразу после <div>элемента, разве это не означает, что <p>элементу предшествует <div>элемент? Во всяком случае, я …

89 css  css-selectors 

У меня есть div, в котором будет этот CSS: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Теперь, как я могу сделать этот div центрированным? Я могу использовать, margin-left: -450px; left: 50%;но это будет работать, только если экран> 900 пикселей. После этого (когда размер окна …

89 css  html  center