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
-
Помощь начинающему (азы)
Привет! Недавно начал учиться вёрстке, нужна помощь. Так, как только начал это дело, начну с самого начала. Оцените и укажите на ошибки, которые присутствуют, пожалуйста. Собственно сам код: http://jsfiddle.net/FZetU/1/
0 votes21 answers -
высота iframe может меняться в зависимости от контента?
Всем привет! Хотел бы узнать, а высота iframe может динамически меняться в зависимости от контента и если да, то как это можно организовать? Либо, как вариант мне надо, чтобы новые ссылки автоматом открывались в томже самом div-e, БЕЗ перезагрузки основной страницы.... Т.е. у меня есть страница, в нее через div или iframe (с помощью ajaxtabscontent) выводится другая страница, на которой есть ссылки. Дальше, если в iframe, то ссылки в фрейме и открываются (но тогда из-за разного содержимого страниц появляется вертикальная прокрутка iframe-а), а вот если div - то они открываются в новом окне. Хотелось бы избавиться от вертикальной прокрутки в iframe, чтобы страница динамиче…
0 votes2 answers -
как узнать точное расположение элемента?
как узнать точное расположение какого-либо элемента? если у меня в фотошопе нарисована страница и мне надо разрезать и перенести ее в хтмл - то как мне узнать точное расположение какой-либо кнопки или картинки? как вообще проф. дизайнеры добиваются точного совпадения страницы с тем что было в фотошопе?
0 votes5 answers -
полу прозрачный фон под текстом
Нужно сделать под текстом полу прозрачный белый фон вот тут http://plastik-pvh.ru/ где ротируются картинки Просто сложно выбрать такой цвет шрифта, чтобы он был заметен на любом изображении, поэтому хочу сделать черный шрифт на на белом фоне с прозрачностью 40-50%
0 votes10 answers -
float:left и выравнивание по центру
Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.
0 votes2 answers -
Помощь в вёрстке "Шапки"
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
0 votes11 answers -
список. как сделать?
————————————————————————————————————————————————-- в странице: <ul class="menu"> <li id="limargin"><a href="" class="limenu">пункт 1</a></li> <li id="limargin"><a href="" class="limenu">пункт 2</a></li> <li id="limargin"><a href="" class="limenu">пункт 3</a></li> </ul> в стилях к этому коду (выше который): ul.menu {width: 190px; list_style: none; margin: 0px; padding: 0px; font-size: 12pt; font-weight: bold; text-align: center;} #limargin {margin: 0px; margin-top: 2px…
0 votes7 answers -
Обязанности верстальщика
Здравствуйте, уважаемые профессионалы верстки! Хотел бы уточнить такой вопрос: Что должен сделать верстальщик, если в шаблоне есть различные формы, например, такой: Или например, форма подписки на рассылку, голосование или анкеты? Какой функционал входит в обязанности верстальщика?
0 votes8 answers -
бустрап отключить адаптивность
есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает
0 votes17 answers -
Скрыть последний разделитель в меню.
В общем такая печальная картинка: Хотелось бы убрать лишнюю палку после последнего пункта. Заранее большое спасибо всем. Может меня почтит своим внимание PsyWalker... код вот такой: (leftmenu и rightmenu это боковые заглушки. Со скругленными углами.) case 'horizontal': default: echo '<div id="wrap"><div id="menu">'; echo '<table cellpadding=0 cellspacing=0 border=0 width="100%"><tr>'; echo '<td class="leftmenu"></td>'; foreach ($this->parent->children[0] as $v) { echo "<td class='cmenu'>"; echo $this->getFirstLevelItem($v); echo "</td>"; } echo '<td class="right…
0 votes6 answers -
head
kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg
0 votes33 answers -
fullWindow при старте
добрый день помогите пожалуйста. надо сделать чтобы при заходе на сайт vasyapupkin.ru он открывался сразу в fullWindow как сделать это чтобы открыл он поп-ап могу как сделать чтобы открывало фул виндов при нажатии на ссылку - могу. как сделать чтобы страница сразу была fullwindow заранее благодарен за ответы
0 votes20 answers -
Выпадающий список select
Добрый день. Помогите решить проблемку: в форме регистрации на сайте сделал (а точнее переделал ненужный мне AOL) выпадающий список, в котором пользователи при регистрации должны выбрать марку телефона. <tr id="siM9"><td class="manTd1" id="siM10">$AOL_SIGN$</td><td class="manTd2" id="siM11"> <select size="1" id="siF11" name="aol"> <option>NOKIA</option> <option>SAMSUNG</option> <option>MOTOROLA</option> <option>SONY ERICSSON</option> <option>APPLE</option> <option>LG</option> <option>Другая марка</option> </select> Всё работает, но вот если вдру…
0 votes8 answers -
Высота блока доходит не до конца
Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.
0 votes28 answers -
Высота div при float у внутреннего элемента
Здравствуйте! Люди, помогите кто сталкивался с проблемой. Есть див а внутри него картинка определенной высоты с параметром float: left; Так вот, div не хочет принимать высоту этой картинки в FireFox. В IE все нормально. То есть, если задать div-у border - то он не будет соответствовать. Заранее спасибо. .find { border: 1px solid #cecece; } .find img { float: left; }
0 votes4 answers -
id и class одновременно
Всем хорошего дня.Вопрос скорее всего глупый , только явного ответа на него в гугле я не нашел. Подскажите пожалуйста ,правильна ли запись вида <p id="main_text" class="main_text">Text</p> где id , я оставляю для движка (программиста) и вообще его не трогаю в стилях ,в CSS же пользуюсь только классами ?
0 votes13 answers -
Высота всей страницы - всегда 100%. Как?
Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.
0 votes5 answers -
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
Форма входа на сайт - переместить в другое место.
Добрый день всем. Собственно вся форма входа находится в файле login.tpl. Делится она на 2 категории: 1. Сама форма ввода логина, пароля, регистрация и забыли пароль. 2. После ввода данных вся эта форма исчезает и появляется на этом же месте другая форма авторизированного пользователя. Так вот, я убрал 1 фору в модальное окно чтоб на её месте написать приветствие нашего сайта, как пользователь зайдёт на сайт эта форма приветствия превратится в форму авторизированного пользователя. (Типа админ панель, добавить новость и т.д.) Новая форма логина, пароля, регистрации и т.д. Выглядит просто "Вход" (после нажатия на неё выводится модальное окно и уже там вся форма) И так воп…
0 votes16 answers -
img - размер изображения
Большая просьба! Не могу найти код для такого случая: У меня картинка отображается во фрейме и выходит за рамки него, появляются полосы прокрутки. Можно ли сделать так, чтоб картинка сама подгонялась под фрейм, при этом не хочется изменять размер ни картинки, ни фрейма... Подскажите как это сделать. Заранее благодарен.=)
0 votes5 answers -
hover для другого элемента...
есть таблица с ячейками и есть дивы соответствующие каждой ячейки. нужно чтоб при наведении курсора на определенную ячейку изменялся стиль соответствующего дива. как лучше это реализовать? <table> <tr> <td class="cell">ячейка1</td> <td class="cell">ячейка2</td> <td class="cell">ячейка3</td> </tr> </table> <div class="cdiv">1</div> <div class="cdiv">2</div> <div class="cdiv">3</div> у дивов абсолютная позиция. пробывал вкладывать дивы в ячейки, дабы "cell" был для них родительским классом и писать нужный стиль на ховер, но в этом случае opacity дивов работает …
0 votes20 answers -
Границы
Как-то вот сразу два вопроса возникло (точнее актуализировалось). Спасибо, если поможете мне разобраться) Вопрос #1. Есть background-clip и background-origin. Можно по-простому как-нибудь или просто подробнее, в чём разница-то? И ещё, я так понимаю влияние оказывается исключительно на отображение фона? На размеры границ и отступов и их логику не влияет, да? Вопрос #2. Вот, частенько сталкивался — а, ведь, опыт у меня мизерный, ужасающе мизерный — с проблемой определения ширины border в резиновой вёрстки. И чо-то как-то и не помню как решал эти проблемы, по-моему это было не совсем правильно и просто по-другому строилась вёрстка. Интересно услышать ваши варианты выхода и…
0 votes29 answers -
как сделать так, чтобы фон тоже мигал?
http://jsfiddle.net/HPsz4/
0 votes20 answers -
Заменяющиеся картинки
Хочу сделать такую хрень: есть меню, берём в пример раздел "Новости", там картинка "Новости".png Как прописать в ЦСС так, чтобы при наведение на эту картинку появлялась другая? Знаю, a:link, a:visited { background-image: url('image1.gif'); } a:active, a:hover { background-image: url('image2.gif'); } только как это "умно" применить? Например: <div id="news"><a href="index.php?case=news"><img src="i/news.png" /></a></div> к нему цсс: #news { a:link, a:visited { background-image: url('news1.png'); } a:active, a:hover { background-image: url('news2.png'); } } Так у меня ЕСТЕССТВЕННО не пашет)) Объясните дураку как надо))
0 votes12 answers -
Не растягивается контент в ie
Помогите разобраться почему в ie7 не хочет растягиваться стиль с контентом? хотя в FF все ок http://www.askplumbers.co.uk/index.php?opt...4&Itemid=23
0 votes14 answers