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

29542 questions in this forum

  1. Выравнивание в grid

    Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…

    Asked by Luca,

    0 votes
    0 answers

  2. Делаем меняющуюся кнопку

    При создании кнопок пользовался перекатыванием, как тут: http://lifeandsex.ru/files/lalala.html Но встречал сайты, где изменение цвета ячейки+изменение цвета текста было сделано полностью на коде (без картинок). Жаль тогда я не сохранил тот код. Ищу примеры как такое можно сделать. В ячейках таблиц и в div-е

    Asked by Walk,

    0 votes
    7 answers

  3. Какая это кодирока?

    Так кодируются пароли на Юкозе! $1$AXg4$94E0N5KLBbXRVqNBBdABM1 - это какая кодировка?! Заранее спасибо

    Asked by vvsh,

    0 votes
    15 answers

  4. закругление углов с помощью графики в IE 6

    Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…

    Asked by Панч,

    0 votes
    4 answers

  5. Использую фильтр для png и перестают работать кнопки

    Использую в CSS фильтр для IE для отображения прозрачного png: #cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;} Также на этот фон помещаю кнопки: <div id="cont"> <div class="fon"> <a href="/">Декоративные краски</a> </div> </div> В мазиле все Ок, а в IE эти кнопки перестают работать. Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none; все работает, но прозрачности нет. Подскажите советом как обойти баг?

    Asked by GromLine,

    0 votes
    5 answers

  6. Подвал страницы

    Здравствуйте! Вроде не сложный макет, но не могу понять в чем загвоздка. Нужно чтобы подвал страницы всегда был прижат к низу. Следовала найденным рекомендациям... А в итоге, после текста и до подвала образовалась пустота. http://test.bredova.ru/index_inn_2.html Почему??? Смотрела в FF /* BASIC RESET */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} /* common */ html, body, img, form {margin: 0px; padding: 0px; border: none;} html, body {height:100%;} body {background-color:#fff;} body, td {font: 14px Arial, sans-serif; color: #000;} a {color: #000; text-decoration: underline;} a:hover {text-decoration: none;} table {b…

    Asked by Bredova,

    0 votes
    5 answers

  7. ВЛИЯНИЕ PADDING НА ШИРИНУ

    ЧИТАЮ СТАТЬЮ http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket! ПОЧЕМУ padding влияет на ширину БЛОКА В %?КТО ПОМОЖЕТ РАЗОБРАТСЯ БУДУ РАД div { /* padding влияет на ширину */ float: left; width: 50%; padding: 10px; } вСЕМ ПАСИБА !

    Asked by dostel1,

    0 votes
    6 answers

  8. Блок заполняющий оставшееся пространство

    Доброго времени суток, уважаемые форумчане. Положение: Есть div A с определенной шириной, в нём расположены 3 div'а. 1-й div(определенной ширины) float'ом прижат к левому краю. 3-й div(определенной ширины) float'ом прижат к правому краю. а второй div расположен между 1 и 3. Вопрос: Как сделать так чтобы 2-й div заполнял оставшееся свободное пространство по ширине?

    Asked by likdike,

    0 votes
    4 answers

  9. Портфолио.Что и как?

    Доброе время суток! Около 3 месяцев занимаюсь изучением HTML,CSS,JS,в скором времени будет PHP,MySQL.В основном пока интересует деятельности верстальщика.Практикуюсь как могу,получается понемногу) Но с недавних пор начал встречать понятие "портфолио".В общих чертах знаю что это такое. Вопрос банальный,точно задавался уже на форуме,но поиск не работает( Как должно выглядеть портфолио верстальщика,ну или "веб-мастера"?То есть свой сайт,блог,просто набор работ и т.д? Смотрел шаблоны сайтов,далеко не все можно вкладывать в портфолио.Какие тогда можно и нужно вкладывать? И есть ли сайт где можно взять шаблоны. Портфолио нужно и для постоянного трудоустройства,и как для фриланс…

    Asked by Vlad_Lotysh,

    0 votes
    3 answers

  10. Что с yandex картами? Как установить на сайт?

    вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался

    Asked by romoga,

    0 votes
    4 answers

  11. Яндекс БЭМ

    Использовать ли всегда яндекс Б.Э.М?

    Asked by DivMan,

    0 votes
    15 answers

  12. Кнопка копирования <div>

    У меня есть блок, ограниченный тегом <DIV> с определенным классом. Можно ли создать кнопку, которая бы копировала текст внутри этого блока в буфер? Желательно готовый код, или ссылку где его взять. Не сочтите за наглость.

    Asked by viter_alex,

    0 votes
    7 answers

  13. Вопрос о getElementById('').style.backgroundPosition

    Как сдвинуть background у другого слоя? Подскажите по синтаксису: <style type="text/css"> #blok {width: 100px; height: 100px; background: url(background.gif);} #pimpa {width: 100px; height: 100px; background: #222222;} </style> <body> <div id="blok"></div> <div id="pimpa" onmouseover="document.getElementById('blok').style.backgroundPosition = '???';"></div> </body> Мне нужно сдвинуть background на -21 пиксель вверх типа: #blok {background-position: 0 -21px;} Помогите, спасите!

    Asked by Semreg,

    0 votes
    4 answers

  14. Навигация по сайту

    Здрасте! Помогите пожалуйста чайнику со сложившиейся ситуацией! Вот пытаюсь научится верстать сайты. Но пока только пытаюсь. Все бы хорошо, но вот хорошего учителя под рукой не хватает. Начну с начала: Есть сайт с тремя как бы главными страницами - Главная - Литература - Видео - У каждой страници есть свои подстраници. Например: -Литература -> Художественная литература - Научная литература - Познавательная литература - И у каждой подстраници есть свои категории. Например: - Научная лература -> Философия - Психология - И Т.Д. - Теперь сам вопрос: Как сделать меню навигации такого типа: Под шапкой сайта находится горизонтальное статическое меню категорий - Главная -…

    Asked by Askal,

    0 votes
    8 answers

  15. Фон списка внутри абзаца отличается от фона абзаца

    Привет! ul, ol, li { margin: 10px; padding: auto; } #right #content p { text-align: justify; margin-top: 15px; padding: 15px 100px 15px 15px; line-height: 1.5; background: #eee; } #right #content p:hover { background-color: #cce; color: #444; } #right #content p:first-letter { font-size: 160%; font-weight: bold; color: #c11; } Абзацы выходят нужного фона, но фон у списков в абзацах белый. В чем дело?

    Asked by kuraga,

    0 votes
    9 answers

  16. Как сделать лучше ?

    http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css

    Asked by Shenia132,

    0 votes
    9 answers

  17. FlexBox и адаптив

    У меня такой вопрос: Если я сверстал сайт на FlexBox, стоит вообще использовать медиа запросы? Или использования FlexBox достаточно для адаптива?

    Asked by John106,

    0 votes
    4 answers

  18. OWL Carousel 2, как сверстать слайдер?

    Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.

    Asked by Bubunt,

    0 votes
    1 answer

  19. 3-ех колоночный макет. Текс уходит вниз.

    Не пойму почему текст посередине идет вниз после левой колонки. Помогите разобраться. http://new.rang56.ru/1.htm как ie6 так и опера 9

    Asked by snekaaa,

    0 votes
    3 answers

  20. Div & Table

    это тема не про споры между видами версткой, а не тему того, что у меня почему-то не получается внести тэг table в div так, чтобы border div'a обрамлял таблицу, как и весь остальной контент... прошу помощи, ибо div'ную верстку начал изучать сравнительно недавно...

    Asked by AmsTaFF,

    0 votes
    2 answers

  21. Табличная верстка и формы

    Есть вот такой код <table id="text" cellpadding="0" cellspacing="3" border="0" width="100%"> <tr> <td> с последней | <a href="index.php?r=1&cou=15">с первой</a> | <a href="index.php?r=2&cou=15">по рейтингу</a> | Категория <form action="index.php" method="get" name="chcateg"> <input type="hidden" name="qwerty" value="1"> <select name="chcateg" class="form" onchange="submit();" > <option value="all">Все</option> <option value="0">Фото</option><option value="1">Ужас</option><option value="2">Смех</option><option value="3">Прочее</option> </s…

    Asked by zhurser,

    0 votes
    3 answers

  22. Див по середине страницы!

    Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо

    Asked by ros.pro,

    0 votes
    3 answers

  23. Стили

    такой вопрос о стилях вот как задаеться стиль H1 { color: red; font-size: 18pt} а мне нужно чтоб все стили хранились в отедльном файле чтоб со всех файлов я мог к нему обратиться как это сделать как прописать сылку на стили ????

    Asked by Kain,

    0 votes
    6 answers

  24. Уроки блочной верстки сайтов

    Asked by leff,

    0 votes
    4 answers

  25. Движение объекта

    Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.

    Asked by locidoki,

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