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 и css). <!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="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="…

    Asked by breezyday27,

    0 votes
    4 answers

  2. Оцените плиз верстку лендинга...

    Оцените плиз верстку лендинга... вот адрес http://frontend-dev.net (опыт верстки 6 мес..). Напишите свои отзывы, пожелания... Заранее спасибо!!!

    Asked by pashabpv,

    0 votes
    13 answers

  3. Оцените пожалуйста

    Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от стате…

    Asked by sm0k,

    0 votes
    0 answers

  4. оцените пожалуйста верстку!

    сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход…

    Asked by olechic,

    0 votes
    2 answers

  5. Оцените простенькую вёрстку.+ несколько вопросов.

    Добрый день. Я новичок и мне очень интересно ваше мнение о вёрстке 1 странички сайта. Пока я его делал всё время было ощущение, что можно сделать что-то лучше и что я не знаю каких-то вещей которые смогут облегчить или оптимизировать задачу, думаю это вполне резонно. Т.ч. мне бы хотелось узнать ваше мнение о общей картине (причём прошу не делать сильный акцент на том, что я недавно занимаюсь версткой) и текущей кроссбраузерности, что бы избежать ошибок в дальнейшем. Извиняюсь если css покажется вам кашей=) Сайт:http://test-shmest.besaba.com/ Сайт оптимизировался под ie8. Смотрел на последних версиях хрома и мозилы. Не достаточно, но с другими браузерами думаю будет горазд…

    Asked by Speel,

    0 votes
    3 answers

  6. Оцените работу новичка

    Здравствуйте всем. Я начинающий верстальщик, мне 22 года. Изучил HTML, CSS, в javascript еще полностью не вник, и все. Недавно сверстал один бесплатный шаблон для практики, нашел в сети, где то дня 3 или 4 потратил, делая понемногу. Проверял только на пяти браузерах последней версии. Хочется оценки со стороны профессионалов, и конечно же критики по больше, по строже. Этот примерный сайт не доделан до прям рабочего состояния. Сверстан приблизительно. Ну, короче, выставляю на всеобщее обозрение Вот ссылка: http://mdop.yolox.net/ Ссылка на макет (картинка): http://mdop.yolox.net/NatGeo-Redesign.jpg PSD отсюда: http://www.freepsd.ws/104-psd-maket-national-geogra…

    Asked by modfop,

    0 votes
    30 answers

  7. Оцените работу пожалуйста!

    Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы

    Asked by li4e,

    0 votes
    9 answers

  8. Оцените решение

    Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> …

    Asked by mnstrsound,

    0 votes
    14 answers

  9. Оцените решение прибивания футера.

    Ни один из существующих способов мне не нравится. Решил делать все методом научного тыка. У меня футеры хедеры и т.д. имеют общую высоту 111px. За минимальный размер браузера принимаю 800х600 px. Установил min-height: 489px; для среднего блока с контентом. Это минимальная высота 800px минус сумма высот остальных блоков 111px. Получается что при разрешении 800х600 все выглядит идеально. При большем разрешении, под футером появляется место пустое. Установил цвет фона окна под цвет футера. Теперь получается что при изменении разрешения создается видимость изменения размера футера. Если учесть что страницы будут наполнятся контентом, то это вроде бы вполне приемлемо. Вариан…

    Asked by Ururu,

    0 votes
    7 answers

  10. Оцените сайт

    Сайт - http://kupon4u.ru/ Хотелось бы услышать мнение форумчан о дизайне, удобстве сайта. Чего не хватает, или что то лишнее... Заранее спасибо. фу ты не в ту тему написал, сори

    Asked by Demeus,

    0 votes
    3 answers

  11. Оцените сайт объективно на ошибки

    Можете пожалуйста указать на ошибки, корректность кода, качество адаптации. http://plitka20x20.h1n.ru/n3/

    Asked by aqua.77,

    0 votes
    2 answers

  12. Оцените семантику

    Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…

    Asked by Mr.Smith,

    0 votes
    8 answers

  13. Оцените форму регистрации.

    http://webmastamakewebsite.url.ph/ Делал по этой http://htmlbook.ru/practical/forma-registracii

    Asked by RuslanHeYca4ev,

    0 votes
    17 answers

  14. Оцените, плз

    Доброго времени. не знаю, честно гря на сколько это тут принято. я не заинтересован рекламировать сайт, мне просто нужны подсказки, т.к. он первый мною-за-деньги-сделанный. контент внутренних страниц - тестовый. luxart.kiev.ua

    Asked by Fioletov,

    0 votes
    6 answers

  15. Оцените, пожалуйста, верстку

    P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.

    Asked by alxick,

    0 votes
    0 answers

  16. оценить степень оптимизации страницы

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

    Asked by cyklop77,

    0 votes
    3 answers

  17. оценка работы

    хотел поинтересоваться,когда я сверстаю сайт для учёбы,куда и как мне его выложить,чтобы люди тут его оценили.Заранее спасибо)

    Asked by Andrue-Selen,

    0 votes
    2 answers

  18. Оцентровка меню по внутренний блок

    Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. http://oxvo.ru/ видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, блока. Собственно, вот кусок кода: #sideviewtoggle {display: none;}.no-menu-msg {color: #FFF;font-size: 16px;line-height: 20px;padding: 20px 40px;text-align: center;}.secondary-navigation {width: 100% !important;box-shadow: 0 1px 5px rgba(0,0,0,0.2);-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-ms-box-shadow: 0 1p…

    Asked by oleg198801,

    0 votes
    4 answers

  19. очень большая проблема

    сайт www.praypeople.ucoz.ru проблема в том что платформа от ucoz и "реклама begyn" какимто образом повлияла на страницу тепер она не в центре а прижата к левому боку, отображается это тока IE в Opere все хорошо, что надо отредактировать или добавить? Заранее спосибо! .container { width: 960px; background: #FFF; margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет */ } p.s если знаете как перекрыть полный доступ рекламе напишите пожалуйста буду очень благодарен!

    Asked by vladbadhero,

    0 votes
    1 answer

  20. Очень важно! Искал не нашел...

    Ребят, помогите пожалуйста. Вроде находил похожие темы, но не находил нужного мне ответа. Сам сайт создать не могу - пока не хватает знаний, поэтому взял с uCoz вот этот готовый шаблон, т.к. он неплохой на вид и шапку легко заменить (единая-не поделенная на куски), вот только проблема в том, что ползунка прокрутки темы нету снизу и страница растянута, я понимаю что если ставить пробелы растягиваться страница не будет, но а как быть с большими рисунками? В общем как мне сделать, что бы тема была в своей ячейке и не вылазила за края, а края страницы оставались по краям браузера при увеличении страницы (ctrl+) и изменении разрешения экрана.

    Asked by Levis,

    0 votes
    1 answer

  21. Очень длинное название в выпадающем меню

    Всем доброго времени суток. Сразу признаюсь, я самый, что ни есть новичок Делаю сайт на стандартном шаблоне Joomla (rhuk_milkyway). Закачал модуль горизонтального выпадающего меню. Всё получилось. Но в подменю у меня длинные названия, очень, которые нельзя сократить. Некоторые должны отображаться в 3 и даже 4 строки. А у меня одна длиннющая Что в css отвечает за перенос текста? Или необходимо где-то указывать определенный размер подменю? Воощем, что вставлять и куда вставлять не знаю!!! Поможете? P.S. Обещаю исправить своё невежественное отношение к css методичным самообучением. Просто сроки поджимают. Обещал подарить сайт... Если я правильно понимаю, это css моего меню: …

    Asked by atom,

    0 votes
    14 answers

  22. Очень крутое слайдшоу

    Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru

    Asked by Eugenice,

    0 votes
    2 answers

  23. Очень медленный скроллинг в #scroll-zone (2й слайд)

    Нормальный скроллинг: https://jsfiddle.net/Teamur/rju47q7n/ Очень медленный скроллинг в #scroll-zone (синий слайд)! Почему и Как решить? https://jsfiddle.net/Teamur/fxx65y14/4/

    Asked by Teamur,

    0 votes
    1 answer

  24. Очень непростая задачка

    Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …

    Asked by AssaCSSin,

    0 votes
    3 answers

  25. Очень нубский вопрос по HTML =)

    Вобщем есть 2 кода счётчика, назовём их "X" "Y" Нужно сделать чтобы они шли не друг под другом, когда я ввожу в модуле Joomla 1.5.14 произвольный HTML код, а в строчку Всё это должно быть в div'е Заранее спасибо =)

    Asked by Duveloper,

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