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

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

22
Зміна зображення при наведенні за допомогою CSS / HTML
У мене така проблема, коли я встановив зображення для відображення іншого зображення, коли миша наводить курсор, однак перше зображення все одно з’являється, а нове не змінює висоту та ширину та перекриває інше. Я все ще досить новачок у HTML / CSS, тому, можливо, я пропустив щось просте. Ось код: <img …
78 html  css  image  hover 
8
Поміняйте позицію DIV лише на CSS
Я намагаюся поміняти divмісця розташування двох s на адаптивний дизайн (сайт виглядає по-різному залежно від ширини браузера / добре для мобільних пристроїв). Зараз у мене щось подібне: <div id="first_div"></div> <div id="second_div"></div> Але чи можна було б поміняти місця розташування, щоб це здавалося second_divпершим, лише за допомогою CSS? HTML залишається незмінним. …
8
додати атрибут заголовка з css
Як додати title = 'обов'язковий' з css до наступного <label class='mandatory'>Name</label> .mandatory { background-image:url(/media/img/required.gif); background-position:top right; background-repeat:no-repeat; padding-right:10px; font-weight:bold; }
78 html  css 
1
Різниця між двома стилями елементів із Google Chrome
Я використовую інструменти для розробників Google Chrome і постійно перевіряю один елемент на інший, щоб з’ясувати, що може спричинити певну проблему стилю. Було б непогано порівняти відмінності в стилі між елементом 1 та елементом 2. Чи можна це зробити за допомогою хрому в даний час або шляхом певного обходу? Чи …
9
Чи може фонове зображення бути більше самого div?
У мене є колонтитул div зі 100% шириною. Висота - близько 50 пікселів, залежно від його вмісту. Чи можна надати #footer фонове зображення, яке переповнює цей div? Зображення становить приблизно 800x600px, і я хочу, щоб воно було розташоване в лівому нижньому куті нижнього колонтитула. Це має працювати як фонове зображення …
78 css  image  background 
3
CSS: перший лист не працює
Я намагаюся застосувати стилі CSS до деяких фрагментів HTML, створених з документа Microsoft Word. HTML, який Word створив, досить жорстокий і включає багато вбудованих стилів. Це приблизно так: <html> <head></head> <body> <center> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span style='font-size:12.0pt;line-height:115%;font-family:"Times New Roman"'>Title text goes here<o:p></o:p></span></b></p> <p class=MsoNormal style='margin-left:18.0pt;line-height:150%'><span style='font-size:12.0pt;line-height:150%;font-family:"Times New Roman"'>Content text goes here.<o:p></o:p></span></p> …
78 html  css 
13
Змінити нову ширину Google Recaptcha (v2)
Ми щойно почали впроваджувати нову рекапчу Google, як зазначено https://www.google.com/recaptcha/intro/index.html Однак новий метод, схоже, міститься в iFrame, а не вбудовується на сторінку, що ускладнює застосування CSS. Однак у нас є наша форма, яка має ширину 400 пікселів, тому хотіли б, щоб рекапча була однакової ширини. Наразі це виглядає, проте нам …
78 css  iframe  width  recaptcha 
3
CSS не обтікає текст
Будь ласка, див. Код http://jsbin.com/eveqe3/edit , також цитований нижче. Мені потрібно показати текст усередині div div елемента таким чином, щоб текст відображався лише у зеленому полі із зазначеною шириною, а решту рядка потрібно приховувати. Будь-які пропозиції, будь ласка ... <style> #container{ width : 220px; } .item{ float:left; border: 1px solid …
78 html  css  text 
8
Ширина ігнорується на елементах flexbox
http://jsfiddle.net/XW9Se/ Я встановив width: 200px;ліворуч, <div>але якщо я переглядаю його за допомогою інструмента інспектора браузера, то виявляється, що реальна ширина є випадковою або щось інше. Він постійно змінюється залежно від розміру вікна. Чому ширина не набуває чинності? РЕДАГУВАТИ : Якщо я видалю, width: 100%ширина залишається фіксованою. Але мені потрібно , …
78 css  width  flexbox 
9
Еліпсис для переповнення тексту у випадаючих полях
Я фіксую ширину одного зі своїх випадаючих вікон (так, я знаю, що при цьому виникають проблеми з переглядачами). Чи існує не-js спосіб вирізати переповнений текст і додати еліпси? переповнення тексту: еліпсис не працює для <select>елементів (принаймні в Chrome). select, div { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } <!--works for a div--> …
78 html  css 
3
Як розташувати div у правому нижньому куті браузера?
Я намагаюся розмістити свій div з деякими нотатками в нижньому правому положенні екрана, які будуть відображатися весь час. Я використав наступний css для нього: #foo { position: fixed; bottom: 0; right: 0; } Він чудово працює з Chrome 3 і Firefox 3.6, але IE8 відстій ... що може бути відповідним …
4
Таблиця HTML: зберігайте однакову ширину для стовпців
У мене є таблиця з кількома групами стовпців. Таблиця більша за мою сторінку, тому у мене є елемент керування, який показує / приховує деякі з цих груп, щоб вони вмістилися на сторінці. Початкова таблиця виглядає добре: усі стовпці мають приблизно однакову ширину в межах групи. Але коли я приховую групу, …
77 html  css 
2
Вбудований блок не працює в Internet Explorer 7, 6
У мене є цей CSS-код із inline-block. Хто-небудь може сказати мені, як змусити це працювати в Internet Explorer 6 і 7. Будь-які ідеї? Може, я роблю щось не так? Дякую! #signup { color:#FFF; border-bottom:solid 1px #444; text-transform:uppercase; text-align:center; } #signup #left { display: inline-block } #signup #right { background-image:url(images/signup.jpg); border-left: …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.