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
-
Последняя надежда на ВАС!
Ребята! Вот как я не лазил по сайтам, посвященным html/css — никак мне нормально рассказать не могут (или это у меня руки кривые). Короче есть код: #menu { width: 600px; height: 30px; margin: 0px auto; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 150px; padding: 5px 0px; text-align: center; text-decoration: none; font-weight: bold; background: #EEEEEE; } #menu a:hover { background: #CCCCCC; } происходит нормальное выравнивание по вертикали по центру! Вот как тут: http://template.ho.ua/norm/ Делаю ТОЧНО по аналогии, но только мне DIV-ы пошире нужны,…
0 votes6 answers -
Background оболочки не растягивается
Доброго времени суток. Проблема в том что фоновая заливка не растягивается из-за того что прописаны float. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div class="white_fon"><div id="wrap"><header><div i…
0 votes3 answers -
Изменить ширину таблицы из блоков DIV
Не получается вместить всю таблицу в ширину примерно 450-500px http://codepen.io/anon/pen/jPWReM
0 votes3 answers -
Регулярные выражения в html
Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.
0 votes1 answer -
Подскажите как сделать подобные эффекты?
Пытаюсь задать кнопкам №1 №2 - https://jsfiddle.net/67wcyurb/ вот такой эффект атома - https://jsfiddle.net/Lz514wvq/ перенес все анимацию в свой вариант, но что то не работает, помогите разобраться
0 votes5 answers -
Перечеркнуть изображение крест-накрест
Есть div с картинкой и текстом. Его нужно перечеркнуть крест-накрест. Вот никак не соображу как это сделать ловчее и техничней, чтобы адаптивность сохранилась. Кто-нибудь может подсказать решение ?
0 votes1 answer -
Текст в ячейке с фиксированной шириной и длиной
Знатоки вопроса, поджскажите пожалуйста, как сделать следующее: Например, я задаю в таблице ячейку TD размером 4x4 пикселя и хочу в ней вывести текст, но так, чтобы этот текст не расширял эту ячейку, а обрезался, т.е. в ячейке было видно какую-то часть буквы. Прошу также пояснить на каком принципе основано Ваше решение и как оно работает "дословно". Текст можно выводить тегами P или DIV. Спасибо.
0 votes5 answers -
Аналог behavior в других браузерах
Коротко суть задачи: сайт позволяет использовать собственные css, но хочется дополнительно и свой javasript подгрузить используя возможность своих css. Для ИЕ делается просто через конструкцию типа: behavior: url(sriptfile.htc); Как сделать для других браузеров, или же лучше универсально для всех ?
0 votes5 answers -
Меню с использованием слоёв
Здравствуйте, меня интересует как реализуется меню с закладками как на странице htmlbook(Описание, примеры и т.д.). Не могли бы дать ссылку с обучением
0 votes2 answers -
как сделали данный эффект
Добрый день! Подскажите пожалуйста как сделан эффект полупрозрачности картинок на данной страничке средствами CSS или javascript? http://driverlab[tochka]ru/page/25
0 votes9 answers -
Phoca Gallery
Здравствуйте!!! У меня не получается добавить изображение в Phoca Gallery. Загружаю фото на сервер по FTP. Все прекрасно, в админке в медиа менеджере она просматривается, а при добавлении в Phoca Gallery получается вот что: xxx (последняя фотография) Почему? Что я не так делаю? В локальной версии все отлично добавляется. (Извините, но ссылку вынужден убрать, потому что она уже не работает!!! Я все уже исправил и все работает нормально.)
0 votes0 answers -
Ширина <select>
Нужно вывести список <select>. <select> <option>Пункт 1</option> <option>Пункт 2. Ооооооооооооооооооооооочень длинное наименование</option> </select> Из-за второго пункта ширина элемента формы получается длинее видимой ширины в браузере, соответсвенно шаблон сайта съезжает и получается черти что... Подскажите, как принято решать такие проблемы?
0 votes4 answers -
Помогите обернуть баннер и контейнер Дивом.
Всем привет. Народ помогите пожалуйста, обернуть баннер и контейнер дивом. Нужно чтобы фоновая картинка была под баннером. Фоновую картинку я прописала в контейнер и что то не получается у меня обернуть баннер и контейнер дивом %system getOuterContent('./tpls/content/header.inc.tpl')% <div id="banner"> %content insert('23047')% </div> <div id="container" style="background: url(images/fon.gif) no-repeat;"> %content% </div> <div id="left" style="background:url(/images/indexcontent_line.gif) repeat-y right;"> %news lastlist('/news/', 'home', 4)% </div> %system getOuterContent('./tpls/content/footer.inc.tpl')%
0 votes7 answers -
clear both
Есть сайт: cbs-kurgan.com, сверстан на блоках. При вставке блока <div style="clear:both;"></div> Текст в центральном блоке опускается до уровня последнего символа в правой колонке. Подскажите, что поправить в стилях. Мне кажется это распространенная ошибка..
0 votes6 answers -
Горизонтальное подменю
привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?
0 votes5 answers -
Меню - раздвижное
Встретил вот такую проблему. Как можно сделать, чтобы после нажатия ссылки "News" - выехала "вертикальная" табличка с новостями. Видимо тут уже javascript нужен? Если есть у кого пример выполнения такой задачи или "если не сложно кто может продемонстрировать примерчик" прямо тут. Горит ппц . <table width="100%"> <tr> <td width="100%"> <table width="100%"> <tr> <td class="bgcolornews" align="left"> <img src="img/3star.png" width="9" height="8"><span class="news"><a href="">News</a></span> <-- Клик </td> </tr> </table> <!-- Во…
0 votes5 answers -
Убрать выделение с картинки ссылки
Добрый вечер! подскажите пожалуйста, на странице есть картинка, если ее сделать ссылкой, она выделяется цветной окантовкой, как ее убрать ? пока сделал так a, img { border-color:#FFF; } то есть, просто окрасил в цвет фона, есть ли какой то способ вообще ее не отображать ? то что нашел в интернете типа border: 0px не помогает, проверяю в IE 10
0 votes2 answers -
Посоветуйте слайдер контента
Всем доброго времени суток. Посоветуйте пожалуйста какой-нибудь удобный слайдер контента на jquery который можно легко кастомизировать и настраивать по своим нуждам.
0 votes4 answers -
Почему так?
Кто может подсказать почему IE не правильно отображает. Вот google chrome А вот IE Вот код. <style> body { background: url(../image/frame.jpg) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; } </style>
0 votes5 answers -
webkit - неверное отображение выравнивания по центру Inline-block
Сейчас модно использовать инлайн-блоки. Очень удобно - выравниваются по центру, но если я захочу задать свое расстояние между ними через word-spacing, то хроме неверное отображает центральное выравнивание. Как это обойти? http://jsfiddle.net/XZ8Kw/2/ Можно также заметить, что маргин-лефт с убиранием пробелов ведет себя также некорректно, но уже искажение идет влево http://jsfiddle.net/XZ8Kw/4/ Если заменить на letter-spacing, то начинает выравниваться правильно. Но насколько кроссбраузерно такое решение, все ли браузеры (и старые в том числе) будут отображать корректно? УПД. Но если убрать опять же word-spacing - letter-spacing также начинает косить влево.
0 votes13 answers -
Выделение цветом определенной ссылки
Ребята, подскажите есть код в хтмл <a href="<?php echo $special; ?>"><font color="#BC120D;">SALE</font></a>как это в css переделать? Причём только эту ссылку?
0 votes11 answers -
откуда берется этот отступ?
https://jsfiddle.net/67j9ntvc/ ожидалось расположение на одной базовой линии, но подпись сползает ниже, как не стараюсь. как только не выкручивался. что я упустил?
0 votes7 answers -
Сохранение данных на странице
Всех приветствую! Друзья, сразу признаюсь, что я полный нуб, но не лентяй. Имеется простейшая задачка. На странице одно поле для ввода, значение которого попадает чуть ниже. Необходимо это значение сохранять на странице после нажатия кнопки. <html> <head> <title>Just4Test</title> </head> <body> Число2: <input id="number1"> <button id="save">Сохранить</button> <hr> <div id="result"></div> <script> function saveit() { var num = document.getElementById('number1').value; var html = 'Число1: 90' + '<br>' + 'Число2: ' + num + '<br>' + 'Число3: 105'; docum…
0 votes4 answers -
Как сделать такую форму?
Приветствую! Я наверно вам уже надоел, но нужно набраться терпение. Верхнее поле - это имя, а нижние номер телефона. Забыл добавить информацию в дивы, ладно это не важно, важно следующие: Как реализовать, чтобы пользователь при нажатие на поле мог вести свои данные и при нажатие на кнопку отправить, эти данные приходили мне на почтовый ящик.
0 votes1 answer -
select обрезается буквы
Добрый день. Помогите решить проблемку. В chrom и Opera <select> <option>100g</option> </select> у g обрезаeтся хвостик.
0 votes1 answer