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 возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…

    Asked by Maksim55,

    0 votes
    9 answers

  2. Текст в div

    Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…

    Asked by denisman,

    0 votes
    4 answers

  3. Проблемы с блоками

    Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.

    Asked by WEB-best,

    0 votes
    5 answers

  4. Нужна помощь

    Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31

    Asked by kaplunA,

    0 votes
    4 answers

  5. Пространство вне сайта

    Всем привет! Я новичок, сверстала первый макет и уже второй день не могу разобраться - что за пространство возникает вне сайта, кто из дивов его провоцирует и как его убрать? http://cssdeck.com/labs/ochjkfna

    Asked by Violetta,

    0 votes
    4 answers

  6. Вывод миниатюры аватарки

    Подскажите как сделать вывод миниатюры аватарки как в профиле, в navbar? vBulletin 3.8.7 Полный размер делается так: Создаем новый модуль :продукт – VBulletin Местоположение выбираем – global_start код модуля require_once(DIR . '/includes/functions_user.php');$avatarurl = fetch_avatar_url($vbulletin->userinfo['userid']);if (empty($avatarurl) || !is_array($avatarurl)){ $avatarurl = array('images/noavatar.gif','width="90" height="90"');}В нужное место шаблона вставляем: <if condition="$bbuserinfo['userid']"><div><a href="$vboptions[bburl]/profile.php?$session[sessionurl]do=editavatar"><span></span><img src="$vboptions[bburl]/$avatarurl[0…

    Asked by disait,

    0 votes
    1 answer

  7. Background оболочки не растягивается

    Доброго времени суток. Проблема в том что фоновая заливка не растягивается из-за того что прописаны float. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div class="white_fon"><div id="wrap"><header><div i…

    Asked by Segnava,

    0 votes
    3 answers

  8. селектор атрибута

    В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue

    Asked by DivMan,

    0 votes
    7 answers

  9. 3d transforms css3 как вытащить весь код?

    нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект

    Asked by DivMan,

    0 votes
    5 answers

  10. Не работает JS (jQuery)

    Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает вот код на http://cssdeck.com вот скрины на всякий случай

    Asked by Евгений_SB,

    0 votes
    7 answers

  11. Background image на резине

    Верстаю сайт для мотоклуба. Там на заднем фоне сильнотекстурированное изображение. В виде полупрозрачных ячеек карбона поверх асфальта с трещинами и разметкой. Хочется сделать резиновую вёрстку, но есть одно но. Ячейки этого самого карбона на больших разрешениях ну уж очень сильно растягиваются и начинают портить дизайн. Всё остальное смотрится нормально. Долго ломал голову как это исправить. Родилась идея, но к сожалению, пока не придумал как её реализовать. Идея в том что бы при растяжении окна, асфальт растягивался. А полупрозрачные ячейки поверх него не тянулись а мостились. То есть увеличивались не качественно а колличественно.)) Подскажите возможно ли это реа…

    Asked by Alaurey,

    0 votes
    3 answers

  12. Один блок налаживается на другой, второй неактивный

    вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!

    Asked by Fostik,

    0 votes
    1 answer

  13. На форуме есть кто-то из поддержки?

    На форуме есть кто-то из поддержки? Как связаться с администрацией? Ни одного контакта нет. Писать в личные сообщения нельзя.

    Asked by ZEOS,

    0 votes
    3 answers

  14. Кто как решает проблему производительности background-size?

    В общем если разрешение большое у картинки и поставить background-size cover, или проценты какие-нибудь, то появляются лаги в хроме точно, не имеющие себе никакого оправдания. Кто и как с этим борится? Вроде как по идее скриптик вставить и все, имулирующий это поведение. Но я вот тут засунула волшебную строчку -webkit-backface-visibility: hidden, и лаги вроде как пропали. Но пока я рылась в гугле, пишут, что в файрфоксе тоже может лагать. Но у меня вроде все норм. Вот сижу и думаю теперь - скрипт все-таки или эту строчку.... Может кто сталкивался и придумал что-нибудь?

    Asked by Zverushka,

    0 votes
    14 answers

  15. Фон + Картинка

    Добрый день. Не подскажите как наложить картинку на умножающий фон? То-есть: body { font: 12px Calibri, Arial, Tahoma, PT Sans, sans-serif; background: url(../images/bg_body.jpg);}Тут мой фон повторяется, так и должно быть. А как наложить на этот фон 2-ю картинку?

    Asked by Dallas,

    0 votes
    2 answers

  16. Смена текста туда-обратно

    Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный

    Asked by Haindell,

    0 votes
    18 answers

  17. Дополнительные поля: xfvalue_img-1

    Привет всем. Не подскажите как исправить? Добавлял дополнительные поля, результат 0, мб то то не так делаю? Разумеется где xfvalue_img-1 должны быть картинки.

    Asked by Dallas,

    0 votes
    6 answers

  18. Как быть с изучением html,css

    Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо.…

    Asked by Kenpati,

    0 votes
    14 answers

  19. Проблема: отображение шрифта в сафари

    Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...

    Asked by Нарек,

    0 votes
    17 answers

  20. Правильное позиционирование элементов в шаблоне HTML/CSS

    Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.

    Asked by onhoric,

    0 votes
    4 answers

  21. Не проходит валидацию

    Подскажите пожалуйста, в стилях есть строчка border-radius:3px при этом в html <!doctype html>. В валидаторе предупреждение что border-radius только для css3. Как исправить ?

    Asked by Sergik+,

    0 votes
    2 answers

  22. Блок с текстом

    Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/

    Asked by Vans,

    0 votes
    4 answers

  23. Проблема со слайдером

    Здравствуйте, такая проблема. На фрилансе хотел взять заказ верстки такого макета http://i055.radikal.ru/1406/8b/554b941c6cad.jpg макет не сложный, сверстаю на раз. Но там есть слайдер. Я в js И в jquery полный ноль, и делаю все возможное чтобы это исправить, изучаю js и все такое. Скажите такой слайдер самому писать надо? или как? просто реально серьезные проблемы со скриптами у меня.

    Asked by WEB-best,

    0 votes
    2 answers

  24. Элементы "display:box" не работают

    Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…

    Asked by alexander.travkin,

    0 votes
    2 answers

  25. Проблема отступов сверху и снизу у элемента height 100%

    Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

    Asked by Нарек,

    0 votes
    5 answers
×
×
  • 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