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. <MAP> и <AREA> не хотят работать.

    Заранее извините, за возможно некорректные выражения. В данный момент осваиваю HTML, большого опыта еще не приобрел. Сделал я с помощью тега <MAP> и тегов <AREA> необходимые мне области. В браузере появляется рисунок, но по каким-то причинам это все отказывается работать и в FF, и в IE. Лишь Dreamweaver видит, что эти области существуют. <img src="img/18.gif" width="100" height="100" border="0" alt="хз" usemap="#pic"> <map name="#pic"> <area shape="rect" alt="tab" coords="0,0, 50,50" href="table.html"> <area shape="rect" alt="tut" coords="50,50, 100,100" href="qwert/tutorial"> </map>

    Asked by chyk,

    0 votes
    2 answers

  2. помогите с z-index

    Проблемма следующая, пытаюсь верстать на div'ах, но после присвоения блокам z-index не все элементы расположились неправильно !! <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="shap"> <img src="images/01.jpg" alt="Webwhite"> </div> <div id="link1"> <a href="index.htm"> Главная </a> </div> <div id="link2"> <a href="price.htm"> Цены </a> </div> <div id="link3"> <a href="gal.htm"> Г…

    Asked by kirillps,

    0 votes
    7 answers

  3. На переходном HTML вылазит из width.

    На "переходном" HTML при задании width, в ослике картинка вылезает и ячейки таблицы. какая альтернатива? <td width=27% valign="top"> <img src=images/kinchev.jpg width=100%> Спасибо.

    Asked by Sh.B.Malinkin,

    0 votes
    9 answers

  4. Размер нового окна

    Как сделать, чтобы новое окно было определенного размера?

    Asked by anna-2010,

    0 votes
    1 answer

  5. Как сделать, чтобы несколько ссылок не меняли цвет

    Подскажите, пожалуйста, можно ли сделать так, чтобы несколько ссылок не меняли цвет, когда по ним переходишь?

    Asked by anna-2010,

    0 votes
    2 answers

  6. Ccылка в виде скрипта

    Нашёл сайтик для своей рекламы,но там просят банер не фоткой а ссылкой в виде скрипта.Как это сделать обьясните плизз)

    Asked by stardel,

    0 votes
    7 answers

  7. body background

    Взял обычный фон <style>body {background: url(images/fon.jpg) no-repeat top;} } </style> Можно ли и как наложить на него картинку, чтобы она тоже находилась по центру экрана, например вверху (картинка то накладывается, да многократно)

    Asked by kminas,

    0 votes
    1 answer

  8. Вывод данных из HTML

    PLS подскажите как из HTML (+JavaScript) создать новый файл и записать в него данные? Что проще при этом использовать? Если модно с примерами почти по дядюшке Фрейду: rolleyes: "модно"=можно

    Asked by Git,

    0 votes
    8 answers

  9. Подскажите пожалуйста

    У меня есть header middle и footer так вот в middle мне нужно создать 3 блока, которые тянулись бы по высоте но при етом у меня есть и background-image вложеный в етот блок, если я не задаю высоту етого блока а указую только ширину то при етом только в 1ом блоке мой background-image который находится в нем полностью отобразился а в остальных двух он обрезаный подскажите что нужно сделать чтобы и background-image было ввесь видно и сам блок тянулся на задавая ему параметр height

    Asked by Romario1985,

    0 votes
    2 answers

  10. Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);

    Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....

    Asked by vovchikku,

    0 votes
    8 answers

  11. Запретить отправку формы

    Есть форма, в ней есть несколько элементов image Как запретить при нажатии на эти элеметы отправлять форму, и перейти на нужную страницу на пример на http://htmlbook.ru P.S. у каждого элемента своя страница

    Asked by Беркут,

    0 votes
    1 answer

  12. Ошибка в гостевой книге

    Я хотел поставить себе форму для отзывов, скачал готовую гостевую книгу, а она просто не запускается, я ещё даже не трогал ещё ошибка "Warning: dir(records) [function.dir]: failed to open dir: No such file or directory ......." $d = dir("records"); а дериктория такая есть

    Asked by SoFuWa,

    0 votes
    8 answers

  13. Что бы ссылка в html вставляла вместо картинки текст ?

    Доброго времени. Пожалуйста подскажите как быть. Как можно прописать ссылку чтоб она вставляла на страничку текст из какого-нибуь отдельного документа? Чтобы текст самой странички можно было изменять не залазя В сам index.html, а изменяя текст этого отдельного документа. P.S. Попросила знакомая сделать сайтик в одну страничку, конечно, я не отказал, сделал все красиво. Но дело в том что она хочет сама его обновлять. Казалось бы что бело плевое,- открыл index.html блокнотиком поменял текст, да и все! Ан нет! Это ж надо чтоб еще и кодировка на месте осталась!!! Такое простое дело , а как быть не знаю! Те CMS которые с нета можно скачать весят больше самого сайта, а после "а…

    Asked by ammiid99,

    0 votes
    3 answers

  14. Вопросы по шаблону DataLife Engine

    Доброго времени суток! У меня к вам вопрос. В общем, установил я шаблон сайта BookArchive (http://www.bookarchive.ru/). Так вот в чём вопрос: при публикации новости у меня возник вопрос связанный с процессом отправления новости. Ссылка на оф.сайт, где я увидел впервые этот шаблон, но и потом, собственно скачал. У меня к вам такой вопрос. У меня на DataLife Engine при публикации новостей возникают 2 ошибки: - "Заголовок не может быть пустым" - "Необходимо заполнить поле с краткой новостью" Хотя выполняю при этом всё вышесказанное. Помогите пожалуйста разобраться. Используется шаблон этого сайта - www.bookarchive.ru Ссылка на скачивание данного шаблона - http://webgraf.ru/…

    Asked by F_U_C_K,

    0 votes
    1 answer

  15. Проблема с div

    Здравствуйте, сразу скажу, что я начинающий и толком ничего не умею. Вопрос такой. Имеется div с абсолютным позиционированием: .main { position:absolute; width:100%; right:300px; height:400px; background-color:#0000CC; } На практике из-за тега right он как бы смещается влево, при этом уезжая за край окна браузера на эти 300px. Каким образом можно этого "уезжания" избежать, оставив неизменным отступ справа? При этом сам див должен быть динамическим. Пробовал использовать одновременно right и left без указания длины в сто процентов, но ie это дело не поддерживает и формирует в отличие от оперы ширину дива по его содержимому. Могу ещё сказать, что в левой части находится к…

    Asked by Счастье Ммм,

    0 votes
    10 answers

  16. Не изменяется высота родительского DIV-контейнера

    Всем привет! Столкнулся со следующей проблемой: -имеется родительский DIV контейнер middleMainBlock #middleMainBlock{ position:relative; border: 4px double black; margin: 0 auto; width:900px; background:#bffac1; top:-35px; } -имеются два DIV-ребенка этого контейнера lb и rb #lb{ float:left; width:513px; height:auto; background: #9dfaa1; } #rb{ float:right; width:367px; height:auto; background: #9dfaa1; } lb и rb расположены в горизонтальный ряд с помощью float'a. Загвоздка заключается в том, что высота родительского контейнера не изменяется в зависимости от высоты его содержимого, т.е. высоты rb и lb Кто подскажет в чем может быть дело?

    Asked by Ахиллес,

    0 votes
    3 answers

  17. Выпадающий список прикрутить скролл

    Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

    Asked by Feduch,

    0 votes
    6 answers

  18. рамочка не выходит

    Не получается сделать рамку путем задания стиля border для дива в <div class="main1">. Оговорюсь еще что сайт планирует тянуться во вертикале растягиваться будут <div class="box1"> поэтому указать определенную высоту нельзя что делать? Вот пример http://stars124.narod.ru/test1/ синяя полоска с верху это какраз рамочка которая должна идти сверху (... <html> <head> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <div class="main1"> <div class="head1"> </div> <div class="box1"> <div class="left1"> <br> <br> <br> </div> <div class="cont1"> &lt…

    Asked by stars,

    0 votes
    3 answers

  19. Выравние разного текста по верху блока

    Ребята, подскажите как текст разного размера выравнивать по верхнему краю в блоке, вот код: #telephone { position: absolute; right: 0; top: 140px; display: block; } #telephone p { color: #7540f8; font-family: Georgia; font-size: 18px; font-style: italic; font-weight: lighter; text-align: right; } #telephone p em { color: #ff0066; font-family: Georgia; font-size: 36px; } <div id="telephone"><p>+7 (xxxx) <em>xxx-xxx-xxx</em></p></div> Спасибо

    Asked by okunev2,

    0 votes
    10 answers

  20. 2 backgrounда

    Делаю меню для сайта, выглядит так: <ссылка1><ссылка2>, где "<" и ">" это изображения (menuL и menuR), подкладывающиеся под текст (background). Пишу: .menu a{ background:url(../img/menuL.png) left 2px no-repeat; background:url(../img/menuR.png) right 2px no-repeat; padding: 10px 15px 15px 15px; font:bold 20px/22px Arial, Helvetica, sans-serif; text-decoration:none } Второй бэкграунд заменяет собой первый и отображается лишь "menuR". (расстояние между ними большое и проблема не в "наложении") Как сделать 2 бэкграунд изображения в 1 css стиле? Заранее огромное спасибо!

    Asked by Dealer,

    0 votes
    4 answers

  21. Присвоить height значение переменной из JS

    Помогите разобарться, пожалуйста. Нужно автоматизировать процесс создания стиля. Чтобы высота была равна разрешению экрана. .style { width:100%; height: <РАЗРЕШЕНИЕ ЭКРАНА>; } JS код для определения ширины и высоты экрана нашёл здесь: http://www.perkoka.ru/article/40/793.html <script type="text/javascript"> if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } if (width && height) var str = width + " x " + height; else var str = "неизвестно"; d…

    Asked by StasFetisov,

    0 votes
    2 answers

  22. привязать img к бэкграунд

    img являеться частью бэкграунда. Как сделать чтобы img не выделялся.

    Asked by Chebas,

    0 votes
    6 answers

  23. Неправильный перенос текста в IE

    Здравствуйте. У самого пока что не хватает подготовки, поэтому буду очень благодарен за подсказку... Картинки с описаниями должны по идее отображаться блоками так (скриншот ff - все выглядит как и должно): Однако, если смотреть ту же страницу через IE, часть описаний уйдет за границы блоков: Пробовал смотреть другими браузерами - Opera 10 показывает все правильно (как и FireFox). Google Chrome ломает верстку в точности как и IE. Исходная страничка: http://quantum-kazan.ru/notebook_acer.html В данный момент будет выглядеть "причесанной", но добиться этого удалось только искусственно - расстановкой дополнительных пробелов в описаниях. Если грамотное решение трудоемко - по…

    Asked by Smith72,

    0 votes
    8 answers

  24. Футер в каждой ячейке таблицы

    Добрый день. Есть большая проблема, которая застопорила весь процесс работы. Существует таблица в 2 колонки с border-spacing: 5px; (cellpadding="5") Каждой td задана граница 1px В итоге получается некое подобие сетки по 2 блока одинаковой высоты в каждой строке. Соответственно, блоки в одной строке тянутся по высоте блока, имеющего максимальную высоту. Ниже пример одной из строк Количество текста в каждом блоке - неизвестно, по высоте - резина. В каждой ячейке может присутствовать блок дополнительных ссылок. Важно: их может и не быть. Т.е. например, в левом блоке они есть, а в правом - нет. Проблема заключается в том, что очень нужно, чтобы эти блоки ссылок ВСЕГДА распо…

    Asked by zoibana,

    0 votes
    5 answers

  25. НЕ пойсу в чем дело

    При XHTML верстке DOCTYPE Strict у мееня возникла проблема, которая заключается в том что при придании тегу div рамки в стилях CSS у меня отображается все нормально в браузерах, но как только я снимаю рамку с помощью которой наблюдаю месторасположение моего блока div у меня сразу же все изображение начинает ехать особенно в некоторых браузерах. Подскажите пожалуйста в чем может быть причина. Заранее огромное спасибо

    Asked by Romario1985,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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