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. box-shadow не видно

    http://jsfiddle.net/V6KPv/ Как видно, у активного элемента меню (hover) ставится тень справа. Но тень не видно, возможно из-за наложения на тень другого меню-div. Я пробовал у hover ставить z-index больше, чем у не активного меню - толку 0. Почему когда я навожу на меню - не видна тень (box-shadow)?

    Asked by GuitarFan,

    0 votes
    5 answers

  2. Хранение шаблонов

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

    Asked by aleksejm,

    0 votes
    9 answers

  3. ":hover" в строке, а не в файле и не в стилях

    =) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

    Asked by textinmail,

    0 votes
    10 answers

  4. Можно ли с помощью css сделать hover на несколько элементов?

    например есть кнопка из 3 div и нужно чтобы при наведении на любой из них срабатывали все 3

    Asked by nds,

    0 votes
    4 answers

  5. Выровнять содержимое блока DIV по центру

    Собственно, сабж. Подскажите пожалуйста, как выровнять содержимое блока DIV по центру (по вертикали)? Блок содержит только текст и ссылки. Это строка на самом деле.

    Asked by brainiac,

    0 votes
    7 answers

  6. Редирект и счетчик

    Здравствуйте! Хочу настроить редирект с одной страницы сайта на другую страницу с помощью файла 'redirect.php': <?php $URL="";header("Location:$URL");exit();?> 1. Могу ли я сделать с помощью одного файла 'redirect.php' несколько редиректов (с нескольких страниц на другие страницы) ? 2. Как я могу посчитать количество редиректов (можно в простой текст. файл) ? Спасибо большое?

    Asked by Марат,

    0 votes
    22 answers

  7. Как сделать задержку между циклами анимации css?

    Приветствую! Есть анимация: .animation { width: 212px; height: 261px; background-image: url(sprite.png); animation: animation 5000ms steps(30) infinite; } @keyframes animation { from { background-position: 0 -2328px; } to { background-position: 0 -10158px; } } Как сделать задержку несколько секунд между циклами? Есть вариант просто добавить пустых кадров в конец, но как то это быдлокодом веет.

    Asked by Dave7044,

    0 votes
    4 answers

  8. Bootstrap Carousel

    Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> …

    Asked by alex.kv,

    0 votes
    4 answers

  9. header и footer внутри div. можно ли?

    давно мучает вопрос, можно ли (или даже стоит ли) тег header,footer вставлять внутрь div? правильно ли это семантически? например если ширина сайта нужна 900px, с выравниванием по центру, можно тегу хэдер и футер прописать в стилях это все, но с другой стороны можно их запихать внутрь див-контейнера с нужными параметрами, особенно когда нужно чтобы они были в одном блоке у которого будет тень. вот и хотел узнать стоит ли так делать? ведь не хочется нарушать грамотность так сказать в разметке

    Asked by Vadimka,

    0 votes
    4 answers

  10. HTML-редактор

    Добрый день! Обращаюсь за помощью: какой редактор html выбрать для профессиональной верстки сайтов? В интернете пишут, что неплохой редактор notepad++. Сейчас практикуюсь в нем. Но есть большой минус: программируя в Delphi, я привык к вложенной структуре, когда вложенные элементы отображаются с некоторым отступом от внешних. По-моему это удобно. Здесь в практикуме решение задач также приводится с учетом вложенности. Расскажите, какой редактор Вы используете? Подскажите, есть ли такая возможность в HomeSite 4.0?

    Asked by hike,

    0 votes
    35 answers

  11. проблема с position:absolute в IE7

    Здравствуйте, проблема вот в чем: Сайт: http://photo.prime-gr.ru. На главной странице идут друг за другом маленькие картинки (float). При нажатии вываливается абсолютно позиционированная большая картинка. Этот блок привязан к первому, родительскому. Так вот, во все нормальных браузерах эта картинка поверх остальных. А в IE она под ними. Привожу часть кода: HTML: <div class="photos"> <ul> <li><a href="#" onclick="$('#js_img_204').show('slow'); "><img src="/upload/gallery/images/small/2a9b0a9b9ced4b794923303cee830586.jpg" border="0" height="40" /></a> <div id="js_img_204" class="overview"><a rel="lightbox-tour" href="/upl…

    Asked by webbis,

    0 votes
    4 answers

  12. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    0 votes
    9 answers

  13. Не работает свойство css font-weight

    Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

    Asked by end,

    0 votes
    11 answers

  14. Учебник "дивной" верстки?

    Здраствуйте. Решил попробывать использовать верстку дивами. Вопрос собственно такой - существует ли учебник именно вестки слоями или нет? На форумах отрывочная информация, а хотелось бы поподробнее и систематизированно. Если у кого есть, просьба огромная бросить на мыло pto-vagon@yandex.ru или на худой конец (трафик сильно дорогой) ссылочку на чудное место, где это разжевано. Заранее спасибо!

    Asked by Inkon,

    0 votes
    14 answers

  15. Сдача проекта и получение вознаграждения

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

    Asked by mewcherry,

    0 votes
    60 answers

  16. Текст под картинкой в ссылке

    Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню…

    Asked by dropoff,

    0 votes
    34 answers

  17. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat,

    0 votes
    24 answers

  18. Растягивающие кнопки в меню.

    Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

    Asked by optimist32,

    0 votes
    60 answers

  19. Транспонирование таблицы средствами CSS

    Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…

    Asked by radioheaded,

    0 votes
    6 answers

  20. Как сверстать такую красотульку

    В три дива с бордерами? Это нормально или можно более изящно?

    Asked by Andyk,

    0 votes
    60 answers

  21. раскрывающиеся строки таблицы

    Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?

    Asked by Вадим,

    0 votes
    5 answers

  22. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  23. Firefox и text-overflow

    Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…

    Asked by smoke1,

    0 votes
    12 answers

  24. Чем отличается верстка под разные движки?!

    Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!

    Asked by dds,

    0 votes
    27 answers

  25. Важный вопрос!

    Недавно узнал,что есть какие то Программы в интернете,которые сами за тебя могут сделать сайт,но я так понял по разговорам,что на данный момент они не заменят настоящего,живого программиста,так вот.отсюда вопрос: Может ли такое случиться,что допустим через лет пять все эти Программы доработают и сделают предположим такую,которая будет Профессионально делать сайты.покруче всякого Верстальщика,Программиста,Дизайнера и т.д..в итоге получиться,что все эти Люди потеряют работу или останутся тока сильнейшие,которые умеют делать что нибудь супер-изысканное. Ведь с учётом того.что сейчас так быстро всё развивается,такое возможно? Что вы думаете по поводу этого? Если можно.по…

    Asked by psywalker,

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