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

29,542 questions in this forum

  1. Изменение стиля для a title

    Здравствуйте! Я пытался сделать скрипт и наткнулся на проблему - не могу изменить стиль текста, отображаемого в a title. Подробнее здесь: http://jsfiddle.net/_nik1_/cQBAt/ Мне надо что бы текст на всплывающей подсказке был белым, а фон черным. Спасибо!

    Asked by _nik1_,

    0 votes
    4 answers

  2. Решить задачу по размерам блоков без box-sizing

    Дано: <div><div></div></div> Надо согласовать внешние размеры вложеного div'a с внутренними родительского. <div style="border: 100px solid #f44; width: 80%; height: 500px; padding: 80px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%; top: -80px; left: -80px; position: relative;"> Решено, но использование padding родителя и позиционирование дочернего элемента не логично, т.к. взаимосвязано с шириной border. </div> </div> <div style="border: 100px solid #f44; width: 80%; height: 500px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%;"> Не решено. </div> </div> Пер…

    Asked by skvor,

    0 votes
    4 answers

  3. Проблемы с отображением на мобильных устройствах

    Здравствуйте! Бьюсь уже достаточно давно. Вот страничка http://urazov.advert-profy.ru/ . Во всех браузерах ПК отображается все нормально, но при просмотре на мобильных устройства (в моем случае ipad) все становится очень плохо Подскажите, пожалуйста, как это можно исправить? Про media запросы знаю, и пробовала работать с ними - безрезультатно.

    Asked by Xenia Wanger,

    0 votes
    2 answers

  4. Как грамотно организовать наложение двух блоков

    Добрый день! Подскажите, как грамотно организовать такое наложение? То есть, не просто наложение, а по определенному паттерну что ли (я имею в виду эти линии серого цвета, которые накладываются на верхний блок)

    Asked by mankutila,

    0 votes
    2 answers

  5. Трехуровневое меню

    Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…

    Asked by Master2KAZ,

    0 votes
    4 answers

  6. Не понимаю поведение margin

    Всем доброго дня. Упрощенный для наглядности код того что я делаю <html><head></head><body><div style="background:#000;"> <div style="background:#fff;width:100px;height:100px;margin:50px 0 0 50px"></div></div></body></html>Разве не должны отступы от вложенного дива быть собственно внутри дива в который он вложен? Почему верхний margin отрисовывается так как будто он указан для родительского блока?

    Asked by infidel,

    0 votes
    4 answers

  7. Адаптивное позиционирование элементов в круг

    Мне нужно, чтобы одинаковые элементы html выстроились в круг(в центре еще один элемент) При этом также нужно учесть то, чтобы при различных разрешениях экрана они не превращались в эллипс, а всегда оставались кругом. Осложняется эта задача тем, что обязательна аналогичная адаптивность на мобильных устройствах. Они не должны разлетаться и быть статичными (размер круга из элементов) уменьшается и увеличивается Вот ссылка https://jsfiddle.net/k7ktzvmn/

    Asked by amazingman216,

    0 votes
    0 answers

  8. Не работает обратная связь

    Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо

    Asked by Edmaynert,

    0 votes
    1 answer

  9. Не могу подвинуть элемент

    Не могу подвинуть элемент - запись на консультацию ( см скрин) Пробовал менять значение margin-top в css все равно не встает на нужное местою Помогите пожалуйста решить проблему

    Asked by chvorost,

    0 votes
    2 answers

  10. Подскажите как можно реализовать

    Здравствуйте, есть макет вот с таким заголовком, подскажите пожалуйста как можно реализовать оформление вокруг него (полосы и ромбы), я имею представление о том как добавить по одному ромбу с каждой стороны - тут все ясно: before и after. Но как добавить множество элементов? Если что, знаю(чуть-чуть) только html и css, а js для меня пока темный лес. Буду признателен, если также скинете ссылки на статьи где можно об этом почитать поподробней.

    Asked by Valery Subbotin,

    0 votes
    1 answer

  11. картинки и таблица

    Как сделать. чтобы картинка увеличивалась при наведение курсора, если она в таблице? <div class="photos"> <table cellpadding="10" cellspacing="0" style="margin-left: -10px;"> <tr> <td><img src="images/photos/01.jpg" width="200" alt="" /></td> <td><img src="images/photos/02.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/03.jpg" width="200" alt="" /></td> <td><img src="images/photos/04.jpg" width="200" alt="" /></td> </tr> <tr> <td><img src="images/photos/05.jpg" width="200" alt="" /></td> <td><img src="images/…

    Asked by Мяфк?!,

    0 votes
    5 answers

  12. Как сделать ?

    Вот сижу делаю резиновый шаблон.Задача такая.У меня сверху шапка типа как фейсбука,она окрашена в чёрный.Так вот в этой шапке у меня логотип должен быть слева,в центре меню, и справа форма для входа.Каждый из этих элементов находится в своём блоке.Все они находятся в одном блоке с классом header_header.Также все они находятся в одном общем блоке,который формирует верхнюю чернуюю полосу. Надо сделать чтоб,вот этот один блок с классом header_header ,который объединяет все три блока (с лого,меню,и формой),стоял посередине и между блоками ,которые внутри него т.е. между лого меню и формой были отступы.Вот код.Подскажите как сделать? <div class='header'> <div class='…

    Asked by new01,

    0 votes
    3 answers

  13. Фикс и резина: отличия в верстке

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

    Asked by Rustick,

    0 votes
    4 answers

  14. Посмотри те пожалуйста!

    Доброго времени суток. Прошу вашей помощи. Верстаю впервые. Нужен ваш совет. Посмотрите пожалуйста, не допускаю ли я какие либо ошибке в плане самой конструкции кода и самого подходу к верстке? Сверстал только шапчёнку и то замучался. Просто нехочется потом весь сайт переписывать, если что то не так... _http://www.yourspotolki.ru/ Код думаю выкладывать не стоит, наверняка все файрбаг юзают. Верно?) Заранее благодарю P.S. Да и ещё, подскажите пожалуйста как h1 выровнять по центру относительно блока logo.

    Asked by Un1x,

    0 votes
    7 answers

  15. Абсолютное позиционирование. Где ошибка ?

    Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.

    Asked by d4a1,

    0 votes
    3 answers

  16. Ютуб перекрывает colorbox

    Собственно интересно как перекрыть iframe ютуба colorбоксом а то при открытии посредством скрипта, он перекрывается видео с ютуба

    Asked by Defender1,

    0 votes
    2 answers

  17. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…

    Asked by Toxin_G,

    0 votes
    1 answer

  18. Спрайты

    спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!

    Asked by Гость,

    0 votes
    5 answers

  19. Вопросы по верстке макета (онлайн)

    Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li&gt…

    Asked by Benya-a,

    0 votes
    5 answers

  20. Высота блока

    Есть такая навороченная страница http://fluke-rf.ru/index.php?id=3 Проблема в том, что серые блоки разной высоты, и если внутри блока почти нет текста - блоки начинают некрасиво налазить друг на друга. Подскажите, как справиться и сделать так, чтобы блоки не наезжали?

    Asked by Bredova,

    0 votes
    2 answers

  21. проблема с валидацией

    У меня при прохождении валидации постоянно одна и та же ошибка,повторяющаяся десятки раз в одном документе- Ошибка: end tag for element "P" which is not open. Если исправить везде эту ошибку,то документы пройдут валидацию,как её исправить?Спасибо за помощь))

    Asked by eleonore,

    0 votes
    2 answers

  22. Не отображаются картинки

    http://www.rechnoy-express.ru/ Под заголовком "Речные прогулки..." не отображаются картинки в таблице. Вот код: <table> <tbody> <tr> <td><a href="http://www.rechnoy-express.ru/node/1827">Аренда лимузина на подводных крыльях</a></td> <td><a href="http://www.rechnoy-express.ru/node/1828">Аренда прогулочного катамарана</a></td> <td><a href="http://www.rechnoy-express.ru/node/1829">Карта района плавания</a></td> </tr> <tr> <td><img scr="sites/default/files/river/kater-volga1.jpg"></td> <td><img scr="sites/default/files/river/katamaran1_1.jpg">&l…

    Asked by maritca,

    0 votes
    5 answers

  23. Псевдоклассы

    Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…

    Asked by The_Immortal,

    0 votes
    5 answers

  24. внутренняя тень от углов

    http://itmages.ru/image/view/974699/d41d8cd9 првиетствую всех. есть такой вот фон, это фон body, т.е. при большей высоте темные углы вниз опускаются. стандартными стредствами inset не могу никак решить. у кого есть советы?

    Asked by Fate-ol,

    0 votes
    2 answers

  25. Сложный фон

    Здравствуйте! Есть макет https://dl.dropboxusercontent.com/u/27003510/01_home_page_kessonov_ru_3.jpg Не могу сообразить, как лучше поступить с фоном. Если ставить ahy целиком, то фоновая картинка весит около 3 Mb - это много. По хорошему надо наверное горизонтально резать на 3 части...но как потом на это еще и текст наложить, у меня текст сползает. В общем ничего не выходит. Ткните, может есть похожие решения?

    Asked by Bredova,

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