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
-
Добавление символа в начале/конце ссылки при hover
Здравствуйте! Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком. При наведении, нужно чтобы блок и текст стал зелёным цветом, а после не выходя за рамки блока должна стрелка добавляться. Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать? p:hover:after ? или как?
0 votes5 answers -
Выравнивание содержимого одной колонки таблицы
Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …
0 votes1 answer -
не выходит анимация
В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?
0 votes1 answer -
Базовая линия у inline-block
<div><p>123</p></div> *{ margin:0; padding:0; } p{ display:inline-block; background:red; overflow:hidden; vertical-align:top; } div{ border:1px black solid; } У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?
0 votes1 answer -
Надо меню сайта сдвинуть влево
Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/
0 votes2 answers -
Ограничение высоты изображения
Здравствуйте. Есть такой пример jsfiddle.net Можно как-то заставить изображение сжиматься по высоте, занимая все доступное место контейнера, но не более? На ум приходит только абсолютное позиционирование.
0 votes1 answer -
неопознанные типа-теги
<a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?
0 votes1 answer -
подскажите
подскажите где скачать хорошие уроки по WordPress, Joomla, Drupal, DLE.))) большое спасибо.
0 votes1 answer -
Переход ВВЕРХ-ВНИЗ
Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…
0 votes2 answers -
Разный фон для IE и других браузеров
Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?
0 votes3 answers -
автоматическое увеличекие ширины картинки заднего фона
Как добиться, чтобы белая линия, картинка заднего фона, автоматически увеличивала или уменьшала свою ширину в зависимости от размера содержимого ссылки? Вот, как это выглядит на картинке Привожу свой html и сss код данного меню <div id="header_bottom"> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Become a member</a></li> <li><a href="#">Partners</a></li> <li><a href="#">About us</a></li> <li><a href="#">Contact</a></li> </ul> </div> #he…
0 votes1 answer -
Строка бразера "сохранить пароль" наезжает на шапку сайта
Добрый день. Проблема такая: при сохранении пароля при регистрации, вверху окна появляется строка браузера "сохранить пароль". при этом она наезжает на шапку сайта, а все ссылки, расположенные в хедере, сдвигаются вниз. Как можно сделать, чтобы шапка тоже сдвигалась вниз? Структура шапки такая: <body id="bg"> /*закрывается строкой бразера*/ <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <a href="/"><div id="logo"></div></a>/*сдвигается вниз*/ <div id="menu1"></div>/*сдвигается вниз*/ <div id="menu2"&…
0 votes6 answers -
Импорт таблиц из экселя
Подскажите модуль на Джумлу 2.5 для импорта таблицы из экселя. 3000 наименований из экселя в ручную набивать в таблицу вообще не вариант ((( В инете не нашел ничего конкретного. Может здесь кто-то уже сталкивался с подобным
0 votes4 answers -
Выравнивание по центру резины в резиновом div
Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…
0 votes1 answer -
Проблеым с генерацией шрифта в фонтсквирреле
Такая проблема - есть шрифт http://zverushka.zz.mu/PFDinTextCondPro-Regular.ttf Генерировала разными способами в эксперт режиме - но Буква "К" заглавная - всегда на пару пикселей меньше основных букв, хотя в изначальном шрифте такого не наблюдается. Сейчас я временно сгенерировала другим сервисом, но меня не устраивает, что файл вышел 400 кб - слишком много. Хотелось бы понять, что я не так делаю в белке? Вот мои настройки (галка фикс метрику - стояла, сняла и забыла поставить - результат одинаковый)
0 votes11 answers -
Для знатоков HTML
Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).
0 votes9 answers -
Как создать такой бекграунд
Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg
0 votes7 answers -
float:left для выравнивании по верхней стороне или лучше что-то другое?
Здравствуйте снова На сайте надо блоки "Подарки и сувениры", "Дизайн" упорядочить по верхней границе. Попробовал стиль: float: left;для div.rt-block.cp - справляется, надо только будет тогда display: inline-block; у них убрать. Это правильный метод или лучше что-то другое использовать для div.rt-block.cp, у которых сейчас display: inline-block; ?
0 votes2 answers -
Сайт сканвордов
Хотелось бы мне открыть сайт сканвордов. Но только они будут графическими, т.е. в виде какого-нибудь рисунка, извилистые, т.е. слова-ответы будут идти не строго по горизонтали или вертикали, а под углом. Какие средства, знания для этого потребуются? Пока что изучил html и css в самоучителях на htmlbook.ru. Обязательно ли для этого ещё javascript изучать? И как быть со специальными графическими редакторами для создания веб-страниц? Я слышал про тег <canvas>. Но там по-моему надо по пикселям угадывать, где какая линия рисунка будет проходить... Можно ли было бы сразу из Corel Draw экспортировать рисунок в веб-страничку. Или существуют другие графические редакторы?
0 votes5 answers -
помогите найти ошибку с кнопками меню
Это первые шаги в верстке, так что не обессудьте. Поблема с меню сайта http://clip2net.com/s/3kvpTVc Если тот же код прописать в jsfiddle, то получается все красиво - https://jsfiddle.net/Softlink/DzHUj/90/ Никаких паддингов в блоках нет, разве что для высоты кнопок. Подскажите, что не так?
0 votes3 answers -
Убрать горизонтальную прокрутку
Добрый день! Появилась горизонтальная прокрутка, по отладчику вижу ,что блоки больше заданной ширины max-width 1140px. Видимо, причина в этом, но не понимаю, как это исправить. Помогите,пожалуйста. Shop.rar
0 votes1 answer -
Моргание блока при наведении в IE
Имеем меню, на mootools в ie проблема, моргает текст в блоке меню... присваиваю по onmouseover visibility = visible во всех браузерах ок, кроме IE Как решить проблему для IE? Пример
0 votes0 answers -
Два фона
Задача такая: В макете из двух колонок, вторую необходимо одновременно залить однотонным цветом и вставить картинку как фон для текста. Верстал таблицей, т.е. в ячейку надо либо поместить картинку, а поверх неё уже текст, либо поставить её фоном ячейки. В последнем случае оставшееся место в ячейке заполняется фоном таблицы, пока так и сделал. Но попытки поставить слой с картинкой за текст не увенчались успехом. Можно использовать относительное позиционирование: вставить слой с картинкой, затем абзац с текстом и текст поднять на высоту картинки, но тогда внизу ячейки будет ненужное свободное место, остающееся после текста. Сделать наоборот не получится: высоту абзаца ника…
0 votes1 answer -
Простой вопрос..
<div class="r"></div> div.r { width:100px; height:100px; background: url("mycoolpic.png") left top no-repeat; } Когда фон.картинка устанавливается в левый край слоя, левый край картинки соприкасается с каким левым краем элемента div?? Левый край контент-бокса?? паддинг-бокса?? бордер-бокса?? маргин-бокса??
0 votes6 answers -
Глупый вопрос новичка
Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}
0 votes3 answers