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. Друзья, требуется помощь. проблема с отображением в ie

    Привет! Есть список, который корректно отображается везде кроме ie. вот скрин http://joxi.ru/LVm6MYzfDMl6rZ . Вот страница http://root.donkos.esy.es/card.html . Уже сломал всю голову. Подскажите как исправить для ie (версии выше 9). Заранее благодарен!

    Asked by donkos,

    0 votes
    2 answers

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

    Всем привет, Страница с проблемой: http://mir-kaminov.su/foto-kaminov Суть проблемы: в фотогалерее после 2х кликов по одному изображению (увеличить и потом уменьшить картинку для просмотра) если отвести курсор в сторону - появляется оранжевая рамка на этой малой картинке. И пропадает только после клика по пустой области сайта. Похоже на "снять выделение". В хроме это малый прямоугольник, а в мозилле это прямоугольник во весь размер малого изображения. Не красиво это, второй день никак не найду корень проблемы. Самоучка, и прошу сильно не ругать. Прошу помощи, коллеги выручайте пожалуйста, где и на что заменить код ? Скриншот проблемы: фотка слева вверху с этой н…

    Asked by port723,

    0 votes
    2 answers

  3. Выпадение с блока

    Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.

    Asked by FitTech,

    0 votes
    5 answers

  4. Несколько вариантов товара на странице с товаром :)

    Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] …

    Asked by marianna9201,

    0 votes
    3 answers

  5. Поведение фона при разных разрешениях

    Здравствуйте. Есть макет сайта, ширина которого 980px, и в нем есть изогнутая смужка под меню (см. фото), размеры которой соответствуют ширине слоя фотошопа - 1200px. Подскажите, как она должна вести себя на дисплеях с разрешением более 1200px в данном случае. Также интересует похожий вопрос касательно фонов. Если в макете слой 1000px шириной и в нем есть фон-картинка, краи которой обрезаны, что мы должны увидеть на дисплеях 1900px.

    Asked by alex_web64,

    0 votes
    4 answers

  6. Спрятать движущийся текст в CSS

    Есть движущийся текст, двигается из стороны в сторону в коробке, требуется сделать, чтобы текст не было видно, когда он выходит за пределы коробки: HTML файл: <html> <head> <title>123</title> <link rel="stylesheet" href="css.css"> </head> <body> <div id="banner"> <h1>Акция!<br> 3 по цене 2!</h1> </div> </body> </html>CSS: div#banner{ border: 10px solid orange; border-radius:10px; width:500px; height: 300px; margin: auto; background-color: brown;} h1{ font-size: 50px; font-family: Comic Sans MS; vertical-align: middle; -webkit-animation: ani 1s infinite alternate; animation: ani 1…

    Asked by Coriolis,

    0 votes
    1 answer

  7. Спецификация

    Всем привет,подскажите как вообще работать с спецификацией тэгов(как смотреть какие значения по умолчанию,устарел тэг или нет ну и всё в таком духе)Извините если не туда написал,не знаю просто куда надо писать.Я начинающий

    Asked by Krendel,

    0 votes
    3 answers

  8. Один и тот же шрифт в разных браузерах-

    Заранее извиняюсь, т.к. скорее всего вопрос д.б. не в эту ветку, но она самая подходящая все же. Есть такая трабла: шрифт EuropeExt отображается в разных браузерах по разному. Точнее так: в chome, opera, ie, yandexbrowser все ок (есть отличия, но тем не менее прилично), а в firefox и safari прямо жестко "пикселизируется". Вот посмотрите сами http://stickerb.ru/ngeo/ - шрифт в меню (в т.ч. выпадающем) и "Изображение дня" тоже этим шрифтом написано. Причем создается такое ощущение, что это только у меня. Потому что другие пользователи, которым я по аське, допустим, сбрасываю посмотреть, говорят, что все красивенько и приличненько. Уточняю браузер... firefox. И такой не …

    Asked by Laroux,

    0 votes
    5 answers

  9. Bootstrap - зачем козе боян?

    Объясните кто-нибудь мне, непонимающему, зачем нужен Bootstrap в реальной жизни. Я читал это http://bootstrap-3.ru/index.php, читал вот это https://ru.wikipedia.org/wiki/Twitter_Bootstrap, но единственное, что я знаю об этом фреймворке на данный момент - это как я поддерживал проекты с десятком классов, основное предназначение которых состоит из 1-2 css-правил. Назначение просто классы добавлять? Если да, то ИМХО это тоже самое, что верстать через style в тегах, зачем руки марать?

    Asked by antonKar,

    0 votes
    12 answers

  10. Обновление контента без CMS

    Здравствуйте. Простите за тупые вопросы, я - новичок. Компания "ХХХ" (к взрослому видео отношения не имеет) решила сделать редизайн своего сайта. Текущий сайт на Jomla 2.5. Было решено делать сайт либо "с нуля", либо с использованием CMS. У меня вопрос, допустим разработаем сайт без использования CMS, как пользователям, ответственным за обновления контента, вносить этот самый контент? Я не понимаю пока, как этот процесс выглядит без CMS. И есть ли смысл вообще не использовать CMS? Спасибо за ответы.

    Asked by lampresort,

    0 votes
    5 answers

  11. Форма комментариев

    Здравствуйте! Нужны комментарии(вк, одноклассники, фейсбук) на сайт(без CMS), перепробовал много готовых, например Disqus, но там нету наших соц.сетей, пробовал sv-kament, всё понравилось, но не работает авторизация. Вот нашел на сайте Очень понравилось, есть ли у кого, готовый код что-либо похожего на это? Спасибо!

    Asked by FitTech,

    0 votes
    6 answers

  12. Pixel perfect текст

    При верстке текста получается вот такая беда красный текст - текст который получился в браузере, тёмный - из макета (PSD). Как видно слова "деньги" и "на" почти совпадают, остальные нет. Текст обвёрнут в h1, стили написаны для h1. Как решить эту проблему? З.Ы. почти весь текст в макете получается с такими "выкрутасами".

    Asked by Vlad02,

    0 votes
    12 answers

  13. Проверьте пожалуйста на маке наличие скролла

    http://www.novinkov.ru/projects/dom-v-sosnovoy-roshhe/ доброго времени суток, проверьте пожалуйста на маке в сафари, есть ли прокрутка у дива с текстом описание проекта (не забудьте уменьшить экран по высоте); скиньте пожалуйста скриншот...

    Asked by Daniil Khanin,

    0 votes
    6 answers

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

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

    Asked by PavelTkachev,

    0 votes
    10 answers

  15. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx,

    0 votes
    1 answer

  16. проблема со слайдером

    http://q26321xa.bget.ru/vpodarok/ есть слайдер на bxslider задача такая: 1) максимальная высота 690px, при сужении экрана высота пропорционально уменьшаеться(адаптивно). 2) а вот здесь у меня проблема. каждое изображение имеет разную высоту. а слайдер подгоняет свою высоту под каждое изрбражение. как сделать чтобы картинки были одинаковой высоты, и при уменьшение все это дело пропорционально уменьщалось?

    Asked by raptor-dm,

    0 votes
    2 answers

  17. SEO frendly перемещение блоков

    Добрый день. Есть известная фишка о том, что для SEO полезно, чтобы текст содержащий ключевые слова был как можно выше по коду страницы, таким образом робот присвоит ему более высокий коэффициент значимости и в целом это даст положительный эффект. Из соображений красивости дизайна у меня есть необходимость того, чтобы перед этим самым "ключевым" текстом (выше него на странице) шел достаточно большой, но бессмысленный с точки зрения SEO блок. Так вот, есть ли возможность поместить этот блок по коду ниже, но так, чтобы он выводился на странице выше и при этом влияние используемых средств (z-index или что-то другое) не оказало негативного воздействия на продвижение в целом?

    Asked by Nicolai6120,

    0 votes
    0 answers

  18. Пропадает правая колонка

    Всем доброго времени суток, столкнулся с проблемой. Понимаю что решаться она должна просто, но все же: При вставке блока комментов соц сетей, пропадает правая боковая ячейка (сайт сделан при помощи <table>). Сам блок: <br><h3><font size="5">Ваши комментарии:</font></h3> <section class="tabscomment"> <input id="tab_2" type="radio" name="tab" checked="checked" /> <input id="tab_3" type="radio" name="tab" /> <input id="tab_4" type="radio" name="tab" /> <label for="tab_2" id="tab_l2">Вконтанте</label> <label for="tab_3" id="tab_l3">Facebook</label&…

    Asked by Inferial,

    0 votes
    7 answers

  19. Возможность добавления файла на сайт. Как это сделать?

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

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  20. Отправка сообщений с сайта

    Здравствуйте! Научите, пожалуйста, отправлять сообщения с сайта! Облазила весь инет, но безрезультатно: нигде не пишут подробно об этом. Отсюда https://github.com/PHPMailer/PHPMailer скачала код для отправки сообщений, но там ТАК запутано! Столько файлов, не могу разобраться... Вот, к примеру, есть форма <form method="post"> <p> <label for="addr">eMail:</label> <input type="text" name="addr" id="addr" size="30" /> </p> <p> <label for="theme">Тема письма:</label> <input type="text" name="theme" id="theme" size="30" /> </p> <p> <label for="text">Текст письма:</label> <textarea …

    Asked by Alfa2015,

    0 votes
    5 answers

  21. scrollbar+select

    Не подскажете как в select поменять внешний вид scrollbar ? Гениальные дизайнеры извратились (

    Asked by Sergik+,

    0 votes
    13 answers

  22. Меню "Закладки" по размеру блока

    Я пытаюсь сделать меню заезжающих друг на друга закладок, но у меня не получается сделать их по размеру блока. Вот так это должно выглядень: Видите, одна закладка как бы заезжает на другую. И при этом они равномерно распределены по блоку. А у меня происходит смещение. Увеличение размеров блоков-закладок или изменение самого блока результатов не принесли. У меня получается так: Уже всё перепробовала, не получается сделать, как надо. Может я вообще не в ту степь ушла, но помогите, пожалуйста, сделать меню как надо. Код html: <var> <!-- 2 --> <div id="m1"> <!-- 2.a --> Главная <br/> страница </div> …

    Asked by Chesse,

    0 votes
    2 answers

  23. Нужна помощь с блоком авторизации.

    Не получается сверстать вот такой вот блок авторизации Вот что у меня. Кому не сложно, объясните как что и где? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <img src="images/logo_head.png" alt="logo" id="logo"> <form id="log"> <div id="log_txt"> <p> <label for="text">Логин:</label> <input type="text" id="login"…

    Asked by NapNu,

    0 votes
    2 answers

  24. box-shadow по параметрам юлюстратора

    Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

    Asked by okunev2,

    0 votes
    6 answers

  25. Не получается растянуть блок по высоте!

    Всем Здравствуйте! Такая вот проблема: внутри "div" находится "p", который растягивается в зависимости от объема текста, который в него помещается. Но "div" при этом остается фиксированной высоты "min-height". Я так понимаю все дело в свойстве position. Но не знаю, как это обойти. Нужно, чтобы "div" растягивался вместе с тегом "p". Вот скрин вылезающего текста: http://joxi.ru/YmEqpnRI9BNem6 Вот css код для "div": div{ position: relative; display: inline-block; width: 900px; left: 220px; background-color: #c3c3c3; min-height: 241px;}Ну и на всякий случай css код для "p":p{ display: inline-block; width: 500px; position: absolute; top: 50px;…

    Asked by Antoshka007,

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