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. Не могу понять в чем дело (tooltip)

    Привет всем! В общем такая беда. Надо сделать подсказку для ссылки по клику. Нашел скрипт, там все работает. Копирую себе - не хочет. Может кто надоумит? Вот мой код: <li><a href="#">Недвижимость</a> <div class="find"><a href="" class="fortip">найдено 3 новых объекта</a> <div class="totip totip3">Tooltip 1</div> </div> </li> шапку и css, думаю, выкладывать не стоит. В путях точно все верно, а стили я скопировал с примера.

    Asked by Softlink,

    0 votes
    8 answers

  2. Недоступность html файла

    Здравствуйте! Только что зарегистрировал домен http://miloserdie-nvrsk.ru/, но при попытке создать index.html, в браузере выдаёт тип "на сервере нет такого файла". Хотя файл на сервере есть. Как это можно исправить? Или нужно ждать пока DNS записи обновятся (Хотя это странно, ведь сам сайт браузер видит, и зайти на него может, просто там белая страница и всё)? Заранее спасибо!

    Asked by 666FoX666,

    0 votes
    10 answers

  3. Изменяется сайт!

    День добрый. Сталкиваюсь с такой проблемой то что сайт изменяется из-за разрешения экрана сам! Не понимаю из-за чего. Я слышал то что его надо "прорезинить". Не мог бы кто нибудь объяснить как это избегать? Я скинул свои сайт. Если можете то посмотрите и объясните в чем проблема?Спасибо!

    Asked by Tardpipl,

    0 votes
    5 answers

  4. Некорректное отображение шапки сайта в Google Chrome

    Добрый день. Появилась следующая проблема: При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип. Ну уж очень меня это напрягает. Не пойму, что нужно делать. Кто сталкивался с такой же проблемой? Сайт - ganzola.ru Заранее спасибо.

    Asked by ilya.pokrov,

    0 votes
    0 answers

  5. Прижать таблицу к верхней части контейнера

    Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …

    Asked by ioprst,

    0 votes
    1 answer

  6. Подскажите, пожалуйста, не могу привязать картинку-фон к ссылке...

    Подскажите, пожалуйста: мне нужно сделать ссылку на определенном фоне. Сделал. А вот чтоб при наведении на эту ссылку менялся не только цвет ссылки, но и фон под ней ну никак не могу добиться((( Уже два часа парюсь, хоть стреляйся.

    Asked by admelj,

    0 votes
    3 answers

  7. Проблема с ссылками

    В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…

    Asked by Scorpio2011,

    0 votes
    6 answers

  8. Непонятный отступ снизу

    У меня возникла проблема при создании нивидимого блока под изображением, нужна помощь. <div class="block_1"> <a href="#" class="image"> <img src="url" /> </a> </div> .block_1 { width:460px; float:left; } .block_1 a.image { position:relative; display:block; margin:0; padding:0; } Примитивная задача, казалось бы... Однако размер блока .block_1 a почему-то превышает размер вставленного в него изображения img. Это превышение происходит так, будто добавлен параметр стиля: padding-bottom:5px, т.е. внизу выглядывает небольшая кромка. CSS нигде не задает отступ. Попытка прописать нулевой отступ не помогает. В чем проблема?

    Asked by Lionel,

    0 votes
    2 answers

  9. Посоветуйте хостинг

    Здравствуйте! После долгих поисков нужного хостинга и в итоге с никаким результатом я решил создать эту тему. Мне нужно простой хостинг чтобы разместить всего лишь одну html страницу. Не охото переплачивать допустим за php и mysql когда они мне не нужны или еще за гигабайты памяти которые они предлагают, зачем мне это? Ребят, нужен самый простой хостинг но чтобы и в плане работы был нормальный и по удобству и без всяких лишних для меня вещей. Посоветуйте если знаете такой хостинг. Спасибо за внимание.

    Asked by AP311,

    0 votes
    12 answers

  10. как определить шрифт?

    какими средствами фотошоп можно определить шрифт , или может существуют еще какие нибудь способы?

    Asked by olechic,

    0 votes
    3 answers

  11. Применение классов в div

    Здравствуйте. Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>.…

    Asked by aaron,

    0 votes
    8 answers

  12. Расположение блоков и полоса прокрутки

    Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центриров…

    Asked by Feel,

    0 votes
    6 answers

  13. Этот хитрый skew

    Хочу сделать кнопку со скошенными сторонами. Казалось бы, .knopa { ​transform: skew(15deg);}идеально подходит для этого. Но...вместе со сторонами скашивается и сам текст кнопки, что, в общем-то, логично, но это не то, что мне нужно. Единственное, что приходит в голову - это сделать элемент-обертку для текста внутри кнопки и ему задать противположный skew, т.е. на -15deg, что бы уравновесить скос для текста. Но мне не нравится идея создавать лишний элемент каждый раз, когда нужно сделать скошеный элемент с нескошеным контентом. Что можете посоветовать? SVG? Или может в спецификации css уже есть модуль, для создания элементов любых (хотя бы, остроконечных) форм?

    Asked by Evkaky,

    0 votes
    3 answers

  14. верстка html css новичка

    Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/

    Asked by Sarkazmus,

    0 votes
    4 answers

  15. Аналог flexbox верстки на grid

    Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - эл…

    Asked by alex_web64,

    0 votes
    1 answer

  16. При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз

    Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи!

    Asked by allseo,

    0 votes
    1 answer

  17. свои атрибуты в html тэгах... ?

    Подскажите, насколько все же плохо или допустимо использовать свои атрибуты в html-тэгах? Драфт HTML5 это допускает, достаточно просто именовать атрибуты с префиксом data- А как в XHTML 4.01? Понимаю что можно запариться с namespace'ами, нарисовать свою dtd-схему и т.д.... но, оно же и так работает во всех браузерах? По идее же, если браузер не знает атрибут - он его пропускает? Пример: <tr data-row-id="345" data-row-state="edit">..... </td> Можно конечно забить, наплодить кучу hidden-полей с данными и т.д. Но блин, уж ОЧЕНЬ удобно работать именно с атрибутами, особенно используя jQuery, или подобные javascript-фреймворки. Так что вопрос: категорически нельзя,…

    Asked by xpg934,

    0 votes
    1 answer

  18. подскажите пожалуйста как сделать чтобы сролинг был только в mainbody?

    подскажите пожалуйста как сделать чтобы сролинг был только в mainbody? если можно на конкретных примерах. заранее огроменное спасибо

    Asked by vovchikku,

    0 votes
    5 answers

  19. Выпадающее меню на css

    Нашла интересное меню для своего сайта в сети, немного изменила его под себя. Но тут увидела проблему, не знаю как ее решить. Меню является выпадающим многоуровневым. А проблема в том, что, если я нахожусь скажем на пункте меню "Главная", то при наведении мыши на пункт меню "Продукция", из "продукция" выпадает вложенное меню. Но если я нахожусь на пункте меню "Продукция" изначально, то при наведении мышью на этот же пункт вложенное меню не выпадает. Я уже вся исстрадалась. Помогите, пожалуйста. Вот сам код css: #nav {padding:0; margin:0 auto; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; white…

    Asked by heny,

    0 votes
    9 answers

  20. Верстка страниц с использованием HTML5 и CSS3.

    Здравствуйте. У меня возникли проблемы с новыми семантическими тэгами языка разметки HTML5. Не могу определиться в каком случае выбрать тэг <section> , а в каком случае <div> , также нет полной уверенности в том что я правильно понимаю сущность тэга <article> . Еще одна проблема это правильность структуры заголовков h1 - h6. Приблизительно то что я хочу сделать я набросал на этой "наскальной живописи": Для "Шапки" я использую тэг <header> , внутри "Шапки" расположен тэг <nav> , сразу за "Шапкой" идет тэг <section> для "Слайдера" главной страницы, потом идет <section> для "Имени документа" в котором лежит тэг <h1> . Самая б…

    Asked by Mortician,

    0 votes
    6 answers

  21. как выровнивнять по центру одно слово в рамке ?

    Добрый день, я новичок, не могу разобраться, как выровнять последнее слово или словосочетание, не прибегая к куче пробелов ( ), если это находится в рамке с открытым тэгом <P>.. например этот фрагмент : <P> <font color = "darkgreen" size= "+1"> Стиль: </font> ( это то, что должно быть по центру рамки ) - Progressive Metal <BR> </P> Если ставить значение <P align=center> внутри уже открытого <P>, то тогда остальной текст смещается за рамку.. вот весь код : <P id="textnaglavnoi"> <font color = "darkgreen" size= "+1"> <center> Описание группы <font color="white" size= "+2"> Северный крест </font> …

    Asked by Span4,

    0 votes
    20 answers

  22. position: absolute в TD

    Привет Есть ячейка таблицы в ней надо спозиционировать блок по нижнему краю абсолютом на саму ячейку relative не повесишь если всунуть внутрь td div с position: relative, то не будет должного эффекта, так как дивак не растянеться на всю высоту ячейки del

    Asked by WalkMan,

    0 votes
    5 answers

  23. Как заменить стрелочку в теге select

    Asked by kipupik,

    0 votes
    2 answers

  24. Как это работает?

    Приветствую...Помогите мне просветится. Как вот такой код может создать треугольник? Ну как? width:0; height:0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 200px solid blue; —-- Код взят из http://tantek.com/CSS/Examples/polygons.html

    Asked by Mr.Black,

    0 votes
    2 answers

  25. Закругленные края.

    Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…

    Asked by Чиполлино,

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