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. HTML редактор

    Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!

    Asked by olechic,

    0 votes
    7 answers

  2. Ширина для линейных элементов

    Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…

    Asked by AltCtrlDel,

    0 votes
    2 answers

  3. Плавающие блоки выходят за пределы родительского

    Всем привет! Вопрос может слишком просто но все же! У меня есть родительский блок в котором 2 плавающих блока (float:left) как мне сделать так что бы они не вылазили за пределы родительскго. Т.е что бы при увеличении вложеных блоков увеличивался и родительский! Я знаю что можно использовать свойство clear: both. Но это свойство должно не родителю! В общем у меня чего то не получается!

    Asked by kent666,

    0 votes
    4 answers

  4. Список li в несколько колонок

    Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…

    Asked by ShumNo,

    0 votes
    11 answers

  5. как в <input type="text" /> описать href и style hand

    Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …

    Asked by yok,

    0 votes
    4 answers

  6. проблема с google chrome, пропадает clear: both

    Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.

    Asked by Mich,

    0 votes
    4 answers

  7. Создание градиента. Вопрос в личку.

    Мне в ПМ пришел вопрос следующего содержания: Не буду называть ник человека без его разрешения. Я предлагал администрации создать небольшой раздельчик, в котором освещались бы вопросы работы с графикой. Пока его нет (или если его вообще не будет) на подобные вопросы буду отвечать здесь, как в наиболее подходящем по тематике. Итак, что касается вопроса с градиентом. Первое - не надо изобретать велосипед, если он уже изобретен в виде инструмента (если мы касаемся растра) - Gradient Tool 1. Нажимаем Ctrl+N, чтобы все было наглядней возмем площадь побольше, например 1000х800 пикселей. Цвет оставляем белый. 2. К примеру нам надо сделать градиент, который намекал бы нам на …

    Asked by Verder,

    0 votes
    31 answers

  8. Страница "уезжает" влево

    Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

    Asked by Garfunkel,

    0 votes
    2 answers

  9. HTML код

    Столкнулся с такой проблемой. Мне нужно оформить страницу так, чтобы по была не ссылка а фото и по нему заходить по уже скрытой ссылке.Хочется сделать все красиво. Проблема в следующем....на одном сайте все отлично а на др. не проходит. Может есть универсальный код? А делаю я примерно так загружаю фото на фастпик и помещаю ссылку в код там где есть и ссылка на саму страницу. Может теги не все верны. Подскажите кто знает какие варианты давно хочу разобраться с этой процедурой раз и навсегда!?

    Asked by Cergei1010,

    0 votes
    3 answers

  10. div.hover

    имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?

    Asked by Twilight_Sparkle,

    0 votes
    3 answers

  11. overflo:auto+position:fixed+IE7==BSOD?

    Цитата отсюда: Как у меня сейчас: #snipDIV { position: fixed; ...<прочие css-свойства для snipDIV>... overflow-y: auto; } Согласно отквоченному выше при загрузке страницы со snipDIV в IE7 я должен получить чуть ли не BSOD! Ну прямо "чистого" IE7 у меня нет, а вот в IE9 в режиме "эмуляции" IE7 (F12->Document mode=IE7 standards) страница грузится без проблем. И если нужно - все скролится. Есть у кого какой опыт по наблюдению данного бага в реальности? Косвенно, как видите, не подтверждается. Кстати - даже по Task Manager засек нагрузку на CPU в момент запроса такой страницы. Нет там ничего сногсшибательного, 6-8% загрузки CPU. Откуда вообще отквоченная инфа…

    Asked by Indy7,

    0 votes
    3 answers

  12. Проблема при отображении фонового рисунке в ИЕ 6

    Всем привет! У меня есть html <div class="footer_bottom"> <div class="footer_bottom_left"></div> <div class="footer_bottom_right"></div> </div> и css .footer_bottom{height: 11px; background: white;} .footer_bottom_left{float: left; height: 11px; width: 11px; background: url(images/content_bottom_left.jpg) no-repeat;} .footer_bottom_right{float: right; height: 11px; width: 11px; background: url(images/content_bottom_right.jpg) no-repeat;} Все вроде бы работает нормально, но не в ИЕ 6. фоновый рисунок в .footer_bottom_left .footer_bottom_right смещаются каким то образом вверх на н…

    Asked by kent666,

    0 votes
    0 answers

  13. закрепить изображение

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

    Asked by maa,

    0 votes
    0 answers

  14. фонофое изображение

    добрый день. Фоновое изображение по ширине должен растягиваться на 100% ширины окна браузера(по высоте – пропорционально растяжению по ширине). Центр фонового изображения должен оставаться на одной и той же высоте. Таким образом, при большой ширине окна браузера верх изображения должен «срезаться» верхним меню; низ – белым градиентом; пропорции должны оставаться неизменными. можно ли как-то закрепить центр изображения? оО можно ли как-то обрезать изображение (вложенное в блок тегом img)?

    Asked by maa,

    0 votes
    6 answers

  15. подложка подвала

    очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …

    Asked by maa,

    0 votes
    1 answer

  16. объясните поведение блока

    Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?

    Asked by stalker_2000,

    0 votes
    2 answers

  17. Какие косяки могут быть с "position:relative"?

    В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?

    Asked by Nanto,

    0 votes
    0 answers

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

    Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />

    Asked by Saturn,

    0 votes
    4 answers

  19. Не знаю как разместить надпись по центру

    Как можно сделать надпись по центру по вертикали: Верстала следующим образом: <td><div class='navigation'><a href='#' class'navigation'>Розма</a></div></td> Фон задан для ссылки,поэтому,если пытаюсь делать отступы,то двигается всё. Что делать?Помогите,пожалуйста.

    Asked by IrkaLulka,

    0 votes
    5 answers

  20. Оптимизация шаблона для Joomla 1.5

    Для того, чтобы в шаблоне выводились, скажем, автор статьи, дата создания, заголовок страницы, используются следующие классы: <div class="small">, <div class="createdate">, <div class="contentheading">... Какие вы, господа, знаете еще? Имхо, это будет вполне полезная инфа для многих.

    Asked by galaystra,

    0 votes
    1 answer

  21. :link и отделение якорей от внеш.ссылок

    Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?

    Asked by bot87,

    0 votes
    3 answers

  22. <style> внутри <body> XHTML 1.0

    Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <style type="text/css"> <![CDATA[ #order-form { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 15px; } .a { font-weight: bold; border-bottom: 1px solid #000000; padding: 0 10px 0…

    Asked by DiMMK4,

    0 votes
    2 answers

  23. Список в несколько колонок

    Хочу сделать несколько блоков стоящих рядом, количество заранее не известно. Они должны быть отцентрованы. То есть то, что выделено зеленым, было одинаковой ширины: (линк по превью переводит просто на большое изображение, а не на радикал)) Если окно уменьшаем, то снова зеленое остается одинаковым, но не обязательно равным тому, что в предыдущей картинке. И не должно быть так, что если количество блоков не кратно числу, что влезает в строку, то в нижней строке все уползает по центру. а было бы вот так: У меня самой получился только не правильный вариант, что все становится по центру... Может кто-то сталкивался с подобным случаем? Заранее мерси)

    Asked by Nadyu,

    0 votes
    6 answers

  24. Шаблон не вытягивается!:-(

    Уважаемые верстальщики! Помогите мне в решении проблемы! Уже всю голову сломал. Хотел сам допереть, что я делаю не так, да только все без толку... Я только учусь, поэтому не судите строго, это мой первый шаблон, который пытаюсь сделать самостоятельно! Я думаю, что это довольно распространенная проблема и другим так же полезно будет услышать отзывы профессионалов. Если возникнут какие-нибудь дополнительные замечания, я буду только рад их выслушать! Заранее спасибо! Вот ссылка на сайт. Да, мне нужно, чтобы по мере наполнения контентом, в шаблоне вытягивались параллельно блок для модулей и фоновое обрамление (картинки по бокам). Я пытался решить эту проблему путем добавлени…

    Asked by galaystra,

    0 votes
    0 answers

  25. Высота ячейки по содержимому

    Помогите, я уже совсем запуталась) У меня есть таблица из двух колонок. В первой колонке одна строка (rowspan="2"), во второй - две строки. Во второй колонке первая ячейка получается слишком высокой, а текст второй ячейки уползает вниз. В итоге между ними белое пространство. Как сделать чтобы первая ячейка была ровно по высоте своего содержимого (заранее высоту я не знаю).

    Asked by Nadyu,

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