Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. WEB-интерфейсы приложений

    Вот есть такой вопрос.... Часто сталкиваюсь с web-интерфейсами различных программных продуктов, допустим 1С8 или Kerio Control и не могу понять, как они разрабатываются? Я сталкивался с ПО типа Adobe Flex SDK, но там как я понимаю речь идет об обратном действии - создать desktop-приложение из web. Неужели все эти интерфейсы (1C или Kerio) так же верстаются при помощи HTML и CSS ?

    Asked by bonyany,

    0 votes
    4 answers

  2. Проблемма с ие 6

    Здравствуйте! Лоб об клаву уже разбил - не могу найти косяк: В ие6 центральная колонка (точнее контент колонки) начинается только под менюшкой . И никак не могу на место подвинуть. Знаю - где то накосячил http://dsi10.ru Заранее благодарен!!!

    Asked by Leonidk,

    0 votes
    4 answers

  3. Проблема с версткой

    Народ помогите пожалуйста решить. Пытаюсь себе сайт сделать в HTML и CSS не очень пока Нужно выровнять корзину по краю. сам пытаюсь сдвинуть появляется полоса прокрутки внизу, т.е. сайт не влазит. Дальше блок с телефоном почему то перекрывает вкладку меню (Аксессуары не нажимается) и частично кнопку поиск. Поле поиск в опере и хроме отображается криво, в хроме нормально. Уже всю голову разломал себе. Может из-зи того что прописал absolute в этих блоках Готов отблагодарить 300 wmr вот скрин вот сайт Моя ссылка нужен такой вид примерно

    Asked by eralef,

    0 votes
    3 answers

  4. проблема с margin-top

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…

    Asked by Krote,

    0 votes
    2 answers

  5. Таблица портит жизнь

    Поручили исправить макет уже готового сайта. Средина сайта выполнена таблицей, стандартные 2 колонки, слева узкая фиксированная, справа растягивающаяся. Если в область контетна (в правую колонку) вставить блок большой ширины, то он рвет всю верстку он растягивает эту колонку так, что появляется горизонтальный скроллинг страницы. Вроде бы логично, ага? Но вот зараза, почему когда этому блоку задаешь css свойство overflow: hidded, он не прячет содержимое, которое вылезает? Блок по прежнему растягивает эту правую колонку. Я тестировал без таблицы, здесь все ОК. А как быть с таблицей? На деле мне необходимо вставить горизонтальный ротатор изображений. Изображений очень много.…

    Asked by safiullin.at,

    0 votes
    3 answers

  6. Проблема с шрифтами

    Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?

    Asked by dencat,

    0 votes
    2 answers

  7. Посоветуйте uploader для картинок

    Привет. Посоветуйте, кто встречался с вопросом. Нужен uploader для картинок в форме(<form>) с предпросмотром. Хотелось бы чтобы было: 1. Загрузка нескольких изображений. 2. Предпросмотр в нужном мне месте. 3. Гибкость в переделке под себя 4. Бесплатный (желательно) 5. jquery 6. флеш фтопку 7. Ограничение сколько файлов заливать 8. И было бы просто обязательно, чтобы картинка загружалась в превью сразу после добавления в input поле. Без нажатия дурацких кнопок "загрузить", "готово" и прочее. Идеальный вариант: Требований конечно много, но вроде как не только я с этим сталкиваюсь Спасибо, друзья!

    Asked by alex_anderr,

    0 votes
    2 answers

  8. Чем закрыть класс?

    del

    Asked by PREDATORik,

    0 votes
    3 answers

  9. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr,

    0 votes
    6 answers

  10. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135,

    0 votes
    3 answers

  11. Двойная тень <IMG>

    Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…

    Asked by darlov,

    0 votes
    4 answers

  12. Помогите с "резиновостью" элемента

    Всем привет. Ребята, подскажите пожалуйста, не могу сообразить, как сделать вот такой элемент резиновым. Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

  13. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook,

    0 votes
    3 answers

  14. Форма поиска + :hover ,не работает при наведение на кнопку, как быть?

    Как мне сделать, чтобы картинка кнопки была единым целым с оболочкой?? Никак не пойму, как сделать. Просто раньше никогда не делал на сайтах поиск :crazy: теперь пришлось. Когда пишу: z-index: 100; фигня получается. <form class="form-search" method="get" action="/search" target="_blank"><input type="text" name="q" value="Что-то ищите?" onfocus="if(this.value=='Что-то ищите?') this.value=''" onblur="if(this.value=='') this.value='Что-то ищите?'"/><input src="/img/search.png" type="image" alt="поиск"/></form>.form-search {display: inline-block;float: right;position: relative;right: 20px;top: 20px;}.form-search input {width: 100px;height: 25p…

    Asked by Guest Feniks000,

    0 votes
    2 answers

  15. Редактирование файлов на сайте!

    Здравствуйте, нужен совет! Речь идет только о сайте на локальном сервере (использую Denwer)! Мне нужно, чтобы посредством гиперссылки через браузер открывались файлы (.doc, excel и пр.) чтобы была возможность их редактировать и сохранять в тот же каталог из которого они открылись! Подскажите как можно это сделать? Обычно файл через браузер открывается только для загрузки! Заранее благодарю!

    Asked by IskanderC,

    0 votes
    5 answers

  16. Как добавить карту на сайт?

    Подскажите, как добавить карту на сайт? Карта -- имеется в виду, карта адреса. То есть, адрес и указание на карте...Как это делается?

    Asked by Fendia,

    0 votes
    3 answers

  17. Смена маркера при выборе элемента списка

    Есть нумерованный список. Нужно, чтобы по клику цифра превращалась в галочку, и наоборот. Скажите, это возможно реализовать без JavaScript, только на CSS3?

    Asked by PavelTkachev,

    0 votes
    12 answers

  18. Изменение hover для элементов

    День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…

    Asked by alex.kv,

    0 votes
    3 answers

  19. Баг в IE при использовании капители

    Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?

    Asked by PavelTkachev,

    0 votes
    10 answers

  20. Как сделать блок с бакгроундом адаптивным?

    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?

    Asked by tigrus2014,

    0 votes
    5 answers

  21. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr,

    0 votes
    2 answers

  22. Позиционирование изображения с помощью vertical-align: middle

    Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

    Asked by Super_Saimon,

    0 votes
    7 answers

  23. работа с summary

    Как убрать маркер у тега summary. Прописываю в css summary::-webkit-details-marker{ display: none; } но ничего не меняется, маркер все так же есть

    Asked by Romario1985,

    0 votes
    0 answers

  24. блок не спускается под блок (IE)

    http://kaskad.bardov.nnov.ru/ Меню (UL в верхней части страницы) в IE6 отображается сразу за логотипом (справа от него), а должно быть под ним. И логотип и меню обернуты в слои с параметрами overflow:hidden, position:relative Почему так?

    Asked by d0ublezer0,

    0 votes
    2 answers

  25. Проблемы с отображение backgroun в IE

    Есть код вот css и html. Проблема в том что в IE установленные background в классах .bottom и .top не отображаются. В остальных браузерах все норм. В чем проблема, подскажите. .navigation{ margin-top: 10px; width: 236px; height: 270px; background: #84b2e6; } .navigation .top{ height: 41px; padding: 10px 0px 0px 0px; background: url('images/top-navigation.png')no-repeat; } .navigation .bottom{ height:19px; background: url('images/bottom-navigation.png')no-repeat; } .navigation h4{ color: #ffffff; font-family: sans-serif; } .navigation-menu{ list-style-type: none; color: #ffffff; padding: 0px 0px 0px 8px; } .navigatio…

    Asked by Pashkes,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept