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
-
Проблема с оформлением двухколоночного резинового шаблона
Есть двухколоночный резиновый шаблон. Цель добавить:внизу под центральным блоком две горизонтальные линии определённого цвета, и справа - вертикальную линию идущую от нижнего угла до середины правого блока. Так чтобы эти линии тоже были резиновыми вместе с центральным блоком, и нижние линии были внизу контента всегда, а вертикальная правая линия - справа после контента тоже независимо от растяжения экрана. Попробовал сделать это javascript-ом и выставлять позиции этих линий на событие window.onresize, но работает некорректно из-за того, что наличие самих линий - меняет размеры окна. Не знаю как это сделать с помощью средств css и html. У кого есть какие идеи? Возможно ли …
0 votes1 answer -
Вопрос По Z-index
неподвижные картинки сделаны как background к элементам html и body. При прокрутке содержимое наползает на картинки. Можно ли их поднять над содержимым? Через z-index что-то не работает. Я подозреваю, что html и body по умолчанию ниже всех, и поднять не получится. Это так?
0 votes1 answer -
Хостинг для сайта "визитки"
Привет всем Подскажите какой нибуть платный хостинг ( так сказать " провереный годами " ) на котором я могу с уверенностью разположить свой сайт Посколькую я в этом деле 0 , и никогда раньше сайты не размещал на хостингах ... разве что на ( бесплатных )
0 votes4 answers -
<keygen challenge="значение">
Подскажите пожалуйста значение атрибута challenge и для чего он вообще применяется. Из прочитанного нашел лишь то,что он запаковывается вместе с открытым ключом и вместе с ним пересылается на сервер. Но совершенно не ясно, что может быть атрибутом и зачем оно пересылается. Прошу прощения, если такой вопрос уже был. Только что искал, не нашел.
0 votes1 answer -
CSS / Не подгружаются фоны для дивов !
Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.
0 votes3 answers -
ссылка на тексте
<div style="position:relative; width:200px; height:200px"> <p style="position:absolute; width:100px; height:50px; margin:0; border:1px solid black">ТЕКСТ</p> <a style="position:absolute; width:100px; height:50px;" href="#"></a> </div> два блока,один над другим в ИЕ9 сылки нет над областью текста.
0 votes11 answers -
@media для ie
можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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>Документ без названия</title> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…
0 votes3 answers -
Onclick + img
Подскажите, как организовать смену изображений на странице по клику мыши по самому изображению?
0 votes3 answers -
Перемещение фокуса
Имеется код вида: <form action="" method="post"> <input type="text" /> <a href="#">создать аккаунт</a> <input type="password" /> <a href="#">вспомнить пароль</a> </form> Условие: Фокус на первом инпуте (text)/ Проблема: При нажатии на «Tab» фокус, по крайней мере в Хроме, перемещается на ссылку «создать аккаунт», а не на input с type="password". Как такая проблема решается? P.S. Поиск мне не помог (ну или я просто не умею его готовить).
0 votes5 answers -
HELP! Как сделать такое меню?
Проблема в том,что фон у самой менюхи и подменюхи должен быть прозрачным! У меня вообще нет идей как это реализовать! Надеюсь на конструктивные советы. Заранее благодарен.
0 votes6 answers -
вопрос по html
народ, подскажите пожалуйста, как организовать у себя штуку как (к примеру) на http://htmlbook.ru/css ,, крайний левый блок (CSS) там где идёт список значений css.. так вот.. как сделать так как в этом блоке, чтобы список выводился примерно в таком окне??
0 votes3 answers -
Класс <li> обьекта
Можно ли обьекту типа ЛИ присвоить класс?
0 votes4 answers -
Clear
Во многих шаблонах доступных в интернете, в коде встречал <div class="clear"></div>,.clear { clear: both; }, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?
0 votes5 answers -
Сложная страница под разные разрешения с передвижением контента
Здравствуйте Коллеги, прошу о помощи. Заказ исполнить чат, всё сделали, по размеру экрана трансформируется, всё зашибись. Но есть одна проблема, приватная комната должна выежать наверх при нажатии на закрученую лесенку, вот как это должно работать: вот тут шаблон, можно поиграться с размерами. http://prostor.net/pubchat/ Получается что в первом случае двигать вверх вообще не надо, а во втором надо, причём процентов на 40%, что бы вылезла эта комната. При этом всё должно катиться плавно. Второй день сижу, голову сломал, можно ли это реализовать через CSS юзая jQuery для переката? Спасибо!
0 votes1 answer -
Отступ с верху сайта
Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…
0 votes3 answers -
Помощь с версткой
Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: echo '<table><tr><td><div class="phdr">Фото</div><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" /></a></td> <td><div class="phdr">Информация</div>' . functions::display_user_ank($user) . '</td></tr></table>'; DIV .phdr из style.css: .…
0 votes4 answers -
Прошу помоч поставить фон.
Я только только начал изучать веб програмирование, по этому прошу строго не судить ) Проблема такая: Никак не могу поставить фон на своём сайте. Ставлю такой код, и в итоге у меня только фон залитый серым цветом , вместо нужной картинки: body { background:url('images/Fon.png') #373e45 no-repeat 50% 0; word-wrap: break-word; }
0 votes5 answers -
Длинный текст
Помогите найти правильное решение проблемы. При уменьшении окна браузера, текст в списке вылазит наружу. Таблицу всунул в div, и задал свойство overflow: auto, но что делать с остальными длинными элементами. Всему overflow ставить не вариант как я понимаю? P.S. Если задать overflow: auto самому верхнему диву в дереве, если ничего не путаю, в ie для windows phone будет работать только верхний overflow, невозможно будет проскроллить таблицу. Да и выглядит обрезающийся справа текст ужасно.
0 votes4 answers -
Вложенность материалов на сайте. Как лучше?
Здравствуйте. Делаю свой первый сайт на PHP тематика огородная (на картинках представлены лишь примеры адресов). И столкнулся с проблемой вложенности материалов на сайте (иерархия так сказать). Ниже представлены три ссылки и три варианта выбора соответственно. Подскажите пожалуйста как лучше сделать, какой вариант выбрать? Заранее спасибо. http://s019.radikal.ru/i601/1312/1f/fda38cf27fea.jpg http://s019.radikal.ru/i603/1312/de/45e87b833b7f.jpg http://s020.radikal.ru/i710/1312/a7/489e68081f60.jpg
0 votes7 answers -
проблема с меню
Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?
0 votes3 answers -
Сделать высоту родителя canvas == высоте canvas
День добрый всем. Необходимо, что бы родительский элемент, содержащий канвас, был равен размеру канваса - что бы родитель-контейнер никак себя не проявлял себя визуально. На первый взгляд ничего сложного:<div style="margin:0; padding:0"> <canvas style="margin:0; padding:0" width="18px" height="18px"></canvas></div> Доктайп: <!DOCTYPE html> Но - не работает Высота элемента, обрамляющего канвас, больше на 2px сверху и снизу. Тоесть, в сумме, по высоте он больше на 4px, чем содержимый канвас.При том, данное поведение сохраняется и для ячейки таблицы. Что я упускаю из виду?Возможно ли сделать родителя канваса строго совпадающим по размерам с…
0 votes2 answers -
Ограниченая по высоте левая рамка
<style type="text/css"> .div1, .div2 { display: block; line-height:14px; border: solid gray; border-width: 0 0 0 1px;}.div1 { background-color: #ffcccc; }.div2 { background-color: #fffccc; }</style><div class="div1">текст текст текст текст текст</div><br /><div class="div2">текст текст текст текст текст</div>Задача такая. Есть два блока одинаковой высоты (14). Нужно чтобы у верхнего блока, левая рамка была с регулируемым отступом сверху, т е высота рамки меньше чем у нижнего. При переносе текста рамки растягиваются. Оба дива будут прозрачными без фона; Добавлено через 8 минут Должно работать в IE6-..... есть у меня ещ…
0 votes4 answers -
Navbar ушел в себя.
Столкнулся с 2мя проблемами с навбаром на сайте. 1. Делаю прописываю ему параметр position: fixed; (дабы скроллился вместе с сайтов, аля баннер) и он перестаёт использовать своё место залезая на шапку. 2. Dropdown меню не работает. Пункты с dropdown меню уходят под шапку. z-index не помог. Сам код - https://jsfiddle.net/9z13k8uo/
0 votes5 answers -
Векторная графика
Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!
0 votes3 answers -
IE6, Операция прервана
Получил свинью оттуда, откуда не ожидал. Знал, что у заказчика везде ИЕ6 и надо стараться делать под него. На ИЕ6 SP1 Win2K все как по маслу. На ИЕ6 SP3 WinXP - Операция прервана при использовании border-raduis.htc Что делать?! Как бороться? Рисовать скругленные углы самому в 2011 году?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-