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. Навигация по сайту (только html и css)

    Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…

    Asked by Ururu,

    0 votes
    2 answers

  2. Что такое SVG и с чем его едят

    Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так

    Asked by McLotos,

    0 votes
    4 answers

  3. Сложности при верстке навигации

    Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?

    Asked by alex_web64,

    0 votes
    3 answers

  4. Вопрос от новичка

    Как вставить картинку ? должно получиться как на нижней картинке вот мой код <!DOCTYPE html> <html> <head> <title>Испытание 2: слайдер</title> <meta charset="utf-8"> </head> <body> <div class="conteiner"> <div class="content"> <h1>Долго, дорого, скрупулезно</h1> <p>Математически выверенный дизайн для вашего сайта или мобильного приложения.</p> </div> <div class="knopka"> Узнать больше </div> </div> &lt…

    Asked by rustamXx,

    0 votes
    1 answer

  5. Глюк со слоями. Слой будто бы не в слое.

    <body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…

    Asked by champion,

    0 votes
    2 answers

  6. Генератор номеров!

    Как сделать так, чтобы после заполнения формы обратной связи на сайте, письму присваивался уникальный номер (можно просто счетчиком - номера подряд), который отображался бы пользователю и передавался б вместе с его письмом. Заранее благодарен!

    Asked by chest,

    0 votes
    7 answers

  7. как заставить страницы работать оффлайн?

    здравствуйте. очень нужна Ваша помощь. у меня вобщем есть сохраненные страницы с интернета. и на каждой из них есть ссылки друг на друга. так вот как мне прописать в исходном коде чтоб все это работало на компьютере без интернета? страницы в формате mht. вот что пробовал я: Оригинал Измененный в итоге после сохранения изменений, мне перед именем страницы которая находится на компьютере (например "1.mht") вставляет адрес этой страницы в интернете (рис. внизу), хотя я его убрал из ссылки... может я что-то неправильно делаю? подскажите пожалуйста.

    Asked by Premer_Joker,

    0 votes
    2 answers

  8. Ссылки в hover меню картинками

    Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.

    Asked by skygazer,

    0 votes
    5 answers

  9. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим,

    0 votes
    2 answers

  10. блок не тянется по ширине в ie7

    Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…

    Asked by Digidie,

    0 votes
    10 answers

  11. Не разворачивается youtube ролик на сайте

    Вставляю в контенте страницы ролик строкой <p><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/f_Y2oFbTrR8%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" width="425" height="344"></embed></p> Параметр есть разрешения разворачивания ролика на весь экран, но кликая "fool screen" развернуть ничего не происходит. Проверял на разных ПК. Может кто сталкивался? Есть решение?

    Asked by okunev2,

    0 votes
    7 answers

  12. Вертикальное выравнивание картинки в ссылке

    Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.

    Asked by anipriev,

    0 votes
    8 answers

  13. выравнивание дивов в 1 строчку

    Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…

    Asked by OlegBrony,

    0 votes
    2 answers

  14. Текст в разных концах блока ...

    Скажите пожалуйста на сколько "правильна" такая конструкция? (выравнивание в лево) (выравнивание в право) ТЕКСТ (выравнивание в лево) По сути: h1 и h2 - 1-й уровень "строк", находятся на одной строке; в рамках слоя фиксируются точным размером ширины h3 - 2-й уровень "строк", находится под h1 и h2 Что меня смущает? Когда пролистываю в IE смазываются края (становятся белыми) h1 и h2, в Опере нормально. Если h1 сам по себе заполняет весь 1-й уровень, то такого эффекта не наблюдается. В принципе что я хочу получить и как сделано сейчас можно увидеть здесь: http://wmnavigator.by.ru/tmp/ - первый квадро-блок DonkeyMails Спасибо.

    Asked by hjlbyf,

    0 votes
    2 answers

  15. Как сделать прокрутку часов:минут:секунд в поле формы?

    Собственно сабж! Если не понятно поясню может чтото типа набора селектов формы?

    Asked by Silentium,

    0 votes
    3 answers

  16. Проверка Данных На Валидность

    Есть один маленький вопрос, http://www.htmlbook.ru/content/?id=114 ознакомился со статьей и решил проверить свой сайт на валидность, но столкнулся с двумя проблемами, 1-я языковой барьер и 2-е не понимаю не которых ошибок, что он от меня хочет, возникает вопрос, нет ли какого сайта аналога на русском или же может тут найдутся люди знающие толк в версте и объяснят "начинающему нубу" в чем я не прав. Выложу пару примеров ошибок с описанием (прошу сильно не ругать, понять и помочь): Ну тут, если я правильно понял, он прописит прописать alt Что ему не нравиться тут не понимаю. Или вот, что ему не нравиться? в первой букве названия моего id Спасибо за внимание.

    Asked by papay,

    0 votes
    4 answers

  17. JQuery Календарь...

    Добрый День! Моя проблема следующая: Cкачал плагин JQuery 'календарь' и при его редактировании у меня возникли дополнительные отступы(около 2px) в IE-7!(между ячейками таблицы на каторых указаны дни недели,а также между числами...) В остальных браузерах всё нормально!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9...) Перепробовал всё что в моих силах - но безрезультатно!(Хотя в таблицах я разбираюсь очень поверхностно,а плагин построин на них!) <table cellpadding="0" cellspacing="0"> применить не удается,поскольку не могу найти соответствующего кода HTML! Он находиться в папке jquery.date_input.js (правда я пока,что не могу разобраться в том - можно л…

    Asked by Yamaradg,

    0 votes
    5 answers

  18. Как выровнять картинки по ширине?

    Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?

    Asked by marker,

    0 votes
    3 answers

  19. проблема верстки в 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

  20. text-align в IE<9

    Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

    Asked by SuperJerk,

    0 votes
    4 answers

  21. Запрет копирования текста

    Всем привет, подскажите, каким образом здесь реализован запрет на копирование текста? http://www.tehno-online.ru/arenda-spectehniki/ekskavatori/

    Asked by Tezil,

    0 votes
    8 answers

  22. Сайт обрезается при уменьшении дисплея

    Название сайта- http://help-for-computer.ru .Сайт обрезается на телефонах. Когда писал его, так старался,что даже для ie 5.5 его тестил. На валидаторах протестил. А вот на маленьких дисплеях забыл. Что теперь делать, как исправить? Там при заходе с телефона даже номер, куда звонить, не видно((( P.S.: еще, вопрос: почему у меня на samsung galaxy s4 при заходе через chrome на сайт ширина блока главного уменьшается(строчки плывут), я же зафиксировал ее width:1000px?

    Asked by lovi,

    0 votes
    4 answers

  23. не получается сделать меню горизонтально

    добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код

    Asked by egrom92,

    0 votes
    3 answers

  24. В хедер запхать 2 картинки и слайдер

    Привет всем. Хочу изменить шапку, вместо одной картинки впихнуть по сторонам 2 (эмблемы типа) а по центру слайдер. Я в блок хедер вставляю 3 блока(левый картинка-log_img, центр слайдер-wowslider-container1, правый тоже картинка-log_img2), но так получается что правая картинка переезжает на следующую строчку. Какое свойство в каком блоке поправить что бы все влезло в одну строчку? Шаблон сайта я скачал а слайдер сделал с помощью программы.Не судите строго только учусь. https://www.dropbox.com/sh/huhumx34a01nejz/AADFEG-J98yAJGLqq-wSOQrya

    Asked by Konstantin_ua,

    0 votes
    1 answer

  25. Не могу сделать фрейм

    Напишите пожалуйста код для такого фрейма http://i.imgur.com/yj8keAy.png Сколько я ни пытался, никак не могу нормально написать. Криво получается

    Asked by Ghast0529,

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