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
-
Создание шаблонов под сайт и форум
Всех категорически приветствую)) Я далек от сайтостроений и дизайна, но вот захотелось сделать для себя. Просто есть идея создать портальчик, для себя, и выкладывать там стать свои мысли, которые кому то могут пригодится (как например моя разработка для проигрывателя Dune BD которую уже куча народу оценила) Для этого я скачал халявные движки портала и форума MKPortal + SMF конечно там уже все сделанно, все работает, но естественно хочется внести что то свое))) уже сделал и оттестил новые функции (курс доллара, погоды, красивые смайлики и т.д.) но все же есть пара вопросов) так как я ярый поклонник Apple, хочу сделать дизайн в сите Mac OS. на примере уже имеющийся темы для…
0 votes7 answers -
Расположение изображения в HTML
Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…
0 votes9 answers -
Какой выбрать движок для интернет магазина
Хочу сделать интернет магазин. Подскажите, движок, на котором можно сделать магазин зная только html и css. Смотрела готовые шаблоны для интернет магазина, но ни один из них не подходит для того магазина, который я хочу сделать.
0 votes5 answers -
Проблема с позиционированием элементов
Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…
0 votes4 answers -
Создание подписки через сайт. Как и с чего начать?
Хочу создать подписку через сайт, например, различных новостей. Так вот, как это делается. Интересует даже скорей не готовое решение, а в каком направлении двигаться. Т.е. с помощью чего это реализовывается, как работает, что почитать и т.п. п.с. Кстати может кто заодно посоветует хорошую программу для рассылок? Спасибо
0 votes3 answers -
Подскажите с чего начать верстать шаблон
Дали задание тествое. необходимо сверстать шаблон из psd рисунка, подскажите плиз с чего начать
0 votes5 answers -
Нужно изменить формат тега </hr>
Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…
0 votes5 answers -
Ширина заголовка по содержимому
Занят версткой шаблона. Вот собственно сайт в хидере - "1111111111" Суть дела такая, нужно сделать ширину для заголовка по содержимому . width: auto; не помогает. Подскажите как поправить ситуацию.
0 votes3 answers -
Изучения HTML и CSS
Здравствуйте уважаемые форумчане. Прошу вас дать ценный совет по изучению HTML и CSS, как узучать, на какие книги полагаться, чтобы после этого я мог создавать сайты.
0 votes10 answers -
Проблема масштабирования
Привет, есть код html: <div id="content"> <div id="content_1"> <div class="text1"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> <div class="text2"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> …
0 votes5 answers -
Резиновые шрифты , реализация без js
Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт
0 votes1 answer -
fancyBox свой html в подпись
Подключил на сайте последнею версию http://fancyapps.com/fancybox/ использую метод следующего типа: <a class="fancybox-effects-a" href="images/gallery/foto-big.jpg" data-fancybox-group="gallery" title="Название фото"><img src="images/gallery/small/foto-small.jpg" alt="Название фото" /></a> Проблема в следующем, как кроме названия фото, там ниже вывести описание фото и лайки со сетей? Буду благодарен за пример кода, спасибо.
0 votes1 answer -
Полоска между wrapper и контентом
Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…
0 votes10 answers -
Вертикальное выравнивание многострочного текста в блоке
Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…
0 votes1 answer -
Помогите убрать отступ от шапки
Не могу убрать отступ от меню до шапки вообще не как все перепробовал, но я не очень шарю https://gyazo.com/c4d35eea66b03d4011578bab66670504
0 votes6 answers -
Не работает выпадающий список
Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP
0 votes3 answers -
Вложенная нумерация
Какие использовать теги и есть ли пример такой реализации: например у меня есть запрос mysql который выводит из БД Раздел - Подрздел - Категория как в таком виде вывести, какие html теги подставлять в моем коде php ? 1 Раздел 1.1. Подраздел 1.1.1 Категория 1.1.2 Категория 2 Раздел 2.1. Подраздел 2.1.1 Категория 2.1.2 Категория и т.д.
0 votes2 answers -
Абсолютное позиционирование и Firefox
Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…
0 votes5 answers -
Необычный резиновый дизайн
Суть задачи в следующем: 1 имеем блок фиксированной ширины 1024 пикс. При разрешении экрана в 1024 пикс он показывается целиком. Это центральный блок. 2 Если разрешение экрана больше то справа должен отобразиться фон (изображение), причем его левый край должен совпадать с центральным блоком. 3 Если разрешение экрана больше 1280 пикс, то слева должен отобразиться фон(изображение), правый край которого должен совпасть с центральным блоком. Вопрос, как это реализовать не прибегая к javascript и есть ли готовые решения?
0 votes10 answers -
3 колоночный резиновый дизайн
Форумчане, подскажите пожалуйста, пока нигде не могу найти. Нужен пример верстки 3 колоночного дизайна в котором 2 сайдбара по бокам фиксированной ширины. а в середке резиновый блок. И еще надо чтобы все 3 блока имели одинаковую высоту подстраиваясь под самый длинный блок. Причем чтобы способ поддерживал фоновое изображение на блок и бордер. Замучился искать, все не то(
0 votes7 answers -
Печать гна принтере HTML бланка со штампом
Все вы знаете, что для качественного отображения на экране монитора картинка должна иметь разрешение, грубо, 100dpi, для вывода на принтер не менее 300dpi, а лучше 600dpi). Есть бланк "счет" в HTML, в котором есть одна единственная картинка - печать организации. Наивно предположил, что вставив в документ большую картинку печати и уменьшив ее с помощью <img width=xxx height=xxx ... > на печати получу качественную картинку, которая при выводе на принтер будет сравнима с качеством хорошей ксерокопии. В итоге на распечатке печать выглядит корявой оцифровкой. Вопрос: что нужно сделать, чтобы при выводе на принтер этого HTML бланка печать организации выглядела хорошо? Э…
0 votes6 answers -
Кроссбраузерная строка поиска на html+css
Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …
0 votes2 answers -
Разное расположение в опере и в ие
Почему-то при использовании карты-изображения в ие рисунок на самом верху (как и надо), а в опере на 20 пикселей ниже нужного. Может это всегда так, не знаю, это моя первая работа... Помогите, пожалуйста, не знаю, как это исправить.
0 votes3 answers -
проблемы вложенности слоев
Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…
0 votes4 answers -
Границы таблицы. Нестыковка.
Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.
0 votes8 answers