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://jsfiddle.net/UX3xG/

    Asked by oleg126,

    0 votes
    16 answers

  2. Смещение элементов при отдалении

    Добрый день всем форумчанам. Первая трудность, с которой я столкнулся - элементы и их правильное расположение. Я написал простую страничку - фоновое изображение, div белого цвета, где содержится текст, логотип над этим листом. Проблема возникает следующая - я разместил внутри этого дива еще два, в каждом из которых содержится картинка Png без фона. Я хочу, чтобы картинки выходили за пределы листа и как бы обхватывали его. Точнее, я так и сделал(скрин ниже) Проблема в том, что при отдалении эти две девчонки, обхватывающие лист, не остаются на месте. Свойство position задано absolute. Да, я уже пробовал relative, но так они располагаются один за другим сверху вн…

    Asked by Sperc,

    0 votes
    1 answer

  3. Проблема с обтеканием div-а

    Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…

    Asked by tav8383,

    0 votes
    4 answers

  4. расположение элементов

    Подскажите пожалуйста, как сделать так без позиционирования. Суть в том что есть h1 и после него к примеру nav. И они идут друг под другом. Как сделать, что бы шло прямо за ним а не под ним? Интересует вариант без использования position, а то как я понял это не правильно. Помойму можно display но я не уверен как это делается!

    Asked by oleg126,

    0 votes
    1 answer

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

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

    Asked by Nooblo,

    0 votes
    2 answers

  6. Градиент

    Есть вот такой фон , как сделать сверху градиент такой? нужно разбивать на две картинки фон ? или linear-gradient ? Если второе то как сделать , у меня не получается

    Asked by kaplunA,

    0 votes
    7 answers

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

    Здравствуйте! Раньше мой сайт был 1000px в ширину и всё было хорошо, блок контента и сайтбара стаяли на своих местах. Затем я изменил размер от 1024px до 1400px в зависимости от размера экрана и тут начались проблемы. У меня изменена логика с начало идёт блок контента, который тянется в зависимости от размера экрана, а затем идёт блок сайтбара который фиксирован по ширине 300px. Собственно, я знаю, что вначале должен идти блок с фиксированным разсером, а затем тянущийся, но если сделать так, то ПС начинают сайт любить намного хуже, так как контент из сайтбара стоит выше в коде, чем сам блок контента. Вот что сделано, чтоб решить эту проблему: #container { min-width…

    Asked by DVORYAN,

    0 votes
    4 answers

  8. Почему кнопки разные? Очередной мего-вопрос.)

    Всем привет, снова я со своими дурацкими вопросами.=D Почему кнопки разные: http://jsfiddle.net/LW5kU/6/ Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=) И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

    Asked by logicface,

    0 votes
    2 answers

  9. Прямоугольник+треугольник через псевдоэлемент и градиент

    Как сверстать такую фигуру? Моя идея: Сделать прямоугольник, добавить через псевдоэлемент треугольник. но как сделать его так, чтобы залить градиентом таким же, как и у прямоугольника? Ссылка на псд. http://rghost.ru/56934778

    Asked by Vitalya T,

    0 votes
    5 answers

  10. Высота инпута на разных девайсах разная

    У меня есть форма. Так вот во всех браузерах на десктопе отображается отлично. Сайт отзывчивый и используются медиа-запросы. Так вот на некоторых мобильных устройствах инпуты отображаются не так, как задумано. А именно высота больше чем нужно. Например, на iOS устройствах наблюдается такое. На андроидах тестировал всего лишь на нескольких устойствах и там все нормально. Способа указать файл стилей только лишь для iOS устройств как я понял из поиска нет. Если задаю <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel= "stylesheet" href="static/css/mobile.css" media="handheld,only screen and (max-device-width:768px)"/>то файл mobile.c…

    Asked by helio,

    0 votes
    3 answers

  11. ajax не возвращает ответ

    помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…

    Asked by cyklop77,

    0 votes
    2 answers

  12. Слоган и контакты в шапке

    Добрый день как правильно реализовать в шапке сайта слоган и контакты. Слоган по середине шапки, а контакты с правой стороны. Вот мой код: <div id='wrapper'> <div id='header'> <img src="img/logo.png" width="1280" height="150" alt="logo" /> </div> <div id="menu"> </div> <div id='container'> <div id='left'> </div> <div id='right'> </div> <div id='center'> </div> </div><div class='clear'></div><div id='spacer'></div></div><div id='footer'></div>html, body { margin:0;height:100%;background:url('/img/bg.png') repeat scr…

    Asked by Senja,

    0 votes
    0 answers

  13. Проблема с отображением

    Доброго времени суток. Излагаю суть проблемы. Есть верстка http://lp-project2.url.ph/, второй слайдер, который с миниатюрами, при первой загрузке страницы отображается частично, после перезагрузки - нормально. Соответственно когда смотрю через fire bug, высота сначала одна, потом другая. В чем может быть проблема?

    Asked by cof666,

    0 votes
    3 answers

  14. Логотип не стоит на месте

    Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении

    Asked by Sperc,

    0 votes
    17 answers

  15. Наложение слоя

    Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/

    Asked by DivMan,

    0 votes
    5 answers

  16. Проблема с line-height в IE

    Уважаемые форумчане, помогите решить небольшую проблему. Буду краток, в общем нужно сверстать блок последних записей. Особенность в том, что текст записи выводится сразу же после её заголовка вот так: картинка . Вроде бы ничего сложного, сверстал, вот ссылка если бы не одно но, во всех IE получается фигня какая-то вот смотрите скрин. Что я только не пробовал, решить эту проблему не могу! Может вы посоветуете что-то??? Заранее спасибо!!!

    Asked by ya_verstaka,

    0 votes
    2 answers

  17. Сокрытие контента на мобильных устройствах

    Хотел поинтересоваться практикуется ли в верстке подход, когда при помощи css медиа запросов скрываются некоторые элементы, чтобы улучшить воспроизведение страницы на устройствах с малым экраном? Например, есть страница со слайдером, логотипом, контактами в шапке. На экранах ноутбуков и дэсктопов с большим разрешением все красиво и удобно. Но на планшете и смартфоне все это выглядит довольно громоздко и довольно не удобно(для того, чтобы добраться до контента или меню нужно скролить страничку, да и тяжелые фотки со слайдера могут долго грузиться при узком канале инета). Стоит ли пользуясь медиа запросами просто скрывать все "лишнее" на устройствах с малым экраном для боле…

    Asked by CoDy,

    0 votes
    5 answers

  18. Выпадающее меню

    Помогите пожалуйста с выпадающим меню! http://jsfiddle.net/bcb52/ Интересует, почему при наведении на меню, выпадает меню, с бордер-топ, и как сделать каждое меню отдельно под своей категорией, а то сейчас при наведении оно появляется в одном месте!

    Asked by oleg126,

    0 votes
    1 answer

  19. Не работает слайдер

    Собственно подскажите пожалуйста, почему не работает слайдер? http://jsfiddle.net/3WN9D/

    Asked by oleg126,

    0 votes
    10 answers

  20. Сфера с translateZ

    Добрый день. Как заставить сферу быть объемной при translateZ. Сферу создал по известной конструкции <div class="wrapper"> <ul class="ball"> <li class="ring"></li> ..... <li class="ring"></li> </ul> </div> Обвернул всю конструкцию в еще один DIV к которому применяю свойство translateZ (нужно что бы сразу все сферы перемещались в нужном ракурсе). В результате все перемещается, но при повороте rotateZ видно что сферы перестают быть объемные! Как решить данный вопрос?

    Asked by Falkone,

    0 votes
    1 answer

  21. Подключаемый шрифт IE

    Здравствуйте, не получается подключить шрифт для IE < 9, ссылка на страницу , ссылка на css Делал по примеру статьи на хтмлбуке , а именно: @font-face { font-family: Pompadur; /* Гарнитура шрифта */ src: url(fonts/pompadur.eot); /* Для IE5-8 */ src: local(pompadur), url(fonts/pompadur.ttf); /* Для остальных браузеров */ }Так же пробовал подключать таким форматом: src: url('myfont-webfont.eot?') format('eot')но не получилось. В чем может быть проблема?

    Asked by Temiks,

    0 votes
    1 answer

  22. Синтаксический стандарт Css

    Всем доброго, наткнулся на статью http://rosinfotech.com/blog/14.php <— я не могу найти в W3С этих стандартов, может кто то поможет???

    Asked by mini,

    0 votes
    3 answers

  23. Слайдер, подстраивающийся под любые размеры изображения

    Всем привет, Есть задача сделать вот такой слайдер Макет 1 - http://prntscr.com/44iae1 Макет 2 - http://prntscr.com/44iaeh Страница сайта имеет фиксированную ширину 1000px За основу взяла вот такой слайдер http://sorgalla.com/jcarousel/examples/responsive/ Возможно ли его переделать так, чтобы он подстраивался под горизонтальные и вертикальные картинки? Есть ли готовые варианты подобного слайдера

    Asked by Anna Zharova,

    0 votes
    3 answers

  24. Видеозапись в качестве фона на главной сайта

    Здравствуйте! Подскажите, пожалуйста, как сделать чтобы на главной странице сайта в качестве фона была видеозапись со звуком и и т.д.? Как, например, на сайте http://www.questpistols.com/ Спасибо за помощь!

    Asked by budanov,

    0 votes
    5 answers

  25. Показать скрытые элементы при клике и оставить видимыми

    Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться. Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть. По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем.. Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)

    Asked by Нарек,

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