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
-
Привязка элемента к окну браузера
Здравствуйте! Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику. Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как). Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как. Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией. Кто сталкивался - помогите плз!
0 votes5 answers -
Дизайн + вёрстка
Здравствуйте! Может не совсем правильно выбрал подраздел для своего вопроса, но решил спросить здесь из тех соображений, что сюда наверное чаще всего заходят верстальщики. Видел на форуме(сейчас уже не могу найти где именно) обсуждение работы дизайнеров в том смысле, что бывают толковые дизайнеры, после которых верстать одно удовольствие, а бывают не очень - такое наваяют, что потом и не сверстаешь. Опять же картинка должна быть в каком то определенном формате. Подскажите кто с кем работал, чтобы потом было поменьше проблем с версткой? Может ссылки какие на примеры работ?
0 votes10 answers -
Реализация задуманого!
Есть задумка, помогите реализовать или подскажите другие варианты реализации. Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу текст не отображался..
0 votes7 answers -
резиновый макет в 3 колонки, div
делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …
0 votes14 answers -
Обрезается фон
Добрый день. Имеется следующая структура: <header class="header"> <div class="header-inner">.....</div></header>.header { background-color: #727171;}.header-inner { width: 1470px; margin: 0 auto;}Пример в песочнице http://jsfiddle.net/xDyfP/, в фулскрине почему-то воспроизвести не удалось, смотрите в окне результата, прокрутите горизонтальный скрол. Вопрос. Почему при масштабировании фон родительского блока не растягивается? Ведь у родителя не указанна ширина, т.е. по факту он должен растягиваться на всю ширину, так и происходит в нормальном виде, но стоит изменить масштаб, как родительский блок обрезается по изначальной ширине области просм…
0 votes1 answer -
Сколько надо сверстать макетов, что бы хорошо набить руку?
Сколько надо сверстать макетов, что бы хорошо набить руку? Через сколько вёрсток, вы начали хорошо верстать? 30 разных вёрсток хватит?
0 votes6 answers -
Сделать <span> неактивным
Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную
0 votes3 answers -
По разному отображается в OPERA и в Firefox
Добрый день! Не раз замечал что есть сайты каторые по разному показывают страницу в разных браузерах... в IE видно так а в Лисе по другому. ... при продаже продаже шаблонов (дизайна) для сайта пишут что заточен под IE или Оперу... что это значит? почему в FF показывает по другому? код HTML ведь везьде тот же. или что не так? вот на пример этот сайт http://mrlupen.com/ зайдите на него через OPERA и FireFox в сааамом низу там где footer в Опере показывает нормально а вот в Лисе футер кагбы приподнят (не доходит до конца страницы) в чем проблема?
0 votes11 answers -
изображение
Що потрібно зробити щоб зображення було біля самого краю
0 votes10 answers -
IE6 не воспринимает dispaly:block
Шестой ослик почему-то не хочет воспринимать display:block. Про косяк с display:inline-block наслышан, а вот про display:block слышу в первый раз. В чем может быть причина?
0 votes20 answers -
border-radius в IE 7-8
Сабж. Какой-нибудь проверенный способ есть? А то в инете их чего-то много подозрительно. Пробовал парочку несколько месяцев назад, тогда так и не добился адекватной работы. Вот и щас не хочется об стенку биться.
0 votes12 answers -
как сверстать такое?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как сверстать так чтобы при сужения окна браузера боковые картинки ”заежали” за видимую часть окна, а при увеличении ширины центральная часть растягивалась?
0 votes17 answers -
Простое позиционирование DIV, а куча проблем!
Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.
0 votes16 answers -
выравнивание по середине по вертикали
забыл как сделать( напомните, плз? http://natatour.ru/test/Untitled-1.html нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает css: @charset "utf-8"; /* CSS Document */ .a { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #009900; font-weight: bold; float: left; position: absolute; left: 8px; } .b { width: 100%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00CC00; font-weight: bold; float: left; vertical-align: middle; } .c { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00FF00; font-weight: bold; float:…
0 votes5 answers -
Помогите с дизайном таблицы!!!
Ребят, выручайте. Вобщем в сайтостроении я не силен, поэтому обращаюсь к вам за помощью. Вобщем сначала я делал сайт при помощи фреймов, но как я понял, на них сайт не делаюстся, вобщем понял что нужно дивами и таблицами, но как я понял, предпочтительнее будет таблицами. Первое. Вобщем я мысленно представил себе шаблон будущего сайта, и даже нарисовал его при помощи таблиц, но вышло явно не то, что мне нужно, вобщем проблемма первая. Как сделать границы ячеек невидимыми? Т.е. чтобы страница состояла из отдельных боков. Где-то вычитал, что нужно указать border="0", но тогда невидимые границы получаются очень тонкими, мне нужно большее расстояние между блоками, увеличив зна…
0 votes8 answers -
Все те же скругленные углы, но...
Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)
0 votes10 answers -
DIV, table и гугль!
объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div
0 votes10 answers -
Плавающая картинка в блоке
Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…
0 votes7 answers -
Импорт в JavaScript
Здравствуйте, вот заинтересовался вопросом, существует ли в JavaScript'е (или jQuery). Функция импорта (подключения) других *.js файлов. Например как в CSS "@import 'file.css'" Подскажите пожалуйста.
0 votes3 answers -
Как верстать для мобильных устроств?
Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
0 votes10 answers -
Программа для создания макета сайта
Сколько видел, все макеты сайто в PSD. Мне удобнее для себя сделать в Illustrator'e или CorelDraw, хотя и с Photoshop'ом работаю. В чём соль PSD, удобнее потом разбирать? Или верстальщику проще этот формат открыть?
0 votes9 answers -
что зада?т параметр "nosorthandle"?
просматривал код одного сайта и наткнулся на вот это: ... <td width="145px" nosorthandle="1"> ... и ещ? вот ... < img nosorthandle= "true " ...
0 votes3 answers -
Иероглифы в мозиле вместо русского языка ! В чем дело ?
Сделал сайт. На компьютере работает все хорошо и на мозиле и на гугл хром и на интернет експлоер и даже на нетскейп навигатор. Загрузил файлы на хост и появилась проблемма. IE и Гугл Хром отображают все хорошо а вот мозила и нетскейп навигатор вместо русского выдают иероглифы ! Помогите разобраться пожалуйста. В чем может быть проблемма ?
0 votes2 answers -
Создание "подсказки"
Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…
0 votes16 answers -
Помогите
Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-