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 MegaS,

    0 votes
    1 answer

  2. Верстка мобильной версии

    Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз

    Asked by dion,

    0 votes
    1 answer

  3. Возможно ли частично перекрыть элемент, но оставить его видимым для курсора?

    В макете нужно реализовать наложение картинки на меню, но хотелось бы при этом оставить элементы меню доступными для клика полностью, а не частично. Сейчас реализовано так, что доступна только верхняя часть кнопки https://arthurmiko.github.io/shadows_portfolio/ Здесь воспроизведена подобная ситуация и вопрос относительно этого случая. Можно ли как-то оставить серые блоки доступными для курсора, в области их перекрытия синим блоком? Наверняка это можно реализовать с помощью JS, но есть ли способ обойтись HTML/CSS?

    Asked by mikoart,

    0 votes
    6 answers

  4. Наставничество

    Всем привет! Обращаюсь к старшим коллегам. Мне очень нужен наставник. Так как не знаю, куда двигаться дальше, правильно ли написан мой код, да и вообще то ли я делаю... У меня есть познания в верстке(HTML, CSS, Sass, Bootstrap), немного знаю о PHP и JS. Но очень часто встречаются моменты, когда нужно спросить совета, а обратиться не к кому. Я не прошу, чтобы со мной нянькались как с маленьким ребенком, просто нужен человек, который поможет наметить план действий, по которому я буду идти и с которым можно будет иногда советоваться. За ранее благодарен!)

    Asked by Igor_Dp,

    0 votes
    3 answers

  5. Помогите разобраться со слоями

    Привет! Начал разбираться с версткой дивами...сверстал нечто..) в IE7 все отображается как мне надо...то есть вверху блок top, в центре контейнер center с двумя блоками, расположенными слева и справа соответственно......в FF отображается не так как мне надо...помогите, пожалуйста, найти ошибку в стилях <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> <style> #top{ background-color:#009900; width:95%; margin: 0 …

    Asked by Sand,

    0 votes
    1 answer

  6. тег base

    Здравствуйте есть php-файл, в нем <base href="http://www.site.ru/pf_flash"> внутри картинки (точнее swf), php инклюды. Никакого действия <base> не оказывает... может я не правильно понимаю его функцию? Вообще проблема в том, что на странице много ссылок, но файлы лежат в другой папке... как бы туда все переадресовать? Спасибо

    Asked by niculins,

    0 votes
    1 answer

  7. А нельзя ли сделать стиль по параметру "name" инпута?

    Извините пожалуйста, что создаю новую тему, а не пишу в той, просто хочется чтобы дополнительный вопрос был поскорее увиден, хочется быстрее закончить ксску Собственно, нельзя ли сделать стиль по параметру "name" input-тега? Заранее спасибо. З.Ы, Если это у вас смертельный грех - можете меня забанить на нужное время - только ответьте пожалуйста

    Asked by 7ion,

    0 votes
    5 answers

  8. Помогите Глючит В Ие Таблица + Формы

    Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол. В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается. точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали как избежать этого? + как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня) может какое нибудь другое решение предложите... выслушаю все) Заранее спасибо <style type="text/css"> .login { w…

    Asked by finski,

    0 votes
    2 answers

  9. Если задать doctype, Explorer иначе высчитывает высоту TD

    Нужно сделать таблицу на всю ширину и высоту окна, причем одна из ячеек так же должна иметь высоту 100%. Я написал нижеследующий код. Если НЕ задать doctype, код во всех браузерах работает корректно, если задать - Explorer начинает растягивать таблицу по высоте так, что появляется вертикальная прокрутка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <STYLE> HTML, BODY {height:100%; margin:0px;} </STYLE> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=100% height=100%> <TR><TD>Ячейка 1</TD></TR&gt…

    Asked by Flex25,

    0 votes
    3 answers

  10. проблема с горизонтальным меню в IE7

    Подскажите, что я делаю не так есть горизонтальное меню, во всех браузерах, кроме IE7 нормально отображается: В IE7 выглядит так: код: .top-menu{ position: relative; background-color: #b3b3b3; background: url('/img/top-menu-fon.gif') repeat-x; height: 41px; width: 959px; margin-left: 10px; overflow:hidden; } .top-menu a:link, .top-menu a:visited { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 12px; padding-bottom: 13px; padding-left: 60px; padding-right: 60px; text-shadow: 1px 1px 1px white; } .top-menu a:hover, .top-menu a:active { background: url('/img/top-menu-fon-hover.gif') 0 0 repeat-x; color: #fff; fon…

    Asked by alex196,

    0 votes
    4 answers

  11. text-underline-style

    Всем Привет! Подскажите как правильно применить атрибут text-underline-style?? куда еге не ставил ничего не меняется! Спасибо!!!

    Asked by Patrickk,

    0 votes
    9 answers

  12. absolute отрицательно смещенный за границу экрана образует горизонтальный скролл

    Суть темы в заголовке. Нужно расположить вот так: Нужно чтобы красный блок прятался частично за экраном когда экран небольшой и не расстягивал сайт фиксированной ширины в 980 px. Пока придумал только так: body { overflow-x:hidden; } Но это вообще убивает горизонтальный скролл, даже когда экран менее 980 px, что не есть гуд((

    Asked by Torm,

    0 votes
    5 answers

  13. странности с text-align: jistify

    Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

    Asked by USF,

    0 votes
    5 answers

  14. Списки определений Dl dd dt

    Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было . У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код: <dl class="featured_servi…

    Asked by Zverushka,

    0 votes
    5 answers

  15. Как сделать, чтобы сайдбар был по центру контента?

    Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div></div>стиль сайдбара #sidebar { background:blue; width:160px; height:600px; float: left; left: -50px; position: relative; top: 45%;}если писать в файрбаге top:xx%; то нормально блок уезжает куда надо. но когда в css файл сайта это пишу, то ничего не происходит и он как распологался сверху, та…

    Asked by nikki4,

    0 votes
    3 answers

  16. href ссылки и display:none

    2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…

    Asked by Hoax,

    0 votes
    7 answers

  17. Комментарии

    Привет ребят. Расскажите пожалуйста, трудно ли сделать на сайте комментарии по типу как на Wordpress блогах? Ну я думаю вы поняли, что бы не регистрироваться а просто ввел имя и комментарий, и он запостился. Заранее спасибо.

    Asked by soressu,

    0 votes
    10 answers

  18. Совет начинающему

    Доброго времени суток, дорогие форумчане. Вкратце расскажу свою историю. Учусь на программиста, узкой специальности пока нет, в основном С/С++, но меня этот язык никогда особо не привлекал, и я решил заняться версткой, так как один семестр вскользь мы ее прошли и мне это понравилось. Месяц назад, может чуть меньше начал с нуля учить html и сss. Представляю вашему вниманию первый сайт, сделанный мною по макету, на него у меня ушло 2 дня. Просьба дать оценку и хочу услышать ваши замечания http://lysenko-project1.url.ph/ Так же вопрос второго плана. Сейчас начинаю усиленными темпами учить js(jquerry), ибо, как я понял, без этого никуда, и хочу для себя понять, с каким уровн…

    Asked by cof666,

    0 votes
    7 answers

  19. Чем заменить на css тип "handheld" в правиле @media?

    Здравствуйте. При создании сайта возникла проблема, в мобильных браузерах (смартфонов и планшетов) он прижимается к левому краю. Было принято решение дополнить шаблон с помощью атрибута @media, однако, как оказалось, современные браузеры на мобильных устройствах не считывают тип "handheld", считая, что для них предназначен обычный тип "screen". Задать необходимые параметры через значение @media screen and (max-device-width:) также не получается из-за того, что современные мобильные устройства имеют разрешение равное стационарным мониторам. Подскажите, как можно решить данную проблему?

    Asked by meigas,

    0 votes
    1 answer

  20. Изображение с неправильно указанным путем

    Изображение, путь к которому указан неверно, показывается на странице в виде небольшой пиктограммы. Как браузер определяет размеры такого изображения? И можно ли с этим побороться? http://tezhe.ru/img.html На этом примере как-бы картинка справа вытянулась во всю высоту экрана. Хотелось бы, чтобы она имела минимальную высоту. Скажем, в 50px.

    Asked by atezheva,

    0 votes
    1 answer

  21. про хаки

    вопрос такой создал таблицу <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Несколько таблиц</title> </head> <body> <table border="1" width="50%" cellpadding="5" align="left"> <tr > <td BORDERCOLOR="red"> 1k </td> <td> 2k </td> <td> 3k </td> </tr> <tr> <td> 4k </td> <td> 5k </td> <td> 6k </td> </tr> <tr> <td></td> <td> 7k </td> <td></td> </tr> </table> </body> </html> ну так вот все заметили что одна ячейка кр…

    Asked by Kain,

    0 votes
    2 answers

  22. Получение Данных Из Формы (чекбоксы, Радиокнопки)

    Необходимо в JavaScript получить значения радиокнопки и чекбокса. Части кода JS и HTML соответсвенно: <script> radiobutton = document.getElementById('range').value checkbox = document.getElementById('rating').checked </script> <label><input type="radio" name="range" value="1" /> Раз </label><br /> <label><input type="radio" name="range" value="2" /> Два </label><br /> <label><input type="radio" name="range" value="3" checked="checked" /> Три </label><br /> <label><input type="checkbox" name="rating" id="rating" checked="checked" /> Раз </label><br /> Проблем…

    Asked by Flashman,

    0 votes
    0 answers

  23. По ширине содержимого

    Имеется блок div <div class=''> Одна строка текста разной длинны</div> Вопрос: как сделать так, чтобы ширина блока устанавливалась автоматически равной ширине содержимого (строки текста), во всех браузерах желательно.

    Asked by RiG,

    0 votes
    4 answers

  24. не работает margin

    Столкнулся с маленькой проблемой, margin не делает отступ сверху, собственно вот CSS #header { margin-top:50px; } a#logo { background:url(images/logo.png); width:166px; height:26px; display:block; float:left; } ul#social { float:right; margin-top:10px; } ul#social li { display:inline-block; margin:0 5px; } #menu { margin:50px 0; clear:both; background:url(images/bgmenu.png); } #menu li { display:inline-block; padding:15px 0; border-right:1px solid #1A1A1A; margin-right:-4px; } #menu ul { } #menu li a { color:#bbb; text-shadow:0 0 1px #969696; padding:15px 20px; } #menu li a:hover { background:#262626; padding:15px 20px; } HTML <div id="header"> <a href="…

    Asked by moslem,

    0 votes
    1 answer

  25. проблема верстки в Safari

    Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom…

    Asked by milledi,

    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