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. Блоки div

    В блоке есть текст. Как сделать так, чтобы когда места в блоке не хватит, то блок увеличивал свою высоту?

    Asked by Alexzord,

    0 votes
    2 answers

  2. блоки в div-е уезжают вниз

    есть вот такой код: <html> <style> div.content { border: 1px solid #000; } div.content a.foto { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 295px; height: 110px; border: 1px solid #000; background: #d7e8fc; } div.content a.foto:hover { background: #a0a0a4; } </style> <body> <div class="content"> trololo<br> trololo<br> trololo<br> <a class="foto" href="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png"><img src="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png" /></a> <a class="foto" href="http://www.google.com.ua/intl/en_com/imag…

    Asked by stalker_2000,

    0 votes
    3 answers

  3. Блоки в IE прыгают на новую строку?

    Здравствуйте! Подскажите кто-нибудь пожалуйста? Такой код отображается по разному. В IE блоки прыгают на новую строку, при уменьшении размера окна. Что можно сделать, чтобы они стояли неподвижно? .news{ height: 272px; width:190px; float:left; background-color:red; } .content_menu{ width: 660px; background-color:green; } .text_block{ float: none; background-color:#333; width: 750px; height: 500px;} <div class="news">dfgdgfsd adf ad fasdif aisudfo aiu</div> <div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1> uhaifu haiufh aiue fau ef</div> <div class="text_block">dfgdgfsd adf ad fasdif a…

    Asked by Victor_One,

    0 votes
    6 answers

  4. Блоки в две колонки

    Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.

    Asked by BIOHAZARD,

    0 votes
    1 answer

  5. Блоки в лисе уезжают в подвал

    Че-то давно не писал. Вот наткнулся на любопытный глюк в лисе 2.0.0.18 Ссылка ИЕ все оки. В лисе вверху только один товар, все остальное улетает в подвал. Что делать?.

    Asked by PaLyCH,

    0 votes
    6 answers

  6. Блоки в ряд по горизонтали (выход за границы экрана)

    Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

    Asked by haiatov,

    0 votes
    2 answers

  7. блоки в строчку

    Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…

    Asked by Kos87,

    0 votes
    8 answers

  8. Блоки внутри блока и hover на всю ширину основного блока))))

    Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3

    Asked by CatInTheBread,

    0 votes
    2 answers

  9. блоки внутри таблиц

    У нас верстальщик в компании делает на сайте одну большую таблицу а в ячейках уже например идут блоки - например блок для меню, блок подвал и т.д. Скажите есть ли смысл заморачиваться там с блоками - ведь большая таблица убирает их преимуещства. Ведь у таблицы надо ждать закрывающийся table

    Asked by alex90aa,

    0 votes
    3 answers

  10. Блоки вразнобой и фон по наведению

    Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?

    Asked by Kr1og5n,

    0 votes
    3 answers

  11. Блоки выбора категорий

    Здравствуйте, подскажите как сделать такой выбор категорий новостей как на _http://www.yahoo.com/ Там где "Featured Entertainment Sports Video" Только без ajax Спасибо

    Asked by Viktorovich,

    0 votes
    4 answers

  12. Блоки вылазят за рамки макета

    Есть 2 блока расположенных в линию. При уменьшении ширины окна браузера блоки вылазят за рамки макета. Как это исправить? http://test.parkes.org.ua/diseases/varicosity.php .inline, .slider-wrapper { display:inline-block; vertical-align:top; max-width:49%; }

    Asked by apexis,

    0 votes
    1 answer

  13. Блоки выпадают из потока

    http://ucpb.org/new/index.html Див content имеет два вложенных блока, но почему-то они из него выпадают, причем из body тоже выпадают. Как бороться?

    Asked by Sevkov,

    0 votes
    2 answers

  14. Блоки друг за другом

    Добрый день, форумчане. Возник такой вопрос, сейчас верстаю статичные страницы сайта, оформляю заглавную, вроде бы все не сложно, но. Необходимо поставить два блока друг за другом, в ряд, + так, что бы они оставались по центру страницы. На данный момент решения я до сих пор не придумал, для показательности того, что я хочу, я вписал в таблицы стилей: "position"; результат. Интересующие блоки - "Актуальные новости". На тематику и графическое оформление прошу не обращать внимания, она была выбрана случайна и накалякана просто так

    Asked by LostCost,

    0 votes
    3 answers

  15. Блоки едут почему-то. Нужна помощь

    Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

    Asked by miloslovesky,

    0 votes
    2 answers

  16. блоки и текст

    Привет Всем. Прошу не пинать сильно, друзья попросили сваять чего нить простенькое для личной странички в нете, сам я далёк от хтмл-верстанья. Но вот скачал шаблон, подключил его к модексу. И нужно его немоного изменить под свои нужды. В общем вопрос такой чтобы сразу много времени не занимать - Возможно ли продолжение текста в соседнем блоке? Ну или объединение блока текста с соседним блоком... В общем вот нашёл я этот шаблон http://www.templatemo.com/preview/templatemo_106_travel, вот мне нужно убрать этот пункт Popular Destination и что бы заместо него шёл текст с середины сайта как бы до самого конца, ну заканчивался примерно где то на уровне кнопки view all было бы з…

    Asked by ustas,

    0 votes
    5 answers

  17. Блоки Исчезают в ИЕ

    Ребят.помогите,немогу понять,как так происходит? Вобщем я када пишу position: absolute; в Блоках stolbseredina и stolbright,то в ИЕ они сразуже исчезают.кабута бы их и небыло,а в ФФ всё ок..немогу разобраться ,почему так? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> html,body { margin:0; padding:0;} body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(images/fon22.gif); } .carcas{ width:100%; height:820px;…

    Asked by psywalker,

    0 votes
    4 answers

  18. Блоки картинок

    Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем. <style type="text/css"> .thumbnails { margin: -3em 0 0 -2em; text-align: center; } .thumbnail { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; } .thumbnail .r { width: 14em; float: left; } </style> <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br /> прреп «<a href="#">апвр&l…

    Asked by Rambo2045,

    0 votes
    1 answer

  19. Блоки каталога одинаковой выосты

    Стоит задача: сверстать модуль "Отели" таким образом, как показано на изображении. Требования к верстке: 1) все блоки имеют равную высоту (определяется по самому высокому блоку) 2) при ширине окна > 1260 должно отображатся 4 блока на одном уровне, при < 1260 - три. Испробовал много различных подходов, и остановился-таки на таблицах.Но теперь возникла следующая проблема: таблица имеет специфику, что все ячейки адаптируются на ширину 100% и не получается выполнить перенос (например, задав 50% ширину каждому блоку) блоки адаптируются под ширину внешнего контейнера (display: table). Возможно ли исправить эту проблему в таблицах или следует использовать другой метод? …

    Asked by gekas,

    0 votes
    4 answers

  20. Блоки на одной линии, картинки и тексты

    Привет ребята. Подскажите как сделать так, чтобы разместить картинку а напротив неё текст. Мне надо чтобы в мобильном варианте. Текст уходил под картинку. Сейчас стоит Wordpress и всё это дело в таблице. В мобильном виде, картинка становится маленькой а текст большим и столбик узким. Вот такая вот шняга. Парни. Нужно в общем картинку сделать над текстом и чтобы текст меньше становился в мобильной версии то. Ну ладно фиг с ним с размером текста. Картинка тоже сойдёт. В общем внизу 5 таких секций. Вот код кодыч <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td style="wi…

    Asked by freeliman,

    0 votes
    2 answers

  21. Блоки на одном уровне

    кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?

    Asked by yaparoff,

    0 votes
    6 answers

  22. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63,

    0 votes
    3 answers

  23. Блоки наезжают друг на друга при просмотре со смартфона bootstrap

    Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?

    Asked by cactusyou,

    0 votes
    5 answers

  24. Блоки налезают друг на друга

    Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …

    Asked by ProMira,

    0 votes
    1 answer

  25. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG,

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