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
-
Как зафиксировать картинку по центру резинового шаблона
Доброго времени суток. Сделал себе простейший сайт на web builder, но возникла маленькая проблемка.Я установил для фона width:100%, так он у меня стал "резиновым", а теперь не знаю как зафиксировать остальные элементы на нем по центру (1 видео и 1 кнопка). Не подскажите, что нужно прописать, чтобы они стали подтягиваться за фоном по центру? <body><div id="wb_Image2" style="position:absolute;left:500px;top:547px;width:150px;height:50px;z-index:2;"><img src="images/Wunder.png" id="Image2" alt="" style="width:150px;height:50px;" ></div></body>
0 votes3 answers -
Какими способами можно сделать псевдо 3D блок
Ребята, подскажите пожалуйста, какими способами можно добиться вот такого вот эффекта, как на картинке? Код приводить не обязательно - можно просто дать направление... просто идей что-то совсем нет...
0 votes3 answers -
backgtound отступ сверху
Доброго времени суток. У меня есть форма, и там где textarea я хочу задать фон толщиной в 1px, и мне надо чтобы он с верху брал отступ сверху в 10px к примеру, всё это делается для того чтобы когда например печатается текст в textarea то что бы каждая строчка была типа как в тетради, подчёркнута линией. Есть ли какая то возможность сделать это или может быть какой то другой способ осуществить это.
0 votes1 answer -
Вопрос знатокам CSS
<style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} …
0 votes5 answers -
Как закрепить кнопки в карточке товара
Хелп! Пытаюсь сделать сайт, возник вопрос. Постараюсь объяснить поподробнее, более-менее понятно И так, что мы имеем. 1. Главная страница с которой все окей. Карточки товара правильно расположены, кнопки "add to cart" стоят ровно, не прыгают в вверх и вниз в независимости от кол-ва строчек в названии. Ссылка: _www.russian-watches.info 2. Страница поиска товаров, с проблемой. Кнопки "add to cart" зависят от строк в названии и описания. Ссылка: _www.russian-watches.info/search/?searchstring=poljot Как можно убрать во втором случае зависимость кнопки "add to cart" от текста и расположить их все в одну линию? Очень признателен за помощь.
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="ieonly.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"><!--шапка--> <div id="hleft"> <img src="img/s…
0 votes2 answers -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers -
CSS и позиционирование от верхнего края страницы
Добрый день. Если я вставляю в абсолютно пустую страницу таблицу, то ее верхняя граница начинается с небольшим отступом от верха страницы. Как сделать, чтобы этого отступа не было? margin-top:0px; и padding-top:0px;, прописанные в стиле таблицы не помогают. ============================================================= Сам допер В блоке "<body>" прописываем topmargin="0". Тему можно удалять.
0 votes1 answer -
Правильно ли я составила DOCTYPE?
Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?
0 votes1 answer -
таблицы с помощщью css
Добрый день ) Вот кусочки css TABLE.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; th { background-color: WHITE; text-align: center; } td { text-align: center; } tr.color1 { background-color: WHITE; } tr.color2 { background-color: #F0FFFF; } А как сделать так, чтобы были видны границы ячейки ??? А то получается все слова на всю строку без разграничений. т.е нужна такая штука | И вот еще ...может кто -нибудь покажет еще теги на таблицу. Ваши примеры готовые ?? Чтобы сравнить и чему-нибудь поучиться ))?? Заранее спасибо
0 votes1 answer -
тормозит отображение стиля
Народ, вобщем проблема такая, открываю я страничку своего сайта, и сначала она отображается как будто стиль не применен, а потом через секунду применяются стили и страничка выглядит так как должна выглядеть. Урл к сожалению не могу дать. В чем может быть проблема где порыться? Пробовал код через валидатор прогнать, он нашел кучу хлама, но даже с обновленным кодом чудит. сайт написан на php и делает всякие запросы к базе данных. Я взял открыл страничку и скопировал html код, и запихнул в отдельный файл, тормоза остались. Даже та страничка где всего 2 картинки по 15кб тормозит с отображением
0 votes1 answer -
таблица на дивах
представляем себе таблицу шириной 100% из 2-х td если заполнить первую яцейку 10% или 20%, то вторая автоматически растянется на 90% или 80... как сделать такое же на дивах?
0 votes1 answer -
Положение картинок
Приветствую Сайт по центру, необходимо прикрепить справа и слева картинки. Поначалу они липки к краю экрана и при смене разрешения меняли свое место положение, относительно самого сайта. Не большой прогресс есть, я прикрепил картинки к краю фонового рисунка и при увеличении разрешения они остаются на месте вроде все отлично, но при уменьшении разрешения... получается - как сделать так чтоб они там и оставались? пытался делать отступы от центра, но тогда двигается весь сайт =( css #centr { width: 100%; max-width: 1300px; margin: 0 auto; background-image: url(http://remarg1.ucoz.ru/image2/testep.png); background-repeat: no-repeat; background-position: center top;…
0 votes5 answers -
Глюки Dreamweaver'a
Тему запостил сюда, так как более подходящего форума из имеющихся не нашел. Проблема заключается в программе Dreamweaver. Вплоть до версии Adobe CS4 особых проблем у меня с ним не наблюдалось. И вот угораздило установить пятую версию «сюиты». С Дримвивером начались глюки. Главным образом, это связано с хоткеями. Поначалу всё работает нормлально. Потом внезапно Ctrl+C и Ctrl+V либо вовсе перестают работать, либо начинают выдавать сюрпризы, выполняя совершенно иные команды. Вопрос: сталкивался ли кто-нибудь с подобным? Есть ли способы одолеть эти траблы?
0 votes1 answer -
цифирки
уважаемые форумчане подскажите пожалуйста как сделать так чтобы можно было выбирать значение числа (не раскрывающийся список) тоесть есть поле с числом а рядом две кнопки одна при нажатии увеличивает число на 1 другая уменьшает
0 votes3 answers -
hidden в IE
Блин. Только что совершенно случайно обнаружил, что мой код вида <?php echo('<input value="'.$titl.'" name="titl" hidden />'); ?> не работает в IE 9 (в других версиях не проверял). ИЕ не скрывает инпуты!!! Писал всё под ФФ, сайт уже неск. месяцев работает, а только заметил. Вот фак!!! Как исправить, кто знает? Рано паниковал. Извините )) Можно удалить тему. Решил вопрос через visibility: hidden
0 votes4 answers -
подобие фрейма в таблице... реально?
есть ячейка в таблице размером, к примеру, 700 на 500. есть ли возможность без использования iframe сделать в ячейке содержимое с прокруткой, если содержимое больше чем 700 на 500 (текст)?
0 votes2 answers -
Позицианирование по центру
Добрый день Уважаемые! Проблема состоит в следующем. Есть 4-ре блока которые нужно вместе выровнять по центру. Ширина у них не фиксированная. Мои Варианты решения: 1. position: absolute; left: 50%;, a внутренним блокам position: relative; right: 50%; (не подходит, т.к. они вместе занимают больше половины экрана) 2. display: table; - здесь проблем в поддержке IE7. Можно ли её обойти? ПРобовал использовать http://tanalin.com/projects/display-table-htc/ но не выходит Предложите свои варианты.
0 votes3 answers -
Выравнивание div по центру страницы и max-width, min-width: сайта
Здравствуйте. Помогите пожалуйста выравнить div по центру страницы, чтобы работала если можно во всех браузерах. Какая минимальная и максимальная ширина страницы самая оптимальная ? #wrapper{ background:#f8f8ff; border:1px solid #000000; margin:0; min-width:?px; max-width:?px; }
0 votes4 answers -
Ошибка php
Доброго времени суток. Начал делать систему отзывов, но выводит он только 1 отзыв, а потом ошибка "Warning: mysql_fetch_array() expects parameter 1 to be resource, array given in Z:\home\test1.ru\www\reviews.php on line 83<p> Выглядит это так http://gyazo.com/9e0...f17cb9f422704fd 83 строка - while ($myrow = mysql_fetch_array($myrow));
0 votes2 answers -
Карты Google
День добрый! Хотел установить карту гугл на сайт, она должна быть "чистая" без кнопок, только с одной меткой на карте. Но как выяснилось чтобы их удалить нужно с JS возится, я его еще не знаю. Если кому не сложно можете написать здесь пример кода? Спасибо!
0 votes6 answers -
Размещение заголовка новости и даты создания новости на одной строке
Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался
0 votes5 answers -
Переключение комментариев: с ВКонтакте / с сайта
Доброго дня! Увидел достаточно полезную фишку на одном из сайтов - переключение комментариев. Думаю, объяснять как это выглядит не нужно. Можно было бы просто выдрать кусок кода и не парясь поставить, но он работает немного не так, как я хотел. Когда нажимаешь на "ВКОНТАКТЕ" - сверху комментариев с сайта вылазят комментарии с ВКонтакте, т.е. одно не заменяет другое. Как лучше реализовать подобное? Спасибо.
0 votes1 answer -
Блок заказа поверх страницы
Добрый день! Можете подсказать, как ввести аналогичный алгоритм показа блока заказать звонок поверх страницы, также как указано на этом сайте? http://bloky.ru/ Когда нажимаем кнопку "Заказать обратный звонок", появляется форма заказа поверх страницы. Как можно написать такой java-код либо можно ли его позаимствовать с этого же сайта?
0 votes2 answers -
Нужна помощь, возможная оплата!
Сайт верстался сразу на бутстрепе, с возможной переделкой на моб версию. Потом решилось оставить десктопную версию на мобильниках, вот только проблемка вылезла, он там кривой ( бг не центрируется, а слева почему-то). Мне нужна срочная помощь в исправлении этой проблемы. Кто поможет кину денег на пиво с чипсами. Сайт - http://baklazhan.zz.mu/
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-