HTML Coding

29542 questions in this forum

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

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

   Asked by kaplunA, June 11, 2014

   0 votes
   4 answers
2. Как подписывать картинки?

   Доброго времени суток. На странице я разместила изображения. Когда размещаю текст под картинкой, остальные изображения перескакивают вниз: http://itmages.ru/image/view/1724171/08f07aa5 а должно быть так: http://itmages.ru/image/view/1724169/c743b350 Код: <div id="content"><br><a href="finetex_Light_2109.html"> <img src="images/finetex/1.jpg" height="189" width="170" title="Uberture, Light 2109" > <p> Uberture, Light 2109 </p> </a><a href="finetex_Light_2110.html"> <img src="images/finetex/2.jpg" height="189" width="170" title="Uberture, Light 2110"></a><a href="finetex_Light_2121.html"> <img src="im…

   Asked by Савоини Анастасия Андреевн, June 15, 2014

   0 votes
   1 answer
3. Проблема с jsfiddle.net

   Подскажите, почему скрипт прекрасно работает на http://jsfiddle.net/7LYqk/ но при переносе к себе в рабочий документ всё ломается? То есть скрипт не работает. Перепробовала уже все варианты проблема внезапно решилась. если у кого будут такие же проблемы - переместите скрипт из хэда в низ боди

   Asked by Violetta, July 11, 2014

   0 votes
   3 answers
4. Оформление ссылок

   Доброго времени суток всем! Даже не знаю как правильно сформировать вопрос...Имеется вот такая картинка: Эта картинка будет использоваться как фон для пяти ссылок, как надо прописать что бы "не активная" ссылка имела серый элемент картинки, а при наведении картинка менялась бы на цветной элемент? Говорю сразу вариант разрезания картинки не подходит. Заранее спасибо!

   Asked by job3507, July 11, 2014

   0 votes
   2 answers
5. Помогите, страница уезжает вбок(

   Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…

   Asked by Nooblo, July 16, 2014

   • страница уезжает вб
   • ок
   0 votes
   2 answers
6. Фон для tr

   Здравствуйте, подскажите как правильно задать фон для tr в таблице я задал для этого tr фон шириной в 1 пиксель, а как сделать уголки эти?

   Asked by cruel09, October 11, 2014

   0 votes
   1 answer
7. пропорциональное изменение размера картинки в резиновом блоке

   помогите пожалуйста решить проблему есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно

   Asked by cyklop77, February 19, 2015

   0 votes
   6 answers
8. Как правильно реализовать такую сетку

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

   Asked by Temiks, September 29, 2015

   0 votes
   1 answer
9. Input type submit с плавающим gradient фоном

   Все работает для любых элементов кроме input type="submit". Вот пример: .test { background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%); transition: all 1s ease-in-out; background-size: 20% 100%; display: inline-block; } .test:hover { background-size: 100% 100%; } Здесь плавает только background-size. Что не так делаю? Это в браузере не допилено или я туплю где-то?

   Asked by Full-R, February 12, 2021

   0 votes
   0 answers
10. Оформление стаьи (выбор тегов html5)

    Здравствуйте. Какие, по-вашему, правильно использовать теги при оформлении статьи, например параграфа из учебника? У меня получаетс как-то так. Может более подходящая структура существует. Я понимаю, что можно одними дивами всё "укатать" и понимаю, что для каждого своё понимание "подходящего". Spoiler <article> <h2>Глава 2. Анализ</h2> <section> <h3>2.1 Реализация</h3> <p> Содержание 2.1 .... </p> <h3>Упражнения</h3> <ol> <li></li> <!-- …

    Asked by Luca, December 29, 2017

    0 votes
    0 answers
11. Доставка шрифтов

    Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?

    Asked by rasmus, August 20, 2019

    0 votes
    2 answers
12. ошибка в dreamweaver

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

    Asked by Angela, February 16, 2009

    0 votes
    0 answers
13. Не работают стили для div

    Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

    Asked by Vandeko, October 18, 2011

    0 votes
    2 answers
