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
29,542 questions in this forum
-
закругление углов средствами CSS HTML
Задача: Закругление углов у картинки средствами CSS-HTML Что есть: Есть картинки разных размеров, которые загружаются в статью. Ньюансы: 1. Картинки разных размеров 2. Хотелось бы в див вставлять тег а не бекграундом 3. Некоторые картинки являются ссылками. Те решения что я наш?л: 1. http://www.phpground.ru/forum/post-46.html. Делаем РОдительский див ставим ему размер изображения, ставим ему в бэкграунд само изображение. Внутри этого дива ещ? один див, с кусочками по углам. 2. Что бы как то сделать что бы можно было по фотографии кудато переходить прийд?тся воспользоваться онклик при нажати на дивный блок 3. Пример просто картинки с угалками http://recode…
0 votes61 answers -
Как сверстать такую красотульку
В три дива с бордерами? Это нормально или можно более изящно?
0 votes60 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Растягивающие кнопки в меню.
Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>
0 votes60 answers -
Можно ли посавить метку <label> на изображение?
Всем доброго времени суток! Подскажите, может кто знает, каким образом можно поставить метку <label> на изображение в форме? Задача такова: есть форма, в ней необходимо выбрать одно из нескольких изображений, выбор организован при помощи элементов radio. Возможно ли сделать так, чтобы при наведении и кликании на изображении выделялся сам элемент формы (кружок radio)? У меня пока сделать такое не получается (((
0 votes59 answers -
Dreamweaver
Суть проблемы есть таблица созданная в дримвивере.........не могу поставить курсор в нужном место ячейки талбицы....поэтому картинка прилепает к левому краю и всё...а нужно поставить её по середине ячейки с помощью дримвивера.....т.е тыкнул курсор в то же место картинка и переносится....... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Главная страница блога</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="690" border=…
0 votes59 answers -
Отступы
Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться
0 votes58 answers -
Пустой тэг это плохо?
Вот собственно вопрос, а пустой тэг это плохо? И вообще какой по вашему идеально чистый код? Не раз видел пустые тэги на авторитетных сайтах для закругления углов. Если: 1. Валидный код при stricte 2. Кроссбраузерный на 100% 3. Симантичный 4. Красивый код то это мега репект, да? Покажите мне плиз хоть один такой сайт.
0 votes58 answers -
подсветка input style=image
Доброго времени. <input type="image" src="i/file0.gif" / class="over"> как применить :hover ? как поменять file0.gif на file1.gif?
0 votes57 answers -
Ну и куда мне податься?
Вопрос к модераторам: Почему закрыты верхние 4 темы? Это же раздел для начинающих или полупрофи или профи? Я что-то не пойму. И потом. В программировании не бывает глупых вопросов, это сказал проф. на ютубе иа Гарварда. Вот, к примеру, я начал изучать программирование с нуля, практически не имея ни малейшего представления что это и как. Делаю только первые шаги, т.е. HTML-CSS-JScript. Ну и куда мне податься? То, о чем пишут в этом разделе для меня пока далековато, а другие разделы вообще за пределами понимания (пока). Может есть другие форумы для стартующиx в этом деле?
0 votes57 answers -
Как сверстать меню?
Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?
0 votes56 answers -
Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.
Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …
0 votes56 answers -
Ширина DIV по ширине внутренних блоков
Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…
0 votes55 answers -
Колонки одинаковой высоты.
Хочу вас озадачить, друзья. Дано: 2 колонки с текстом (фиксированные или нет не важно) У каждой есть фон ну и прочие примочки. Нужно: создать эффект того, что эти колонки всегда одинаковы по высоте не зависимо от того сколько контента в каждой. Понятно, что блок он блок и в африке, и фактически его высота будет зависеть от того сколько в нём текста, но пользователь должен видеть, что они одинаковой высоты, притом мы не знаем в каком из них будет больше контента в каком меньше. Как-то давно попадалась эта задачка, сам её решил, но в упор не помню как. Получается сделать так, чтобы у них была одинаковая высота, но при этом у меня строго определённый блок обязательно долже…
0 votes55 answers -
Небольшая, но очень интересная задачка по верстке.
Дан вот такой код: <!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" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…
0 votes55 answers -
Фиксирование
Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }
0 votes54 answers -
Можно ли создать "дочерный" html-файл?
Код главной страницы сайта и так немаленький,а мне предстоит его ещё увеличить. На странице есть один елемент,задача которого - открывать вкладку с контентом,вот код одной из вкладок: iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";как видите в середине этой вкладки находится тестовый контент,но вот проблема в том что если закрывающий </div> опустить на следующюю строку то ВЕСЬ скрипт перестанет работать(непойму почему так).Вот весь скрипт целяком: <script src="JS/jquery.min.js"></script> <script> var iMstup= new Array();iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";iMstup[1]="<div i…
0 votes54 answers -
Верстка div-ми. Как быть с подвалом?
Есть такая проблема. Есть страничка в ней одна колонка (div). Как сделать так чтобы в случае не полной заполнености колонки, низ ее был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. Буду очень презнателен если подскажите или дадите сылки на материал. На каком ресурсе можна посмотреть варианты верстки в одну, две, три колонки, с подвалом и тд.
0 votes53 answers -
Глобальный сброс
Дорогие верстальщики, помогите ламеру определиться, какой же всё таки Глобальный сброс на ваш взгляд лучше и Почему? Вот например несколько вариантов : http://vremenno.net/html-css/css-global-reload/ ..Оцените и скажите, какой лучше? А может быть у вас есть свой вариант, былобы интересно посмотреть p.s. - кстати я слышал, что простой вариант * {padding:0;margin:0;} считается не очень хорошим, а почему?
0 votes53 answers -
ПНГ кнопка тянущаяся по содержимому
Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…
0 votes53 answers -
Колонки одинаковой высоты
Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…
0 votes53 answers -
Почему может не работать виджет коментариев вконтакта?
Собственно изза чего у меня может не работать виджет? Название сайта ввожу - test Адрес сайта - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html Основной домен сайта мне делает вот такой - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html и вконце концов код мне выдает вот такой: <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script&…
0 votes53 answers -
Абсолютное позиционирование и IE6
Вопрос в следующем. Если в ЦСС задать примерно такое: position:absolute; top:10px; bottom:10px; left:10px; right:10px; , то 7й эксплорер и мозила "растянут" див таким образом, что он будет "не доставать" до края экрана по 10 пикселов с каждой стороны. 6й эксплорер не видит одновременно параметров left и right для одного элемента - читает только первый. Его можно от этого вылечить?
0 votes52 answers -
Можете посмотреть макет?
Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?
0 votes52 answers -
холочу что бы правильно отображался текст
ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ
0 votes52 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-