HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как заморозить ширину всех столбцов, кроме одного (в IE)?
Как сделать так, чтобы в таблице все столбцы имели фиксированный размер, кроме одного, который должен растягиваться при растягивании окна. Вот такой вариант нормально работает в Опере и FireFox-е: <table width="100%" border="1" cellpadding="5"> <tr> <td style=" width: 200px; max-width: 200px; min-width: 200px; "> </td> <td style=" width: 70px; max-width: 70px; min-width: 70px;"> </td> <td style=" width: 100%;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-widt…
0 votes4 answers -
Нужна помощь в оформлении
Сорри, если тема такая уже существует, нужно срочно. Нужно сделать фон для текста, который бы состоял из двух цветов, плавно переливающихся из одного цвета в другой. Помоги пожалуйста. Спасибо!
0 votes5 answers -
Красная строка
Всем Здасьте! Допустим в файле типа default.css я могу выставить отступ красной строки, а как мне сделать, что бы он (отступ) был тока там, где я этого хочу? Я имею ввиду, может есть что-то, что можно вставить напрямую в текст и при этом без моноширинного шрифта !?!??!?!??! Спасибо!
0 votes5 answers -
clear и margin-top
Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…
0 votes5 answers -
Вертикальное выравнивание многострочного текста в блоке
Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…
0 votes1 answer -
Кастомизация input type="number"
Нужно сверстать вот такое: Подскажите, как это сделать? Ничего не нагуглила, к сожалению.
0 votes4 answers -
Подскажите как сделать такой слайдер
Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо
0 votes3 answers -
Размер картинки в таблице в процентах
Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…
0 votes0 answers -
Проблема со ссылкой-рисунком
Вот код HTML: <table cellspacing = '0' cellpadding = '0' class = 'header_box'> <tr> <td class = 'logo_box'> <a href = '<%LINK:INDEX%>'> <img src = 'images/logo.gif' alt = 'Главная страница' /> </a> </td> </tr> <tr> <td class = 'top_menu_box'> MenuTop </td> </tr> </table> Вот код CSS: .logo_box { background: #538539 url(images/logo_bg.gif); vertical-align: top; width: 100%; } img { border: none; } Проблема состоит в том, что когда изображение заключаешь в тег , то снизу остается маленький отступ.:| Вот скрин:
0 votes4 answers -
Как сделать, чтобы несколько ссылок не меняли цвет
Подскажите, пожалуйста, можно ли сделать так, чтобы несколько ссылок не меняли цвет, когда по ним переходишь?
0 votes2 answers -
Почему не работает repeat
Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.
0 votes4 answers -
Фигура при наведении
Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.
0 votes21 answers -
как правильно записать конструкцию if
пишу так: a { if &[href $='.pdf'] {$typecontent: '\f1c1';} if &[href $='.xls'] or &[href $='.xlsx'] {$typecontent: '\f1c3';} if &[href $='.doc'] or &[href $='.docx'] {$typecontent: '\f1c2';} if &[href $='.ppt'] or &[href $='.pptx'] {$typecontent: '\f1c4';} if &[href $='.zip'] or &[href $='.7zip'] or &[href $='.rar'] {$typecontent: '\f1c6';} else {$typecontent: '';} } .dsize { color: $wite; &::before { margin-right: .5em; font-family: "Font Awesome 5 Free"; font-weight: 600; content: $typecontent; …
0 votes1 answer -
Отступ первой строки текста от номера
В общем сабж, а если по точнее: использовал в стиле list-style-position:inside; теперь, что-бы корректно работала под ИЕ 6 хочу сделать небольшой отступ текста от номера. Подскажите возможно ли такое?
0 votes3 answers -
подскажите по гиперссылке
подскажите пожалуйста начинающему веб-дизайнеру. По порядку: я задаю якорь на текст в середине док-та к которому ссылаюсь из другой странички Vostok . А когда броузер открывает новую страничку то в закладке броузера пишется не только название сайта но и имя якоря с знаком диеза #vos. Плиз помогите, чтто делать, как его убрать из закладок броузера!!!!!:/?????
0 votes11 answers -
Ненужное расстояние между <div>
Во всех браузерах кроме ie6 отображается правильно. ie6 же ставит непонятной расстояние между дивами. помогите решить проблему плз.
0 votes3 answers -
О параметре CSS - Width
Всем привет! Возник вот такой оч интресующий меня вопрос, все пользуются конечно часто width задавая ширину элементам, но вот мне немного не понятно, скажем так, когда мне нужно чтобы div был на 100% ширины экрана, то я width вообще для него не указываю и он тянется итак на 100% ширины отведенного места, то есть получается значение по умолчанию для width: 100% ? НО на этом же сайте написано что значение по умолчанию auto и что это значение зависит от контента внутри и типа элемента, так почему ж он в auto на всю ширину тогда тянется. В итоге не совсем понятно разница между auto и 100% когда мы ширину для div не указываем вообще, обьясните плиз. То есть когда правильно е…
0 votes6 answers -
проблема со слоями
Всем доброго времени суток. Есть некоторая проблема с версткой, но где как ни здесь можно ждать решения и помощи от спецов? Суть такова: есть слой с текстом, поверх него слой с картинкой. Картинка не затрудняет чтение текста тем не менее. Требуется сделать так, чтобы слой с картинкой был видим, но при этом можно было спокойно кликать по ссылкам в тексте, выделять текст и чтобы события типа onmouseover в тексте срабатывали, когда мышь подводится, т.е. все так, как-будто бы слоя с картинкой нет. Возможно ли решить при помощи CSS? Если нет, то возможно ли вообще решить? зы Картинку можно сделать как img, так и бекграундом.
0 votes7 answers -
Вложенный список криво отображается
вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CS…
0 votes5 answers -
Верстаю макет
Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…
0 votes11 answers -
Сохранение положения параметра select
Есть форма на пхп. Там выбор валюты посредством выпадающего select. Жмешь на кнопку рассчитать и выбор сбивается, устанавливается по дефолту первый. Как сделать, чтобы сохранялся выбранный пункт select?
0 votes3 answers -
Иконка меню для мобильных устройств (hamburger icon)
Существует несколько методов вывода иконки навигации(три горизонтальных линии) на сайте кто-то просто вставляет png иконку, кто-то делает с помощью border`a, кто-то использует box-shadow, кто-то градиенты, кто-то svg. кто-то псевдо-элементы. я не сильно силен в этой теме, но понимаю, что мне хотелось бы менять, к примеру, цвет иконки в зависимости от цвета фона шапки, поэтому я хотел бы иметь возможность гибко работать с иконкой. Суть вопроса, кто какой метод использует и какие плюсы/минусы разных методов. п.с. Кто-то подключает иконочный шрифт, вопрос такой, имеет ли смысл грузить мобильный трафик подключением этого шрифта ради 1-2 иконок?? или это не особо влияет на ск…
0 votes6 answers -
раскрывающаяся форма при клике и сворачивание при нажатии
Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?
0 votes3 answers -
Как применить свойство к родительскому элементу?
Пытаюсь отформатировать ссылку в ячейке таблицы (сдвинуть вправо, и т.п.). Дописать стрелку к надписи получается, но сдвинуть её - нет. Если я правильно понимаю, из-за того, что тэг <a> - строчный контейнер, и свойство надо бы применить к ячейке таблицы, но ищем мы гиперссылку. <tr> <td width="30%"><a href="/news/2948/">Подробнее </a></td> </tr> CSS: /* пририсовываем к надписи стрелочку, работает */ td a::after { content: '\A0\21D2'; } /* пытаемся выровнять по правому краю - не работает */ td>a:link { text-align: right; font-weight: bold; } Может есть какой-то способ отформатировать яче…
0 votes7 answers -
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…
0 votes1 answer