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. пару проблем

    вот что я сверстал http://auto.com.preview.ihc.ru/ такие вопросы: 1.как сделать, чтобы при 110% текст не убегал? 2. кнопка "заполнить опросный лист" как сделать, чтобы при hover эта картинка заменялась на другую, например такого же размера, только другого цвета ну и какие еще замечания?

    Asked by kl09,

    0 votes
    3 answers

  2. Паспарту

    Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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=windows-1251"> <title>Паспарту</title> <style type="text/css"> .paspartu p { float: lef…

    Asked by Vlad,

    0 votes
    14 answers

  3. Паспарту с текстом

    Здравствуйте! Занимаюсь дизайном собственного сайта об автомобилях (Пример проблемной страницы), а так как сайт научно-популярный, то кроме паспарту делаю подрисуночные надписи, но их текст искажает размеры паспарту. Хочу, чтобы текст не выходил за границы рисунков. Как вариант можно фиксировано задавать ширину каждого блока, но все рисунки разного размера - это очень трудоёмко. Кусочек html кода с рисунком <div class="picturebox"> <img src="umenchenie_massy_auto/dvigatel.jpg" alt="Двигатель, расположенный в задней части автомобиля в едином блоке с коробкой передач и главной передачей" title="Двигатель, расположенный в задней части автомобиля в едином блоке с …

    Asked by Red_baron,

    0 votes
    4 answers

  4. Патсцаны!

    Не могу задать координаты распологающихся картинок. Задаю при помощи ксс, постоянно задаю направление, которое мне ужно, у меня становится все на свои места, но у других мониторов все по-другому. Мое разрешение - 1680х1024. У более мелких мониторов все сливается либо уходит в другую сторону... Если есть люди добрые, то прошу стукнуть в аську или скайп: аська: 91400009, скайп: jenek0796 Вознаграждение за помощь - будет!

    Asked by BrandyLip,

    0 votes
    0 answers

  5. Паттерн изображения с разными частями цветов

    У меня есть узор, который используется в кач-ве бекграунда. Так вот есть секции, которые имеют другой цвет. Можно ли как-то сделать так, чтобы узор шел цельным и были разные цвета, ромбиков, так и дивов. Я пытался поставить поверх див с белым цветом, но он полностью закрывает узор. Если делать див с прозрачностью, то это уже не абсолютно белый цвет(0xffffff) получается. Вот скриншот с макета в фотошопе. А вот кусок css body { background: url('../img/bg.png') #000;}

    Asked by helio,

    0 votes
    5 answers

  6. Пауза/продолжение css3 анимации

    http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?

    Asked by Zverushka,

    0 votes
    7 answers

  7. Педедача данных в js из строки таблицы

    Доброго времени суток, уважаемые! ни как не могу решить одну, казалось бы, даже не проблему. Есть динамически создаваемая таблица с данными из MySQL и в конце каждой строки необходимо установить кнопку, "Просмотреть информацию", код: <table> <?php while ($Tab = mysql_fetch_array($ResOtd)){ $name = $Tab['name_otd']; $addr = $Tab['address_otd']; $email = $Tab['email']; $IdOtd = $Tab['id_otd']; echo '<TR> <td>'.$name.'</TD><TD>'.$addr.'</TD><TD>'.$email.'</td> <td align="center"> <form method="POST" id="myform"> <input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td> …

    Asked by Павел Иванов,

    0 votes
    5 answers

  8. Первая html разметка по БЭМ

    Посмотрите пожалуйста разметку главной страници. А именно, правильно ли я понял суть именования классов по БЭМ. Только я для отделение элемента от блока использовал "_", а модификатор отделял "--" Ссылка на репозиторий: https://github.com/pashkes/olivia.git Скриншот макета в корне репозитория.

    Asked by Pashkes,

    0 votes
    0 answers

  9. Первая верстка

    Всем привет! Решил сверстать свой первый пробный макет. Сам по себе макет очень простой, но и тот вызвал некоторые сложности.. Вот сайт - http://probocha.ucoz.ru/index.html Проблема заключается в том, что при изменении масштаба блоки едут. Как с этим бороться? И заодно воспользуюсь случаем и попрошу обратить внимание на верстку в общем. Буду рад услышать ваши конструктивные комментарии. Спасибо огромное!

    Asked by Eskard,

    0 votes
    8 answers

  10. Первая верстка (ошибки)

    Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…

    Asked by toyboy,

    0 votes
    10 answers

  11. Первая верстка. Помогите сделать правильно.

    Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.

    Asked by Anonim_Khb,

    0 votes
    1 answer

  12. Первая вёрстка(+адаптивная)

    Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM

    Asked by ITMOfan,

    0 votes
    5 answers

  13. Первая весртка

    С чего начать первую верстку ?Нужен photoshop ?Но не хочется его покупать, есть ли его хорошие бесплатные аналоги ?Что нужно сделать чтобы пробывать первую верстку ? Мб сделать все задания из практикума ?Прочитать книгу CSS ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

  14. первая загрузка странички

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

    Asked by cyklop77,

    0 votes
    6 answers

  15. Первая колонка таблицы "едет" в IE

    Первая колонка во всех браузерах узкая с маленькими буквами, а в IE нет. Сверил со справочником, все стили в IE должны работать. <style> #plan td { width: 32px; background-image: none; background-repeat: no-repeat; height: 32px; border: 1px; border-style: solid; border-color: black; vertical-align: top; } #plan tbody td:first-child { width: 5px; background-image: none; border: none; font-size: 6pt; text-align: center; padding-top: 10px; } #plan thead td:first-child { width: 5px; background-image: none; border: none; font-size: 12pt; } #plan { background-image: none; float: left; BORDER-COLLAPSE:collapse; cellpadding: 0; cellspacing: 0; } #plan a{ position: absolu…

    Asked by kastrulya001,

    0 votes
    9 answers

  16. Первая страница готова как делать остальные?

    Здравствуйте! Я сделал первую страницу сайта, теперь нужно делать остальные. Почти все страницы моего будущего сайта такие же как первая за исключением некоторых деталей. Внизу таблица в которой разные слова, при клике на эти слова должны меняться изображения в блоке где человечек нарисован, так как я JS пока незнаком я для каждого изображения хочу делать отдельную страницу. Вопрос в том что мне нужно использовать первую страницу как макет и делать около 90 почти похожих страниц за исключение некоторых отличий или можно это сделать быстрей и удобней с помощью cms, или есть еще варианты?

    Asked by Alexsays,

    0 votes
    3 answers

  17. Первая строка

    DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…

    Asked by Zueff,

    0 votes
    4 answers

  18. Первая строка в IE

    Здравствуйте мужчины! Столкнулась с такой проблемой. Первая строка текстового блока как будто прижимается ко второй... дальше нормально, следующий абзац... то же самое.

    Asked by Angela,

    0 votes
    8 answers

  19. Первостепенная защита сайта на PHP

    Продолжаю изучение защиты сайта. Недавно прочел несколько статей с предложением отключения некоторых функций PHP. Но так как хостинг у меня только виртуальный и возможности править php.ini нет Придется править .htaccess Подскажите, поправте что не так. Что вкл а что выкл ? Вот несколько директив / функций которые как я понял желательно отключить: safe_mode - проверяет владельца запущенного скрипта и если скрипт пытается открыть какой-либо файл - делает это с правами этого владельца php_admin_flag safe_mode on register_globals - Запретить создание глобальных переменных из пользовательского ввода если включена, переменные GET, POST, Cookie, Server будут регистриро…

    Asked by blacks,

    0 votes
    7 answers

  20. Первые секунды загрузки сайта

    Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!

    Asked by Rootical,

    0 votes
    8 answers

  21. Первые шаги

    Здравствуйте, я недавно начал пробовать верстать, и пока получается не очень. Один я точно не вывезу, поэтому буду благодарен, любому кто поможет и подскажет. Это мой первый сверстанный самостоятельно сайт http://rosohranatelekom.esy.es/index.html Там есть один косяк (хотя уверен их там больше), выпадающее меню, при наведении курсора на ссылку "О компании", получается, что ховер перекрывает или ссылку "О компании", или прячется под background следующего блока. Верстал по файлу jpeg http://hkar.ru/uQ7r И у меня еще один вопрос, есть файл psd http://webfile.ru/00b7fba03b2acfd47f771af4497dfc8a и в этом файле я никак не могу вычленить логотив "Cuda", нажимаю ctrl+c и …

    Asked by melnikv,

    0 votes
    5 answers

  22. первые шаги в HTML5, после HTML4 непривычно

    Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…

    Asked by FoxWMulder,

    0 votes
    33 answers

  23. Первый в потоке блок обтекает соседний блок

    Я снова тут и снова прошу совета опытных верстальщиков Два блока див у одного стоит обтекание всеми остальными <style type="text/css"> .layer1 { float: left; width: 40%; } </style> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla fa…

    Asked by ShumNo,

    0 votes
    15 answers

  24. Первый и последний tr в table

    Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица <table> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td&…

    Asked by darlov,

    0 votes
    1 answer

  25. Первый опыт - надеюсь на советы/материалы по семантической верстке

    Доброго вам времени суток, уважаемые форумчане. Студент, 2-й курс. На радостях от того, что смог закрыться без долгов по результатам летней сессии, решил потихоньку начать разбираться с вебом, ибо мне предстоит осваивать эту дисциплину в следующем семестре. Да и в целом это направление меня очень привлекает. Взял себе небольшую книжку, где довольно поверхностно покрываются несколько тем, в их числе: html, css, js, jquery, ajax, php, cms. Понять основные принципы, синтаксис и структуру оказалось просто. Раздел посвященный JS так вообще за 10 минут пролистал - благо есть опыт, и опыт неплохой: за плечами год Джавы. Решил перейти к практике и начать с самого начала - …

    Asked by Ibex,

    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