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. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31,

    0 votes
    33 answers

  2. Подгрузка изображений без перезагрузки страницы (ajax)

    Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается! Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото? Сенк заранее, если кто подскажет

    Asked by okunev2,

    0 votes
    12 answers

  3. Баг в хроме

    Короче суть проблемы: при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример: http://365psd.com/ при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил. когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта. короч кто встречал подобное и нашел норм решение, поделитеся

    Asked by vinny,

    0 votes
    12 answers

  4. Как растянуть таблицу/изображение на весь экран

    Подскажите, пожалуйста, мне необходимо растянуть таблицу на весь экран, таблица содержит картинку (баннер, на скриншоте вместо баннера временно серый прямоугольник), но у меня справа почему-то остается много пустого места. Как его убрать? Если вопрос дурацкий сильно не бейте, только-только html начала изучать. P.S. Таблица самая простая <table width="100%" border="1"> <td align="left"> <img src="HR1.png" alt="" width="100%" border="0"></td> </table> сдвинута вверх и влево

    Asked by Stitch,

    0 votes
    1 answer

  5. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  6. IE8 и a:hover

    Уважаемые гуру! Можете растолковать решение проблемы. в восьмом осле не работает следующий код... HTML <a href="/main.html" class="rollover"></a> CSS a.rollover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ float: left; width: 252px; /* Ширина рисунка */ height: 164px; /* Высота рисунка */ border: 0px solid #000; /* Рамка вокруг картинки */ } a.rollover:hover { background: url('/template/default/funkemotion2_02.gif'); /* Путь к файлу с заменяемым рисунком */

    Asked by Antuan,

    0 votes
    18 answers

  7. Див не фиксируется в эксплорерах...

    Всем привет Может у кого возникнет свежая идея, дело вот в чем. Вот страничка (стили и код в одном)... во всех браузерах нормально.. ну а в эсплорерах как обычно... проблема в высоте дива (прибавляет автоматически) и правый див (righcol) поднимает наверх, хотя должен быть на 70 px ниже ... Вот сам код, если у кого есть вариант, буду благодарна.. . я что=то тут застряла.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title> </title> <meta http-equiv="content-type" content="text/html; charset=windows-…

    Asked by shokeri,

    0 votes
    29 answers

  8. запретить перенос слов

    при сужении окна по ширене происходит перенос слов, в результате нарушается дизайн, подскажите каким отребутом можно запретить перенос слов.

    Asked by Strelok1945,

    0 votes
    1 answer

  9. PIE.htc и не работающий margin

    Доброй ночи камрады! Сегодня собирался воспользоваться вот этой штукой PIE.htc и обнаружил удивительный баг в IE 6-7, который никак не поддаётся лечению. В общем есть тупо блок, 500 на 500пк. Я планировал закруглить углы с помощью PIE.htc, мне это удалось, но появилась другая проблема. Когда в КСС ссылаюсь на behavior: url(PIE.htc);, то сразу-же перестаёт работать верхний margin в IE 6-7, как только убираю ссылку, margin снова работает. Кто нибудь сталкивался с этой проблемой, может быть есть какие то лечебные травы? http://psywalker.ru/Forum/CSS3/Test2/main-page.html Смотреть в IE 6-7

    Asked by psywalker,

    0 votes
    26 answers

  10. Изображения друг под другом без промежутков

    Подскажите пожалуйста разницу между CSS стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…

    Asked by creaturee,

    0 votes
    2 answers

  11. как сделать невидимую кнопку

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

    Asked by UnderFelixAbove,

    0 votes
    2 answers

  12. Как стать хорошим верстальщиком?

    Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…

    Asked by GoodProject,

    0 votes
    21 answers

  13. Содержимое head лезет в body

    Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин

    Asked by olegsuv,

    0 votes
    15 answers

  14. Радиобулки(батоны) в цикле

    Я прошу, если кто чуть чуть знает php интересует как сделать так, чтоб при выбранной переменной и обновления страницы все батоны, кроме того, который выбран стали инэктив, а выбранный - cheked??? А проблема в том, что кнопки в цикле.... ( echo "<form action=".$_SERVER['phpself']." method=get>"; ..... .... $counter=4; echo " <font color="#888888"> <li> Select:</font>"; for ($i=1; $i <= $counter; $i++) { echo " <input type="radio" name="columns" value=".$i.">".$i."</input>"; } <input type=submit value=submit> </form>

    Asked by Ren,

    0 votes
    8 answers

  15. Исчезает ТЕКСТ!

    всем привет...есть сайт у меня все ОК отображается но у некоторых т.. в IE 6 исчезает текст на сайте ! =( но когда выделяешь текст то текст появляется =) ....нужна помощь! нид ХЕЛП ....вот сайт....www.td-ho.kz ...и вообще если есть еще какие то баги по верстки пишите в icq 418-277-585 или тут ...возможна оплата =) если решите проблему....

    Asked by romawka_ural,

    0 votes
    17 answers

  16. Стоит ли закрывать не парные теги в HTML5?

    Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

    Asked by tini.kRyptoNite,

    0 votes
    6 answers

  17. Квадрат внутри таблицы.

    Здравствуйте! Подскажите, пожалуйста, известно, что атрибуты тега <table> <colspan="число"> и <rowspan="число"> объединяют ячейки по горизонтали и по вертикали. А как можно было бы сделать квадрат совне таблицы? Нужно в рисунок в виде квадрата вставить текст (оформляю html-письмо). Т.е. в центре квадрата письмо.

    Asked by Сергей_Б,

    0 votes
    31 answers

  18. Автоматическая типографика на Php

    Автоматическая типографика на Php: http://pixel-apes.com/typografica Очень интересный и полезный скрипт. Аналог используется нынче Лебедями.

    Asked by Maslakoff,

    0 votes
    4 answers

  19. Несколько вопросов по вёрстке...

    В общем - сразу к делу. 1. Нужно сверстать макет из 4-х колонок... С этим нет проблем... Но когда я все эти дивы помещаю в див-обертку - мои столбцы отображаются поверх него... Ширина и высота не известны... Всё зависит от контента... <div> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div> </div> ————--> div.col { float: left; width: 25%; } Что я не так делаю? Или это анрил? O_o 2. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…

    Asked by DjTarik,

    0 votes
    21 answers

  20. Все случаи, когда игнорируется margin:auto

    Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.

    Asked by Beck,

    0 votes
    24 answers

  21. Интерактивная карта метро

    Привет! Для сайта по недвижимости, необходимо сделать выбор района (метро) по карте метрополитена. Откуда можно скачать этот ява-плагин или скрипт? А то делать руками очень долго и лень Спасибо! Пример - как тут: http://www.cian.ru/search.php?flats=yes&obl_id=1 P.S. Сайт не на CMS, поэтому ихние плагины не подойдут, видимо.

    Asked by Coder_D,

    0 votes
    4 answers

  22. Можно ли запрограммировать на css поведение блоков как на приложенном видео?

    Логика изменения блоков на видео мне не вполне понятна. Можно ли это запрограммировать на css, не задавая отдельные стили для каждой ширины окна и для каждого количества блоков? bandicam 2023-08-20 21-35-45-303.mp4

    Asked by Grani,

    0 votes
    1 answer

  23. как сделать поиск по сайту

    как сделать поиск по сайту

    Asked by Volodumur,

    0 votes
    20 answers

  24. Функции ветвления

    Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции if...else, позволяющей задавать разные условия выполнения блоков программы. В шаблонах Smarty тоже встречаются эти операторы, но в виде функций {if}, {else}, {elseif} и {/if}. Общий синтаксис следующий. {if условие1} При выполнении условия 1 отображать данный блок. {elseif условие 2} При выполнении условия 2 отображать данный блок. {else} Если вышеприведенные условия не выполнены, то выводить этот блок. {/if} При необходимости функции {elseif} и {else} можно опустить. Под условием подразумевается набор некоторых логических …

    Asked by Vlad,

    0 votes
    0 answers

  25. Хитрый фон из нескольких картинок на DIV

    Здравствуйте уважаемые. У меня такая проблема... есть очень хитрый фон состоящий аж из 6 картинок(для резиновости) если использовать по старинке таблички то никаких проблем нет, но фон слишком большой поэтому нужны дивы... а вот с дивами разобраться не могу. Вот как это выглядит в табличках. HTML <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="l_up"> </td> <td class="c_up"> </td> <td class="r_up"> </td> </tr> <tr> <td class="cc"> </td> <td class="cc"> </td> <td class="cc"> </td> </tr> <tr> <td class="l_dwn"> </td> &…

    Asked by Wormaster,

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