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. Вертикальное центрирование блочных эелементов

    приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…

    Asked by alexshvarts,

    0 votes
    14 answers

  2. Совсем нубский вопрос про вёрстку div`ми

    Всем привет Помогите, пожалуйста, разобраться. Есть такой пример вёрстки (он же одним архивом) Как сделать так, чтобы: 1. Во втором ряду блоки, отмеченные красным могли растягиваться, в зависимости от ширины браузера? Т.е., чтобы те блоки, которые чёрным цветом были фиксированной ширины, а боковые подстраивались бы под размер окна? 2. Чтобы Все блоки во втором ряду были статичной ширины, а тот, который называется "блок2" мог тянуться на всю длинну браузера? Заранее спасибо!

    Asked by _SD_,

    0 votes
    1 answer

  3. вопрос по структуре сайта

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" [color=#CC0000]xml:lang"en" lang"en"[/color]> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" [color=#FF0000]/[/color]> <meta http-equiv="X-Ua-Compatible" content="IE=EmulateIE7" [color=#FF0000]/[/color]> <meta name="title" content="Название сайта" [color=#FF0000]/[/color]> <meta name="keywords" content="ключевые слова" [color=#FF0000]/[/color]> <meta name="description" content="описание сайта" [color=#FF0000]/[/color]> <title> наз…

    Asked by dauren300,

    0 votes
    2 answers

  4. 2 div'а поверх div

    не знаю как это сделать, есть 3 дива и картинка, необходимо положить в основной див картинку и оставшиеся 2 поверх картинки Синим цветом основной вив в котором всё распологается Жёлтый цвет - картинка Красным те самые 2 div'а выступающие в роли кнопок пробовал z-index'ом но всё равное не получилось =( помогите пожалуйста, если вопрос на форуме повтор, извините. но я правда искал

    Asked by colaacaa,

    0 votes
    1 answer

  5. как убрать подчёркивание ссылки

    как убрать подчёркивание ссылки? что прописать надо? сервер ucoz сайт praypeople.ucoz.ru <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>

    Asked by vladbadhero,

    0 votes
    1 answer

  6. помогите в прокрутке новостей

    сама страница www.praypeople.ucoz.ru проблема в том, что новости с прокруткой не так работает, в Opere прокрутка справа в Internet Explorer появляется нижняя прокрутка, не могу составить правильную прокрутку помогите пожалуйста очень прошу. в самом низу код на на новости $LAST_NEWS$ я щитаю что дело в margin: 0 auto; у меня он рапространяется на все "формы" удалив в "форме, margin: 0 auto;" с окном на новости, распадается вся страница... я прошу малого тока чтобы прокрутка отображалась коректно с правого края и всё вот в этой "форме" "новостей" я менял всё подряд не чего не помагало... body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; m…

    Asked by vladbadhero,

    0 votes
    6 answers

  7. Как разместить текст по краям ячейки

    Здравствуйте, помогите пожалуйста, как разместить два слова по разным сторонам ячейки в таблице (в подвале) страницы? В IE два слова уже находятся по разным краям ячейки, а в FF второе слово находится только немного правее центра ячейки. Разношу слова в разные стороны ячейки вот таким способом -

    Asked by pattaya,

    0 votes
    2 answers

  8. BLOCKQUOTE ошибка в валидаторе

    из за тега BLOCKQUOTE много проблем у блога в блоггере, при использование этого тега появляется ошибка в валидаторе, незнаю как исправить, может кто поможет? пишет так: document type does not allow element X here; missing one of Y start-tag Line 1072, column 2168: document type does not allow element "blockquote" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …pan><span class="fullpost"><blockquote>После установки программы ВебМани Кипер… Ещё я заметил когда использую BLOCKQUOTE в сообщениях, то в браузере Хром, нарушается работа под ката, который используется через тег span. И мне приходится писать сообщения пр…

    Asked by virgin,

    0 votes
    6 answers

  9. position:absolute за пределы окна монитора

    Как сделать так чтобы position:absolute за пределы окна монитора не приводило к появлению прокрутки? Заметил любопытную вещь: при задвиге слоя за левую границу монитора горизонтальной прокрутки не возникает, при задвиге же за правую возникает. Простейший пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>Пример</title> <style> DIV.primer1 { width:100px; height:100px; background-color:#F00; position:absolute; top:0px; left:-50px; } DIV.primer2 { width:100px; …

    Asked by Колос,

    0 votes
    7 answers

  10. 2 проблемы при верстки меню

    Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…

    Asked by Juice,

    0 votes
    13 answers

  11. IE: Не отправляется форма, если кнопка image

    Проблема с Internet Explorer. Не отправляется форма, если кнопка image, если же обычный submit, то нормально отправляется. Вот объявление формы: <form action="/on-line" method="post"> ... Вот коды кнопок: <input type="image" class="image" src="/send.gif" value="Отправить" name="go"> <input type="submit" value="Отправить" name="go"> Помогите пожалуйста, впервые с таким столкнулся. — Версия IE8 эм.. понял IE не отправляет имя кнопки в POST а отправляет имя_x и имя_y

    Asked by warobushek,

    0 votes
    0 answers

  12. Помогите плиз

    Есть сайт. Глючно отображается подпись компании на яндекс карте. Проблема явно из-за верстки. Хочеся поправить, да что то знаний не хватает пока. Почему отъехал крючок вверх, это я вроде нашел, там margin стоял 10px. Вот. А почему идут линии белые, не ясно. Ясно что это скорей всего бордеры таблицы. Но что то я пока их не как не могу нащупать. Помогие плиз. Может у Вас что нибудь получится. Ссылка на страницу с косяком: http://www.rusdor.biz/contacts/. Скриншот прилагаю.

    Asked by Igorpurgen,

    0 votes
    6 answers

  13. Форма + кнопка в ие6

    Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд. Html: <form class="seacrh" action="#"> <h2>Search</h2> <input id="line" type="text" value="" /> <input id="button" type="submit" value="" /> </form> Css: #main form { float:left; padding-left:20px; } #main form h2{ color:#FFFFFF; font-size:16px; padding-top:15px; font-weight:bold; } #main form #line{ background-image:url(form.png); background-repeat:no-repeat; width:170px; height:21px; border:none; color:#FFFFFF; float:left; padding-left:5px; padding-top…

    Asked by Joyfit,

    0 votes
    9 answers

  14. центровка блока с "absolute" элементами внутри

    Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…

    Asked by Archi_xxx,

    0 votes
    13 answers

  15. Помогите блондинке ))) с HTML

    Проблема в том что не могу сделать чтобы все три колонки были на одном уровне ровно в таблице. Помогите ка можно решить эту проблему? :rolleyes Хотела добавить скрины сюда но не знаю как

    Asked by Enigmochka,

    0 votes
    7 answers

  16. Криво. Предварительный просмотр страницы при печати

    Привет всем. Не могу понять, в чем проблема. Есть страница http://www.domzagranicey.com/catalog/offer/index.php?ID=4 Подключил файл для печати: http://domzagranicey.com/css/print_details.css Если отправить эту страницу на предварительный просмотр перед печатью и поставить печать 100% ширины, то первый лист почти пустой, только логотип виден и карту становится не видно. Вроде бы float везде убрал, где это мешало.

    Asked by BassEast2,

    0 votes
    3 answers

  17. Как сверстать нахлёстом

    Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.

    Asked by dimacat,

    0 votes
    22 answers

  18. Не приходят данные на емайл введеные на форме сайта.

    Написал простую форму, указал переменные на php файл в котором указал емайл куда должны будут переходить инфа с формы сайта, письмо приходит но не отображается инфа введеный пользователем. Что не так сделал? пхп файл <? if(!isset($ch1)) {$ch1="нет";} if(!isset($ch2)) {$ch2="нет";} mail("test@pochta.ru","Заказ диска","Человек по имени $fio указавший пароль $pass указал свой емайл - $email, выбрал вариант носителя $disc, указал, что он хочет видеть на диске следующие курсы:\n Курс по созданию сайтов - $ch1 \n Курс по созданию книг - $ch2 \n указал тип доставки - $delivery в качестве домашнего адреса и примечаний указал - $add_text." ); ?> форма <form action="…

    Asked by dauren300,

    0 votes
    5 answers

  19. Разметка страницы для печати на принтере

    Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…

    Asked by 550953,

    0 votes
    6 answers

  20. Центровка бэкграунда с обрезкой под 1024px

    Добрый день! Подскажите, пожалуйста, можно ли разместить бэкграунд на 1200px так, чтобы при разрешении 1280*960 он просто центрировался, а при разрешении в 1024*768 центрировался так, чтобы оба его края (не просто правый край на 176px, а слева 88px и справа 88px) при этом обрезались без возможности скроллинга? Условный макет . Текущий код такой (он делает только центровку, без обрезки краёв): <body style="background: #dcd3b0"> <table width="auto" border="0" style="background: #dcd3b0; margin:auto; align:center; "> <tr> <td height="auto" style="background: #dcd3b0 url(img/VERH_SVITKA.jpg) no-repeat center top;"><img height="90px" width=…

    Asked by Luminar,

    0 votes
    2 answers

  21. Текст убегает с DIV блока

    Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…

    Asked by romawka_ural,

    0 votes
    3 answers

  22. Горизонтальный скролл в IE

    В опере - нет, в ФФ - нет, в хроме - нет. В IE8 - есть. Проблема в верхней части страницы, два блока с мороженым (слева и справа) растягивают страницу, не смотря на то, что для контейнера #main_cloth задано overflow:hidden; Вот страничка, логин/пароль km

    Asked by d0ublezer0,

    0 votes
    19 answers

  23. Вёрстка под joomla

    Всем привет. Подскажите как верстать шаблоны под joomla. Нигде немогу найти информацию. Вероятно ответ грамозский, поэтому я бы был доволен о знании интернет ресурсов по этой теме, конечно неотказался бы и от каких-нибудь нюансов, кратких оссобенностей.

    Asked by AxOn,

    0 votes
    2 answers

  24. Помогите с divaми

    Такая проблемка. Есть 1 див внутри другого. (indent внутри header) <div id="header"> <div class="indent"></div> </div> #header { height:670px; background:url(img1.jpg) bottom left no-repeat; } .indent { width: 962px; height: 466px; background:url(img2.jpg); } Нужно, чтобы img1 перекрывала img2, никак не получается это сделать. Подскажите, что еще нужно в css добавить?

    Asked by vasyapupkin89,

    0 votes
    4 answers

  25. не могу догнать одну вещь

    все ссылки на сайте серого цвета. но мне надо выделить ряд ссылок зелёным. добавил класс blank, выглядит так: .blank{ color:#AFD532; //зелёный цвет text-decoration:underline; } a{ color:#535457; //серый цвет text-decoration:underline; } в самом редактор (drupal) если пишу код вида <a href="http://www.fps-catalog.com.ua/" target="_blank" class="blank">on-line catalog</a> то элемент class="blank" не сохраняется... и цвет не меняется а если взять тэг а в div или span и приставить к ним всё тот же class="blank" - ничего не происходит(( подскажите что делать в этом случае?

    Asked by tok24ua,

    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