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. Color

    Как сделать плавный переход от одного цвета к другому

    Asked by zhurbb,

    0 votes
    9 answers

  2. Текс поверх картинки

    Итак, есть картинка, с одной стороны разделил её части на ссылки, а другой хочу зделать текст поверх картинки. Раньше картинка шла как фон и на нее легко накладывался текс, но тепер решил что-бы части той фоновой картинки были ссылками но и тот текс который был остался на своем месте. (части картинки, которые используются как ссылки, и сам текст не накладаются друг на друга) Как так зделать?

    Asked by xrated,

    0 votes
    4 answers

  3. Стиль для ссылки с rel

    В общем, есть ворох ссылок с попапами в виде Rokbox (разновидность Lightbox'а), рокбокс определяет свое поведение по атрибуту rel="rokbox" в теге ссылки. Есть желание менять курсор на кастомный при наведении на такую ссылку, чтобы было понятно, что можно развернуть картинку по ссылке. Очень не хочется этим ссылкам прописывать классы, потому как данные хранятся в CMS в базе данных и в ручную это делать мне совсем не улыбается. В связи с этим вопрос - по атрибуту rel никак стиль не зацепить? Что-то мне подсказывает, что никак..

    Asked by d0ublezer0,

    0 votes
    6 answers

  4. Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu

    Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.

    Asked by znikolaj,

    0 votes
    7 answers

  5. Ужасная проблема с div

    Как только начинаю задавать фиксированный размер, самым высшим дивам (которые включают в себя дивы колонки, контента, подвала) сайт начинает сильно штормить! А?! Изначально сайт расположен прямо по центру экрана, и если юзать колесико мышки вперед - назад, то сайт приближается и отдаляется, по центру экрана. А после моего вмешательства в размер дивов, сайт прикрепляется к левому верхнему углу, и если юзануть колесико мышки то изображение на экране отдаляется, а т.к. сайт прикреплен к левому верхнему углу то он после прокрутки колесиком скрывается за экраном.

    Asked by Diman777,

    0 votes
    9 answers

  6. Внутреняя таблица выходит за пределы внешней. CSS.

    Приветствую! Ребят, что-то меня заклинило, и никак я не могу решить простую, в общем-то, задачу. Собственно, задача: поместить несколько таблиц друг в друга (без каких-либо промежутков) во весь экран. Когда содержимое внутренней таблицы не превышает высоту экрана, то всё хорошо. А вот когда контент не помещается, то таблица, соответственно, вырастает сообразно содержимому. А внешние-то table‘ы – нет! Так и остаются на месте. Как сделать так, чтобы они двигались вместе? http://s017.radikal.ru/i405/1605/4e/d5119940ed94.jpg http://s41.radikal.ru/i094/1605/75/58aae8416ead.jpg Подскажите, пожалуйста, решение проблемы. Перепробовал кучу вариантов. Всё не то.…

    Asked by JustUser,

    0 votes
    2 answers

  7. Проблема с масштабированием

    Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="cs…

    Asked by cutuz,

    0 votes
    5 answers

  8. Сменяющийся текст

    Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!

    Asked by dron,

    0 votes
    3 answers

  9. Тянущиеся уголки

    Есть код: <table width="100%" border="0" cellspacing="0" cellpadding="0" id="maint"> <tr> <td colspan="3"> <h1 class="header">Ліцей ?38 ім.В.М.Молчанова</h1> </td> </tr> <tr> <td align="right" valign="bottom" height="33px"> <img src="img/ld.gif" style="display:block;" /> </td> <td bgcolor="#239431" width="100%" align="center"> <div class="menu"> <div><a href="">Головна</a></div> <div><a href="">Рада ліцею</a></div> <div><a href="">Учні</a></div> <div><a href="">Вчителі</a><…

    Asked by Victor Ananiev,

    0 votes
    4 answers

  10. "правильный" перенос строки в вертикальном меню

    Всем привет! Сайт http://www.mobilebattery.ru, при горизонтальном разрешении окна в 1024 px в боксе каталога товаров длинные названия переносятся на следующую строку. Как сделать, чтобы перенесенная строка начиналась в том же месте, где заглавная буква этой же строки? Чтобы текст не пересекал красную линию. Пробовал поместить стрелку и текст в отдельные <td>, но тогда при открытии следующего уровня каталога все выглядит некрасиво (нужно чтобы сохранялось смещение вправо, которое есть сейчас). Пробовал вместо <td> в <div> запихнуть, в итоге либо то же самое получается, либо вообще ужас.

    Asked by rdva,

    0 votes
    2 answers

  11. Списки

    Всем привет! Есть идея реализовать вот это: Но каждый вот этот блок (текст сверху и три текста сбоку, а так же картинка слева), должен быть сделан через <li></li>. Ну а расположение уже текста и картинок внутри <li></li>, как лучше это сделать? Начал пихать внутрь списка тег <div>, чтобы расположить как хочу текста и картинку, так вообще ахинея какая-то вышла. Заранее спасибо за любую помощь.

    Asked by boompaw,

    0 votes
    8 answers

  12. Ограничение скаиваний

    Как подключить Captca к ссылке на скачивание файлов с сайте. Буду благодарен за пример

    Asked by chest,

    0 votes
    15 answers

  13. Слайдер на чистом CSS3

    Ребят, помогите пожалуста. Как добавить к этому слайдеру автопрокруту через каждые n секунд, на чистом CSS3, без JS? http://csscience.com...siveslidercss3/

    Asked by two_pizza,

    0 votes
    3 answers

  14. Подключение своего шрифта

    Хочу на сайте использовать шрифт "aparaj", он вроде бы не лицензионный и нормально конвертируется. Но сам шрифт состоит из 4 частей - обычный, жирный, курсив и жирный курсив, то есть 4 файла шрифта. Шрифты конвертировал на onlinefontconverter.com Подключаю шрифт к сайту вот так: @font-face { font-family: Minion Pro; src: url("../style/minion_pro_or.eot?") format("eot"), url("../style/minion_pro_or.woff") format("woff"), url("../style/minion_pro_or.ttf") format("truetype"), url("../style/minion_pro_or.svg#svgFontName") format("svg");}Как мне подключить шрифт если он состоит из 4 частей? В примере использую шрифт "Minion Pro", он норма…

    Asked by alleclf,

    0 votes
    14 answers

  15. Подскажите как сделать такой слайдер

    Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо

    Asked by maxi5,

    0 votes
    3 answers

  16. Выравнивание перевернутого текста

    Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…

    Asked by RK3DNP,

    0 votes
    5 answers

  17. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  18. флэш шапка

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

    Asked by Ukols,

    0 votes
    2 answers

  19. Правильный выбор сжатия

    Суть вопроса в том: Есть шаблон psd в нем остров с полупрозрачным берегом, нужно как можно более компактно сжать картинку потому что на весь шаблон наложено ограничение менее 180 кб, а графики там море

    Asked by parfeon,

    0 votes
    5 answers

  20. проблемы с таблицами (css)

    Здравствуйте, помогите разобраться. Верстаю сайт: ширина шаблона 900 px. вставляю таблицу, таблица полностью не помешается. увеличиваю ширину шаблона до 1100 px, думал что таблица теперь будет вся видна, но к сожалению. =( в css прописывал ширину таблицы - но ничего не меняется. может надо что-то иное где-то прописать? шаблон immo для joomla скачан из интернета. И вот какая штука, юзаю оперу, если нажать на "подогнать по ширине", то: пожелания, замечания, заранее спасибо. =)

    Asked by darklumen,

    0 votes
    8 answers

  21. Какие правила и особенности при сдачи вёрстки заказчику?

    Привет всем. Довольно давно возник вопрос, как быть с вёрсткой и её клиентами, когда например я сдал работу, всё проверили, оплатили - круто! Через день пишут: "Нужно убрать вот там большой заголовок, заменить его цвет" Ещё через день пишут: "нужно сделать pop-up тянущийся во всех направлениях" Ещё через день пишут: "Нужно дописать стили для правильной печати страницы" Ещё через день пишут: "нужно чтобы картинки ратировались рандомно, а не поочерёдно" - как быть в таких ситуациях? Ведь вёрстка была сдана, а дальше (в моём случае) я так понимаю это уже что-то типа бесплатной поддержки.. Например, с дизайном я для себя определил схему такую: рисую не менее 2-х вариантов …

    Asked by BassEast2,

    0 votes
    5 answers

  22. Поиск на сайте

    Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.

    Asked by Арт,

    0 votes
    7 answers

  23. Table => Div

    Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…

    Asked by Nack,

    0 votes
    6 answers

  24. width и height на 100%

    Не могу решить одну проблему. Как сделать когда браузер увеличивается или уменьшается размер(ширина и высота) изображения не менялся. Как бы он фиксированный. Пример http://mahno.com.ua/en/ (первый блок). У меня с шириной всё нормально, проблема с высотой. Мой пример с проблемой http://davronv4.businesscatalyst.com

    Asked by anvar9991,

    0 votes
    2 answers

  25. Как склеить ячейки в таблице из div?

    <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…

    Asked by Rinat,

    0 votes
    1 answer
×
×
  • 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