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

29,542 questions in this forum

  1. Растягивающийся фон

    Всем привет, в процессе верстки столкнулся с проблемой которую нужно решить средствами css и html. Задача: требуется сделать растягивающийся фон, который будет при любом изменении экрана сохранять свои пропорции. К примеру есть картинка 3:4, если размер экрана становится узким по высоте(3:10 например), тогда картинка растягивается по ширине сохраняя пропорции. А если узким по ширине, тогда растягивается по высоте сохраняя пропорции. Соответственно так как пропорции сохраняются часть картинки просто не показывается, остается за пределам браузера, скрол не показывается.

    Asked by Mal4ishnik,

    0 votes
    8 answers

  2. Создание видео учебника

    Добрый день, уважаемые мастера. Описание задачи: создание простого учебника (желательно на html) и включение в него видео-уроков. Причем учебник может храниться на сервере и пользователь должен иметь возможность его просматривать. Описание проблемы: в случае локальной версии учебника все работает нормально, но если учебник в виде html страниц лежит на сервере, то видео с этих страниц не открывается у пользователя (пробовал уже видео размещать на странице по-разному, и <embed>, и <object>, и с помощью различных flash-плееров(JW, Tarantinov, etc)). Вопрос: есть ли возможность сделать так, чтобы пользователь мог просматривать видео на html страницах, которые лежа…

    Asked by cmp,

    0 votes
    17 answers

  3. Полоска меню во всю ширину экрана

    Друзья, приветствую и прошу помощи. Подскажите пожалуйста, как сделать полоски меню во всю ширину экрана (оранжевые) на сайте http://diagnostmaster.ru То есть чтобы они фоном выходили за длину в 1110 px. Заранее благодарен.

    Asked by daft,

    0 votes
    1 answer

  4. Галерея Simple lightbox на телефоне

    Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js

    Asked by Svetlana_P,

    0 votes
    3 answers

  5. Помогите исправить код выпадающего меню!

    Тут куча лишних тегов, я миллион раз все удаляла, но страница все время выдает, что в коде есть ошибки. Тому, кто поможет, буду очень благодарна . меню взято с woweb.ru. <html> <head> <TITLE>SimpleMunu 0.2</TITLE> <META http-equiv="Content-type"; content="text/html; charset=windows-1251" > </head> <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onload=WriteLogo()> <h2><font face=arial>Пример работы меню</h2></font> <SCRIPT language=JavaScript1.2 src="menu.js"></SCRIPT> </td><tr> <tr> <td colspan="2"> <table border="0" width="700" heigh…

    Asked by Inferna,

    0 votes
    9 answers

  6. класс для li

    Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.

    Asked by maxs,

    0 votes
    5 answers

  7. Сложная растягиваемая разметка

    В общем существует следующая проблемка: Есть хэдер, у него есть скажем 5 частей: АБ центр ВГ где А,Б,В,Г - рисунки при разрешении экрана 800х600 должно быть видно только Б центр В а если выше то появляется АБ центр ВГ причем АБ обязательно находится в крайней левом положении страноицы а ВГ крайнем правом (сама растяжка) т.е. в зависимости от разрешения видна либо половина рисунка справа и слева либо полный рисунок притянутый по краям... центральная часть остается на месте.. вот такая хитрая штука, может кто сталкивался и может на примерчике показать как такая растяжка делается? заранее СПАСИБО,

    Asked by andrewQwer,

    0 votes
    10 answers

  8. Select не показывает option'ы в IE6

    Всем, здравствуйте. У меня проблема с отображением Select. <div id="tabs"> <ul> <li><a href="#tabs-1">Первый таб</a></li> <li><a href="#tabs-2">второй таб</a></li> </ul> <div id="tabs-1"> <select name="kbe" id="kbe" > <option value="19">Физ.лицо резидент</option> <option value="29">Физ.лицо не резидент</option> <option value="17">Юр.лицо резидент</option> <option value="27">Юр.лицо не резидент</option> </select> </div> <div id="tabs-2"> Здесь много текста </div> </div> Табы работают …

    Asked by Gleb,

    0 votes
    2 answers

  9. допустимые символы в якорях href="#Слово" и id="Слово"

    Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?

    Asked by злец,

    0 votes
    3 answers

  10. Написание кода главной стр. и подстраниц сайта

    Добрый день. Заранее простите за мой "ломаный html" Вопрос заключается вот в чем: Необходимо создать сайт. Почитала статьи на htmlbook. Из прочитанного поняла, что нужно сделать css файл (оформление сайта) и html файл (главная страница, где уже разметка структуры сайта). Не думаю что каждая стр. сайта должна содержать весь этот огромный код разметки сайта. Вдруг мне телефон нужно будет поменять в подвале сайта, не менять же его на всех 20 страницах? По-моему нужен один загрузочный файл (структура, разметка) и css (оформление) - т.е. если нужно поменять номер телефона на сайте и его цвет, то это делается 1 раз и уже по-новому отображается на всех страницах сайта. А с…

    Asked by To4ilka,

    0 votes
    9 answers

  11. Оформление блока

    Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.

    Asked by lindim,

    0 votes
    4 answers

  12. Структура кода

    Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.

    Asked by paracelso,

    0 votes
    21 answers

  13. Простое позиционирование DIV, а куча проблем!

    Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.

    Asked by sergey-starostenko,

    0 votes
    16 answers

  14. Как грамотно сверстать?

    Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.

    Asked by LittleGoose,

    0 votes
    12 answers

  15. frD-float - откуда белая полоса?

    Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…

    Asked by Cron,

    0 votes
    1 answer

  16. Возможно ли создание кнопки

    Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями

    Asked by Djeki,

    0 votes
    4 answers

  17. Кто знает...???

    Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном..как реализовать на блоках...

    Asked by Serjinio,

    0 votes
    2 answers

  18. Задача — Головоломка

    Предлагаю к рассмотрению следующую задачу: нужно заверстать следующий макет Сложностью является выравнивание элементов в заголовках. В верхнем заголовке текст блоков (каждый шириной по 50%) выровнен по центру. Левый край нижнего заголовка должен быть выровнен по левому краю верхнего левого заголовка. Вот html: <div> <ul> <li><a href="#">текст заголовка</a></li> <li><a href="#">текст заголовка</a></li> </ul> </div> <!-- кусок текста, высоту его вычислить никак нельзя--> <div> <p> Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й между…

    Asked by XXXVII,

    0 votes
    5 answers

  19. Реально ли сделать такую форму?

    Дизайнер нарисовал, реально ли воплатить? Не так давно занимаюсь вэб прогом, моих знаний не хватает) На чистом ксс вряд ли возможно, может ещё что-то? Разъясните, пожалуйста

    Asked by Rootical,

    0 votes
    11 answers

  20. Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных

    Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    4 answers

  21. Фон в Opera и Mozilla Firefox, прокрутка в Opera

    Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…

    Asked by Flashton,

    0 votes
    2 answers

  22. h1 и скрытие текста

    Здравствуйте. Хочу поставить лого в заголовок H1. При этом написать в него текстовую версию логотипа. Встал вопрос как лучше скрыть этот текст, я думал visibility:hidden, но не знаю будут ли его индексировать поисковики и как они вообще относятся к данному правилу?

    Asked by param,

    0 votes
    15 answers

  23. CSS свойство transition и Chrome

    Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойст…

    Asked by Dayks,

    0 votes
    6 answers

  24. Эффект перехода по слайдам

    Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

    Asked by Pikavit,

    0 votes
    2 answers

  25. Откуда берется картинка, когда даешь ссылку на сайт?

    Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

    Asked by Svetlana_P,

    1 vote
    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