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
-
Как втавить рисунок в DIV
Вопрос к спецам,..есть DIV с обсолютным позиционированием шириной 100%..надо в него вставить рисунок (не фон) 100х170рх ,чтобы рисунок встал в DIV с левой стороны без зазора со всех сторон.(Справа к нему будет примыкать вложенный DIV или таблица)..(Нужен пример кода, чтобы разобраться...) Заранее спасбо...
0 votes3 answers -
Разные таблицы в браузерах
Вот код <!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="ru" xml:lang="ru"> <head> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…
0 votes7 answers -
масштабирование странички по ctrl+колесико
Добрый день, подскажите, кто-нибудь сталкивался с проблемами мастабирования по ctrl+колесико? проблема вот в чем, страничка php с заданным функционалом и дизайном упорно не хочет масштабироваться, а очень надо! все размеры шрифтов в em наблюдается некоторая странность - если страничка загружена и я хочу ее отмасштабировать, она стоит на месте, но как только нажимаешь F5, она сразу же масштабируется на столько, сколько я прокручивала колесико и уже потом ведет себя нормально, хотелось бы что бы поведение странички было сразу адекватным...
0 votes6 answers -
Иконка для полей ввода
Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…
0 votes8 answers -
Проблема с css
Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?
0 votes3 answers -
При наведении съезжают пункты меню
Привет всем! Такой вопрос: Сделал меню. При наведении на пункт меню - появляется обводка. Но другие пункты начинают двигаться на этот отступ. Как сделать, чтобы пункты меню были неподвижны? http://jsfiddle.net/RHvPF/
0 votes5 answers -
Не работает выпадающий список
Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP
0 votes3 answers -
Подрисуночная подпись, косяк в IE.
Здраствуйте, мне необходимо было сделать подрисуночную подпись в CMS Drupal которая располагалась бы справа или слева от рисунка. Я воспользовался советом. И вставил следующий код в файл style.css своей темы (немного измен?нная стандартная тема Garland): .picFloatLeft { color: Black; /* Цвет подписи */ padding: 10px; /* Поля вокруг содержимого */ width: 600px; /* Ширина блока */ margin: 2% 2% 1% 2%; text-align: justify; } .picFloatLeft img { float: left; /* Обтекание по правому краю */ margin-right: 15px; /* Расстояние между рисунком и текстом */ } .picFloatLeft p { margin: 0px; /* Убираем отступы вокруг абзаца */ padding-top: 10px; /* Поле сверху */ } .picF…
0 votes2 answers -
float: left и margin-top
Есть такой HTML: <div style="float: left;"> a </div> <div style="clear: left; margin-top: 30px;"> b </div> В IE работает нормально, т.е. b отстоит от a на 30 пикселей от a. А вот в Mozilla margin-top никакого влияния не оказывает. Почему? Кто работает по стандартам? Как сделать правльно, чтобы работало везде? PS В поиске искал и форум читал уже 4 часа подряд. Но ввиду сложности подобрать ключевые слова -- ничего не нашел.
0 votes4 answers -
Как правильно подключить свой шрифт
У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …
0 votes3 answers -
Скрипт прелоадера для input
Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )
0 votes4 answers -
Ссылка с треугольником справа
Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…
0 votes7 answers -
Разместить в одну колонку
Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …
0 votes1 answer -
div в таблице
Здравтсвуйте. есть таблица с background картинкой.. в таблицу внесены 2 div контейнера с картинками... при клике мышкой в любое место таблицы эти контейнеры выделяются... как это отменить это выделение? спасибо
0 votes7 answers -
Валидность index.php
Собственно как проверить index.php? Правильно ли будет проверить вначале index.html (убрав скрипты), а потом переименовать html в php и воткнуть иконку валидности? =) И подскажите что здесь не правильно, работать то оно работает, но так ли как надо? Index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Format</title> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="style/global.c…
0 votes5 answers -
Как прописать стиль для слайдера
У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…
0 votes5 answers -
разделение элементов по краям
Есть стиль общий который создает рамку с max-width: 450px нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width Помогите пожалуйста
0 votes10 answers -
Высота блока 100%
Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…
0 votes10 answers -
Центральное позиционирование резинового блока?
Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>
0 votes14 answers -
Адаптивные темы Друпал
Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net
0 votes10 answers -
растягивание цвета фона на всю ширину экрана
Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!
0 votes1 answer -
Свойства table
Как проще сделать код и вынести его в css: <table class="main1" align="center" valign="top"> т.е. нужно вынести в css align="center" valign="top" (класс table.main1 уже есть)?
0 votes7 answers -
Изменение заголовка при наведении на блок
Нужно изменение заголовка при наведение курсора мыши на весь блок. Использование таких селекторов .dinav:hover > h2.tsnav, .dinav:hover h2.tsnav дает изменение бекграунда под заголовком Н2 только в опере и сафари. Как такое же реализовать в FF и тем более в IE? <div class="dinav"><h2 class="tsnav">Оборудование для инженерных систем</h2> <a href="p-1.html" class="inav">Оборудование ?1</a> (600) <a href="p-1.html" class="inav">Оборудование ?2</a> (1805) <a href="p-1.html" class="inav">Оборудование ?3</a> (1685) <a href="p-1.html" class="inav">Оборудование ?4</a> (3111) <a href="p-1.html" class="ina…
0 votes4 answers -
Счеткик посещений
Как поставить счетчик посещений на страницу?
0 votes3 answers -
Заголовок раздела
Здравствуйте уважаемые знатоки. У меня проблема. Я сделал свой сайт в программе фронтпейдж. Разметка табличная. Ячейка верхнего колонтитула заполнена фоновым рисунком и сверху написано отдельно текстом название раздела. Размер таблицы в % При изменении размера окна браузера текст, как и положено, сдвигается влево, но потом, поскольку названия состоят из двух слов, они становятся в столбик. Можете посмотреть www.po-miry.ru Только сама индексовская страничка нормальная. Как сделать, чтобы названия разделов, например "Спорт. Туризм" при уменьшении размеров окна оставались одной строчкой. Конечно я мог бы сделать надпись картинкой, но хотелось бы, чтобы фон проглядывал. жд…
0 votes9 answers