14. Непонятка в официальном тесте CSS 2.1

    Вот этот тест. Что значит, "Test passes if there is no red visible on the page"? С какого перепугу блок должен ужаться до нуля вместо ширины буквы? Во всех браузерах я вижу букву на красном фоне, и в меру моего понимания спеки считаю это правильным. Ошибка в тесте, что ли?

    Asked by SelenIT, November 17, 2011

    0 votes
    2 answers
15. align=middle в хром

    Делаю выравнивание текста по картинке - <img src="/upload/medialibrary/1a2/clock.png" align="middle"> текст. В браузерах Opera и IE отображается как надо, текст по середине картинки справа, а вот в хроме текст справа вверху от картинки. Причём, если вместо align, написать valign="middle" в хроме как надо отображается, а в остальных браузерах не так.. Как сделать, чтобы в хроме отображалось как положено align="middle"?

    Asked by AlexUtk, January 11, 2012

    0 votes
    2 answers
16. Блок на растягивается на height:100%; min-height: 100%;

    Подскажите пожалуйста, почему мне не получается растянуть блок во всю высоту браузера? Вроде бы везде где нужно стоит height:100%; min-height: 100%; http://77.105.164.89/stat.aspx

    Asked by vlad275, March 5, 2012

    0 votes
    3 answers
17. CSS свойство clear

    http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clear</title> …

    Asked by skvor, April 24, 2012

    0 votes
    4 answers
18. Измерение размеров элементов в psd

    Подскажите. У меня имеется psd-макет, на котором я тренируюсь в верстке. В этом макете тени используются часто и густо - для текста и для боксов различных (div, ul, table). Замер размеров элементов в psd-шаблоне, а также расстояния между ними я произвожу по следующей схеме (она мне кажется наиболее удобной и быстрой): устанавливаю направляющие по нужным границам элемента, а затем замеряю размер линейкой. Все это выполняю в Photoshop, естественно. Так вот, при выставлении направляющих к границам элемента (пусть это будет та же table, у которой есть внешняя тень) мне нужно устанавливать эти направляющие по границе тени? Или можно не учитывать ее, а ставить по границе самого…

    Asked by aaron, July 19, 2012

    0 votes
    1 answer
19. Выровнить

    Здравствуйте дорогие друзья. Подскажите пожалуйста, вот 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <!-- В контакте --> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <script type="text/javascript" src="http://vk.com/js/api/share.js?11" char…

    Asked by Favorskij, March 3, 2013

    0 votes
    1 answer
20. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9, October 26, 2013

    0 votes
    4 answers
21. Проблемка с before и after

    Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...

    Asked by BSandro, November 21, 2013

    0 votes
    4 answers
22. Wordpress и навигация

    Кто подскажет какие есть варианты, что бы организовать такое меню на wordpress ? Нашел один не плохой вариант http://wpmegamenu.com/

    Asked by webdrafting, June 2, 2014

    0 votes
    0 answers
23. IE9, border-radius и слайдер

    Сайт. В IE9 Не работает слайдер и border-radius(подключал разные вещи типа pie.htc, но почему то не работает все равно).

    Asked by Arthur, September 5, 2014

    0 votes
    2 answers
24. Разное отображение при одинаковом разрешении

    Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

    Asked by afagorn, October 26, 2015

    0 votes
    1 answer
25. Radio блок

    Доброго времени суток. Я нашла вот такой милый скрипт на радио http://www.radiobells.com/radio4site/ , Плюсы, я могу поставить сама ссылку на радио, чтобы не тянулось через третьи руки. Но есть и минус, я не могу в нем поменять цвет/картинку кнопки и -/+ звука, так как это все подтягивается скриптом. Есть такого типа скрипт, но чтобы можно было свой стиль кнопки и звука сделать, но так поставить линк свой. Или как сделать замену картинки в этом скрипте насильно?

    Asked by Mary_RND, August 8, 2016

    0 votes
    4 answers