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. В каком формате лучше нарезать части макета?

    Собственно название темы кричит за себя. Я нарезал в JPEG, но они выходят какие-то тусклые... Пока что использовал JPEG, но вот задумался, а что если я не правильно подхожу к ходу работы? Хотел бы услышать, в каком формате нарезаете вы. P.S. Советы вроде: Да поф** разница и тому подобное просто буду игнорировать. Заранее спасибо!

    Asked by ohinem,

    0 votes
    4 answers

  2. Не хочет отображаться активная ссылка навигации

    Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…

    Asked by antony,

    0 votes
    1 answer

  3. Прблема с div'ом

    Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …

    Asked by ganswild,

    0 votes
    2 answers

  4. Текст вылетает из DIVa

    Прошу совета - как решить мою задачу не меняя тэги (крайне желательно), но меняя их стиль. На примере видно, что текст "МЯЧИКИ" идёт не вначале блока с белым фоном, а только после окончания блока с красным фоном. Задача: Размещение текста в левом верхнем углу блока с белым фоном. Принтскрин из браузера: Сам код: <html> <body> <div id="osnova" style="display: block; position: relative; margin: auto; margin-top: 0px; left: 0px; top: 0px; height: 800px; width: 600px; background-color: green;"> <div id="levo" style="float: left; display: block; position: relative; left: 0px; top: 0px; height: 300px; width: 400px; margin: 0px; padding: 0px; background…

    Asked by 4arly,

    0 votes
    4 answers

  5. проблема с таблицей

    Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…

    Asked by Pato,

    0 votes
    2 answers

  6. Высота <div>

    Всем привет!) есть у меня div с идентификатором #photo1. В нем плавающая картинка (чтоб текст обтекал). Я хочу, чтоб высота блока #photo1 была определена высотой всего содержимого, но там высота картинки почему-то не учитывается (может потому что плавающая) и получается, что высота определяется по высоте содержащегося в блоке текста. Почему я не хочу просто установить высоту(height)? Потому что при увеличении в браузере текст может выйти за пределы блока, ну вы наверное понимаете о чем я). Как можно это сделать не используя height? Вот ссылка. (png версия макета, скачать макет)

    Asked by Bava,

    0 votes
    2 answers

  7. Почему родительский блок не растягивается шире viewport'а ?

    Здравствуйте. Столкнулся с такой проблемой : вложенный блок не хочет растягивать свой родительский блок. Вроде это противоречит теории, с которой я знаком. Например: <html> <body> <div style="height:100px; width:2000px; background:red"> </div> </body> </html> Видно (в отладчике), что body растягивается только до ширины вьюпорта, а дальше не хочет. Почему это так? Разве так должно быть? Данный пример, естесственно, никакого отношению к реальной задаче не имеет, это просто очень сильное упрощение. Хотелось бы просто понять принцип (теорию)

    Asked by salikoff,

    0 votes
    4 answers

  8. Кнопка не выравнивается по центру

    Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!

    Asked by Glaz_Go,

    0 votes
    5 answers

  9. Как узнать пропорциональность

    Есть PSD макет шаблона для верстки. Но Т/З к нему нету. Имея лишь шаблон, можно ли как-то с помощью программы узнать точный размер деталей на PSD макете. Про ОС: Использую Linux Ubuntu. Редактор изображений - GIMP.

    Asked by ohinem,

    0 votes
    7 answers

  10. помогите с шапкой

    как убрать отступы от края до шапки

    Asked by xenux58,

    0 votes
    2 answers

  11. Соц. сети

    Коллеги, поделитесь плиз опытом. На сколько кнопки социалок привлекают посетителей на сайт? Тонкости установки кнопок: можно пользоваться инструментом яндыкса "поделись", который вставляет блоком нужные кнопки социалок; можно карячиться самому с каждой кнопкой - в чем разница? При чем вконтакте нужно еще сайт регистрировать с API и не понятно как это делается. И совсем тупой вопрос. В PSPade, вставляя скрипты и коды кнопок при просмотре html-страницы их не видно, точнее не все видно. С чем это может быть связано. Простите, если вопросы дурацкие, но мучаюсь 2-й день.

    Asked by puz,

    0 votes
    17 answers

  12. Приоритет стилей

    Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  13. Резиновый блок

    Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

    Asked by TorchTT,

    0 votes
    0 answers

  14. Трудности с позиционированием

    Доброго времени суток. Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки. Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать? Теперь непосредственно к основной задаче: Вот как должно выйти: http://i082.radikal.ru/1209/96/c71bd55a88a9.png Вот вёрстка, которую я сделал: http://rghost.ru/40568111 Вероятно, вы увидели различия. Хотелось…

    Asked by ohinem,

    0 votes
    2 answers

  15. Подключение скрипта к Джумла

    У меня проблема следующего рода: Скачал скрипт Textualizer Дальше в Джумле в <head> подключил скрипты <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.min.js"></script> Скопировал сами скрипты textualizer.js в нужную папку. Дальше в <head> добавил var list = ['описание один', 'описание два', 'описание три']; // список описаний var txt = $('#txtlzr'); // Контейнер в котором будет выводиться …

    Asked by Imperil,

    0 votes
    1 answer

  16. подсказки Яндекса съехали

    В форме поиска (справа) подсказки Яндекса съехали из-за каких-то стилей. Подскажите, как поправить?

    Asked by fowl,

    0 votes
    3 answers

  17. Лишнее в меню

    как убрать кусок в конце меню вот код

    Asked by xenux58,

    0 votes
    6 answers

  18. форма поиска

    Помогите с проблемой, плиз. Не знаю как сделать вот такую форму поиска. Внутри ещё написано поиск по сайту.

    Asked by pogranpv,

    0 votes
    4 answers

  19. дивы друг под другом

    Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…

    Asked by festvtteam,

    0 votes
    9 answers

  20. Найстрока Superfish

    Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …

    Asked by inex,

    0 votes
    4 answers

  21. Первый раз устраиваюсь на должность HTML верстальщик

    Друзья, вчера был на собеседовании в одной it-ой компании и получил возможность у них работать. Это мой первый опыт в html кодировании. Сказали что две недели я буду ходить к ним бесплатно работать а потом если моя кандидатура подойдет дадут возможность уже зарабатывать. Подскажите чего ожидать на этой должности, к чему относятся с особым вниманием, а на что и глаза закрывают. Спасибо!

    Asked by lobanov_kirill_,

    0 votes
    13 answers

  22. Отображение категорий при наведении

    Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }

    Asked by skyter,

    0 votes
    2 answers

  23. Из двух стилей как определить главный

    В общем у меня применяеться два стиля к менюшке, как сделать так чтобы один стиль был главнее другого /* - Этот стиль игнорируеться "Точнее игнорируеться цвет текста" - */ .nav li.re-menu-b a { color: #fff; font: 700 11px/18px "Tahoma";} /* - А этот применяеться - */ .nav.nav-userbar li a { color: #231F20;} <ul class="nav nav-userbar"> <li class="re-menu-b"><a>Сопсно текст к которому применяеться цвев</a></li> </ul> В общем а надо что бы было наоборот,

    Asked by oopster,

    0 votes
    2 answers

  24. Пробелы в заголовке WP

    Здравствуйте. Помогите пожалуйста убрать пробелы в заголовке Технадзор в строительстве – доверяй только профессионалам! на сайте http://www.btn.kiev.ua/ Нужно чтобы было например как в этом заголовке http://www.btn.kiev.ua/o-kompanii/ ( Технический надзор за строительством. Сопровождение строительства )

    Asked by BTN,

    0 votes
    1 answer

  25. Смена изображения при наведении

    Всем привет! У меня имеется элемент, к которому прикреплено изображение в "чёрно-белом формате". При наведении на него мне необходимо, чтобы изображение менялось на "жёлтый формат". Пробовал через :hover - что-то не получается. CSS код: #fdct:hover { position: relative; width: 256px; height: 256px; background-image: url('fdct2.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } #fdct { position: relative; width: 256px; height: 256px; background-image: url('fdct1.png');…

    Asked by Feers1de,

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