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. Горизонтальное меню как на Apple

    Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…

    Asked by Kintim,

    0 votes
    10 answers

  2. Нужны совет по написанию

    php или javascript Идея такая, кнопка или картинка, при нажатии которой должжно всплывать окно(700 на 500) или просто открытие новой вкладки с html кодом. И всё это в php одним файлом и одним кодом без использования css и AJAX, html5.. Помоггите советом, каким образом, можно сделать?

    Asked by lev99,

    0 votes
    13 answers

  3. Проблемы с вёрсткой в Chrome и Opera.

    Здравствуйте! Возникли проблемы работы в Crome с галлерей и fancybox. На этом сайте: http://ndl-east.com. 1) В Crome(v.35) и Opere(v.22), причём как то через раз, не задаёт высоту у изображения и его обрамляющих блоков, так как они имеют position:absolute ниже стоящие блоки наползают на него. Повторю: иногда отрабатывает верно. 2) Так же в Chrome не срабатывает галлерея fancybox(v.2.1.5) при клике на превью отдельно открывает изображение как страницу. В голову ни чего кроме как костылей не приходит которые ни как не помогают. Firefox и IE работают адекватно. Спасибо за уделённое время!)

    Asked by Vicos,

    0 votes
    5 answers

  4. Почему не работает padding?

    Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребован…

    Asked by tigrus2014,

    0 votes
    2 answers

  5. Отступы вокруг изображений в Opera 9.23

    Если в документе прописан доктайп, то в Opera 9.23 вокруг изображений появляются отступы в 2 пикселя. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Отступы...</title> </head> <body> <img src="res/button011.jpg"> <img src="res/button021.jpg"> <img src="res/button031.jpg"> <img src="res/button041.jpg"> <img src="res/button051.jpg"> </body> </html> margin:0, hspace="0", vspace="0" не помогает... В Opera 9.21 и Firefox 2.0.0.6 - то же самое, в IE все нормально. Раньше я никогда докт…

    Asked by DoS,

    0 votes
    8 answers

  6. Подсветка текущей ссылки

    Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?

    Asked by DrMartens,

    0 votes
    5 answers

  7. HTML 5 на деле - шаблон интернет магазина

    Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

    Asked by Tipylja,

    0 votes
    1 answer

  8. Google PageSpeed Insights Оптимизируйте код CSS

    Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :

    Asked by clgs,

    0 votes
    8 answers

  9. DIV + position:absolute; + height:100%;

    Приветствую. Задача растянуть див на всю высоту области. решение для всех нормальных браузеров: div.lay div.sb-bg, div.lay div.cnt-bg { position: absolute;; left: 0; top: 0; bottom: 0; height: 100%; background: #1c2601; width: 32.3em; } для ИЕ6: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; zoom: 1; } для ИЕ7: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') } Подскажите что-то для ИЕ7 не используя expression, пожалуйста. спасибо

    Asked by klierik,

    0 votes
    17 answers

  10. jQuery-Акордеон не работает в Chrome

    Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где Функция jQuery (версия 1.4.1 min) function accordion (){ maxWidth = $('#accordion').width() - 348; minWidth = 75; $('#accordion ul a').hover(function(event){ $('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:600}); }); } HTML <div id="accordion"> <ul> <li><a class="a1" href="#"> <img src="images/1.png" width="143" height="127" /> <p>Йода&l…

    Asked by aTei,

    0 votes
    1 answer

  11. Книга Влада Мержевича

    Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)

    Asked by Ereke,

    0 votes
    7 answers

  12. таблица в CSS

    Всем доброго времени суток! Подскажите, как сделать таблицу с помощью CSS?

    Asked by krig,

    0 votes
    5 answers

  13. Ошибка в табличной верстке

    Посмотрите пожалуйста, где может быть ошибка. Не могу ширину левого столбца уменьшить, перерыл уже и стили и код. _ttp://mr-group.ru

    Asked by rolph,

    0 votes
    5 answers

  14. Ошибка в стиле для input

    В дизайне сть такой элемент: Пытаюсь верстать, получилось это: Вот на странице что: <div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div> и сам css: #search { position: absolute; top: 162px; left: 221px; width: 12px; height: 22px; } input.search { width: 172px; border-top: 1px solid #cecccc; border-bottom: 1px solid #cecccc; border-left: 1px so…

    Asked by okunev2,

    0 votes
    4 answers

  15. Список изображений с прокруткой без перезагрузки

    <body> <div id="navigation"> <table> <tr class="textnavigation"> <td class="previous"><span class="previous"><a href="photo.html" title="Previous Photograph"><< Previous</a></span></td> <td class="index" colspan="3"><span class="index"><a href="index.html" title="Return to Index">Index</a></span></td> <td class="next"><span class="next"><a href="photo3.html" title="Next Photograph">Next >></a></span></td> </tr> <tr> <td class="thumbcell"></td> <td class="thumbcell"><a href="photo.htm…

    Asked by sol,

    0 votes
    6 answers

  16. Прозрачность в IE 6

    Делаю кастомный селект. Для этого указываю для селекта -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); Вроде как этого должно быть достаточно для всех браузеров. А вот для ИЕ6 почему-то недостаточно — в нём как всё как было так и осталось. Что я делаю не так?

    Asked by Veseloff,

    0 votes
    15 answers

  17. clear: left не убирает обтекание при стиле "div div { float: left

    <div style="clear: left;"></div> в такой конструкции не отрабатывает <!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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…

    Asked by iillyyaa2,

    0 votes
    9 answers

  18. Стримы HTML и CSS

    Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.

    Asked by Magic_Rabbit,

    1 vote
    3 answers

  19. Не срабывает display: none в слайдере js

    Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!

    Asked by Алеся,

    0 votes
    4 answers

  20. Простой вопрос

    Как задать свойство отдельного элемента, если он принадлежит по иерархии другом? В частносте элементу caption при таблице. Обычным методом пытался -- не действует. Задать все одинаковое для всей таблице не могу. И классы тоже пробовал.

    Asked by IceBars,

    0 votes
    7 answers

  21. растяжения rowspan в таблицах

    <table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)

    Asked by Victor Ananiev,

    0 votes
    5 answers

  22. Верска на вылет

    Добрый день! Подскажи как сверстать? есть ширина основного контента 1024. под ним идет фон шириной 1500. Требуется сделать так, чтобы у всех мониторов разрешение которых больше чем 1024 обрезался фон по краям, т.е. не появлялась горизонтальная полоса прокрутки, а для тех у кого меньше 1024 - появлялась полоса прокрутки. Желательно при этом не использовать javascript

    Asked by Prokopov Nikolai,

    0 votes
    9 answers

  23. Формат списка файлов каталога

    Друзья, если не угадал с темой, то смело перемещайте мой вопрос куда следует. Вопрос в следующем. Как известно браузеры могут при условии Options Indexes отображать содержимое директория. И даже рисовать какие-то столбики. Если вдруг Вы знаете, как облагородить этот список, изменить ширину колонок и всё такое, то расскажите пожалуйста. Ну или посоветуйте того, кто знает, того, кто может посоветовать. Заранее, с почтением, Саша.

    Asked by Splinty,

    0 votes
    6 answers

  24. Оцените решение прибивания футера.

    Ни один из существующих способов мне не нравится. Решил делать все методом научного тыка. У меня футеры хедеры и т.д. имеют общую высоту 111px. За минимальный размер браузера принимаю 800х600 px. Установил min-height: 489px; для среднего блока с контентом. Это минимальная высота 800px минус сумма высот остальных блоков 111px. Получается что при разрешении 800х600 все выглядит идеально. При большем разрешении, под футером появляется место пустое. Установил цвет фона окна под цвет футера. Теперь получается что при изменении разрешения создается видимость изменения размера футера. Если учесть что страницы будут наполнятся контентом, то это вроде бы вполне приемлемо. Вариан…

    Asked by Ururu,

    0 votes
    7 answers

  25. Рамка thead, tbody

    Здравствуйте. Хочу оградить шапку таблицы двуцетной линией. Сайт логин/пароль: test table.counters-history { background-color : #EFEFEF; } table.counters-history thead { border-bottom : solid 1px #CCC; } table.counters-history tbody { border-top : solid 1px #FFF; } Почему рамку не видно?

    Asked by Djo,

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