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. Что лучше

    Что лучше создать 2 псевдокласса, чтобы сгенерировать одному из них тень, плюс p h3 тегам блока присвоить z-index или просто добавить одну картинку тени каждому блоку? Браузер тормозить не станет от лишних псевдоэлементов и такого количества контекстов наложения? Просто я верстаю лэндинг - тут итак дофига элементов...

    Asked by Zverushka,

    0 votes
    10 answers

  2. яндекс карты и горизонтальная прокрутка

    Задача такая вставить интерактивную яндекс карту на всю ширину экрана. Я взяла на 1900px - но основная ширина сайта 1000пикселей и в итоге появляется прокрутка. Как избежать прокрутки? При этом чтобы прокрутка появлялась при ширине меньше 1000 пикселей.

    Asked by Zverushka,

    0 votes
    2 answers

  3. Насколько это глупо и почему?

    Подскажите, пожалуйста, насколько имеет место быть такой код (кирпичами не кидать): <form> <ul> <li> <input id="radio-buy" type="radio" name="radio" value="buy"> <label id="label-buy" for="radio-buy"> <dl> <dt> <h2 title="Category 1">Category 1</h2> </dt> <dd title="Category description">item 1, item 2, item 3</dd> </dl> </label> </li> <li> <input id="radio-sell" type="radio" name="radio" value="sell"> <label id="label-sell" for="radio-sell"> <dl> <dt> <h2 title="Category 2">Category 2</h2> &…

    Asked by Arinden,

    0 votes
    10 answers

  4. parallax psd-макеты

    хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались

    Asked by cyklop77,

    0 votes
    5 answers

  5. Почему не добавляется внутренняя рамка?

    Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?

    Asked by borus,

    0 votes
    3 answers

  6. Как реализовать такой фон?

    Добрый день! Сверстал сайт. Осталось только спозиционировать кошку и телефон. Размер основного контента 940px. Если меньше появляется горизонтальная полоса прокрутки. Создавал блок, толкал эту кошку в него background'ом, высовывал абсолютным позиционирование за пределы (куда нужно). Но этот вариант НЕ ПОДХОДИТ, т.к. появляется полоса прокрутки(( В body если запихать, то не угадаешь с шириной и высотой окна браузера((( Помогите пожалуйста кто сталкивался с такой проблемой. P.S. кошка и телефон не обрезаны, это полноценный рисунок, просто так выглядит макет (так должно стать при уменьшении окна браузера). Вот ссылка на картинку http://savepic.org/4509298.htm

    Asked by Gasherez,

    0 votes
    4 answers

  7. Очередной вопрос про скроллинг в ячейке

    Есть пример страницы - таблица с парой столбцов, первый фиксирован по ширине, второй растягивается до конца экрана <html> <body> <table width="100%"> <tr> <td>small first column</td> <td width="100%"> <div id="d" style="overflow-x: scroll; width: 100%"> wordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswords </div> </td> </tr> </table> </body> </html> Во втором столбце может быть длинный текст или другая таблица или что-то еще, В общем нужен горизонтальный скрол внутри него. При этом див должен растягиваться …

    Asked by smith,

    0 votes
    2 answers

  8. Две фоновые картинки, залезающие друг на друга.

    Имеется блок #content, высота не задана, минимальная ширина 940, максимальная 1280. В этом блоке должны располагаться 2 фоновые картинки, 1 прижата к левому краю, а вторая соответственно к правому, при этом левая картинка занимает 42% ширины от блока, а вторая 74%, так как это больше ширины блока, 1 картинка должна залезать на вторую, но если бы их нужно было просто растянуть, вся соль в том, что при увеличении ширины должна увеличиваться высота пропорционально размерам картинки, огромная просьба объяснить, как это сделать?

    Asked by main.c,

    0 votes
    2 answers

  9. Галлерея. Слайды

    Я начинающий верстальщик. Подскажите пожалуйста, мне нужно заверстать галлерею, у которой есть три слайда. Какой стиль в css применить, чтобы слайды находились на одном уровне друг под другом? и при этом два из них были скрыты. Спасибо

    Asked by Lyolik,

    0 votes
    2 answers

  10. полный ноль,но есть желание

    здравствуйте.у меня есть жеоание научиться программировать,но я полный ноль в жтом.с чего мне начинать?спасибо.

    Asked by Vinnipushek,

    0 votes
    10 answers

  11. глупый вопрос-надеюсь на не такой же ответ

    вот Вы код пишете,уважаемые профессионалы...а откуда Вы берете и знаете какие куда слова вставлять,где кавычки ставить и т.д.? заранее спасибо за исчерпывающий ответ.

    Asked by Vinnipushek,

    0 votes
    7 answers

  12. Вёрстка сложной таблицы

    Есть сложная таблица с куче row и col span, также есть вертикальный текст: http://jsfiddle.net/Tmin10/AVA4N/ В итоге должно получиться примерно так: Подскажите, как настроить ширину ячеек шапки, чтобы таблица влезла в 960 или, в крайнем случае, 1100 пикселов. На прямое указание размера таблица реагирует как-то неадекватно...

    Asked by Tmin10,

    0 votes
    3 answers

  13. Бешеные DIV-ы

    Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?

    Asked by Anexin,

    0 votes
    2 answers

  14. Центрирование в зависимости от количества

    Приведствую, Вас! Есть блок в котором отображаются кнокпи в 2 ряда по 5 в каждом. Возникла такая задача. В случае если кнопок менше или равно 5, они должны центроватся по центру, можно ли это реализовать на чистом CSS?

    Asked by grifin85,

    0 votes
    7 answers

  15. Интересно ваше мнение, как реализовать данный макет

    https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись ав…

    Asked by Zverushka,

    0 votes
    5 answers

  16. Position: absolute и Opera(а также IE 8)

    Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?

    Asked by Falcon,

    0 votes
    1 answer

  17. Какие программы нужно знать начинающему верстальщику?

    Какие программы мне нужно знать чтобы писать красивый интерфейс для сайтов.То есть добавить туда средств оформления?

    Asked by MegaS,

    0 votes
    31 answers

  18. Давайте обсудим проблемы шрифтов и сервисы их генерации

    В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…

    Asked by Zverushka,

    0 votes
    24 answers

  19. Непонятный отступ с margin-top?

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…

    Asked by doox911,

    0 votes
    1 answer

  20. Как сделать выпадающее окошко?

    Здравствуйте! Подскажите, как сделать выпадающее окошко при нажатии на ссылку, как на сайте http://amisport.com.ua/, ссылка рядом с корзиной 0 ШТ. /0, как мне кажется, это сделано с помощью условных комментариев, в которых я еще не силен, а может скрипт какой подключен..

    Asked by Ёрги,

    0 votes
    2 answers

  21. Конфликт position:fixed и <object>

    Добрый вечер, подскажите пожалуйста, что за баг? Сайт http://www.colibrilaw.kz/. Там верхнее меню position: fixed. При скролинге страниц в хроме и фф все ок, а в ие и опере нижний баннер (флеш) становится слоем выше, чем меню.

    Asked by Sten8509,

    0 votes
    1 answer

  22. Нужен совет знатоков

    Добрый день. Нужен совет, как лучше сделать. Короче говоря, галерея картинок и видео выполнена с помощью двух слайдеров. На картинке 1 показано как оно все должно выглядеть, а на картинке 2, показал схематически как все должно быть. И так, вопрос: 1. Как проще\удобнее мне сделать? 2. Какой плагин посоветуете? 3. Как лучше сделать слайды? Так как они должны быть 2х2 и 3х3 + быть адаптивными. И да, вся эта конструкция, должна быть резиновая\адаптивная. У меня пока 2 идеи: 1.За "Slider wrap" взять слайдер бутстрепа 3. В него вложить 2 карусели, Фото и Видео сделаных с помощью "FlexSlider". Но он себя не всегда нормально поводит... upd: Только что сделал так. Первый слайдер…

    Asked by n0_th1nk,

    0 votes
    3 answers

  23. Как убрать запятые в тегах?

    Движок: Opencart Цель: Убрать запятые в метках Ссылка: http://stv-sb.ru/dome_camera/420tvl_ik/STV-RCP%2020.html Скрин: Может поможет реализация у кого-то: http://www.oc-extensions.com/Disqus

    Asked by xoff,

    0 votes
    1 answer

  24. лимит плееров

    Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает http://omega24v.esy.es/ <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeigh…

    Asked by Omega24v,

    0 votes
    0 answers

  25. Как сделать картинку нестандартной скошенной формы?

    Здравствуйте. Можно ли реализовать подобное обрезание квадртной фотографии на css? (не обращайте внимание на направляющие линии и выделение).

    Asked by Zverushka,

    0 votes
    7 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