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
-
Реально на форму наложить изображение
Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.
0 votes8 answers -
Почти адаптивная таблица
Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?
0 votes5 answers -
Помогите прикрутить готовое боковое меню к странице
Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…
0 votes0 answers -
Проблема с отзывчивой таблицей
Добрый день! Подскажите пожалуйста, как исправить ситуацию? Есть такая таблица, на мониторе смотрится отлично. Когда просматриваю на телефоне, то получается это! Таблица выезжает за край, хотя должно быть видно два столбика - это так называемая отзывчивая таблица! <!DOCTYPE html> <html> <head> <meta name="description" content="Демонстрация отзычивая таблица"> <meta name="keywords" content="пример, демо, отзычивая, таблица, CSS"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css…
0 votes5 answers -
два изображения(url) в background
подскажите, можно ли в тэга в качестве background,вставить два изображения ( слоями, так, чтобы одно могло накладывалось на другое ). вот сюда надо ещ? background:url(pic2.gif) no-repeat top left; Или без таблицы не обойтись? Спасибо!
0 votes1 answer -
Отступы в форме
Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?
0 votes5 answers -
ПОМОГИТЕ ! ! ! Я не могу грамотно назвать свой вопрос и не умею обнулять маргин с паддингом у боди.
Как сделсть так чтобы между шапкой и меню не было пустого места ! ! (donskoysf.narod.ru) <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <center> <table border="0" width="60%" align="center" bgcolor="#c2c2c2"> <tr> <td><img src="images/01.jpg" ></td> </tr> <tr> <td> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href=""><span>Главная</span></a></li> <li><a href=""><span>Стандарты пород</span></a></li>…
0 votes19 answers -
валидация страницы
Как проверить HTML-файл на валидность? и как это важно. Прочитал на вашем сайте информацию, что файл html можно проверить на валидность PSPad-редактором, скачал этот редактор чё-то не могу разобраться как им проверять.
0 votes11 answers -
Подвал к низу и резиновые сайдбары
Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет). Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть. Помогите кто чем может
0 votes10 answers -
Программка - чтобы включать браузеры различных версий
Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб
0 votes13 answers -
CSS3 и HTML5 стоит ли заморачиватся новичку?
Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?
0 votes3 answers -
sqlite manager для FF
подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить
0 votes1 answer -
Вопрос следующий...
Я на днях занялся изучением HTML5 и CSS, у меня появился вопрос: - могу ли я сделать следующие: у меня будет сайт, где будут карты районов, предположим г.Феодосии и предположим 10 ссылок на гостиницы. могу ли я отобразить на карте то место, где должна располагаться гостиница, но указывая на ссылку гостиницы (появляться предположим должна заметная звезда или крест в виде "х"), когда курсор мыши или клавиши управления (стрелки влево, вверх, в низ или вправо) станет передвигаться по ссылкам, то они должны переключаться по ним соответственно?
0 votes5 answers -
Как сделать такой нижний border или что это ?
Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?
0 votes6 answers -
Выравнивание пунктов списка с добавленным элементом
День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…
0 votes4 answers -
CSS photo-album
Как заставить данную галерею работать в хроме и опере? CSS photo-album Не срабатывает /* make the images visible on active/focus */ .gallery li a:active img, .gallery li a:focus img { visibility: visible; }
0 votes4 answers -
Портативность документа
Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …
0 votes8 answers -
сохранение формы в MySQL
Здравствуйте! у меня вопрос следующего характера: Создал две странички по паспортным данным ПК. Однако данные набранные в этих формах получается надо будет сохранять в отдельные таблицу в MySQL. Вопрос: Можно ли сделать так чтобы данные с этих двух страничек сохранялись в одну таблицу в MySQL-е.
0 votes6 answers -
Favicon и Opera
Всем привет. Что то опера некорректно отображает фавиконку. Никто с таким не сталкивался? Вот как это выглядит а вот в ИЕ нормально Вот так добавляю в штмл <link rel="shortcut icon" href="favicon.ico" /> Идеи? Спасибо
0 votes2 answers -
Почему не приходят сообщения с формы обратной связи
Здраствуйте я сделал на сайте форму обратной связи (чтобы пользователи могли отправлять мне сообщения). При отправке сообщений скрипт выводит, что сообщение отправлено, но сообщения не приходят на почтовый ящик. Перепробовал несколько готовых скриптов и почтовых ящиков, сообщения отправляются, но не приходят. В чем проблема кто знает?
0 votes4 answers -
div'ы и ie6
Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…
0 votes12 answers -
HTML5 SVG грфика и анимация
Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > <…
0 votes10 answers -
Проблема со сползающим блоком (Bootstrap)
Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)
0 votes0 answers -
Положение модального окна
Приветствую! Есть модальное окошко с затемнением. Написано на html+css. <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; v…
0 votes2 answers -
Различный способы подключения стилей
Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?
0 votes9 answers