HTML Coding

29542 questions in this forum

1. Как лучше верстать резиновую карточку товара?

   Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

   Asked by black_c, April 5, 2017

   • верстка
   • css
   0 votes
   1 answer
2. Не задаются стили hover из за js

   Привет, взял такой скрипт аккордеона с сайта, https://jsfiddle.net/gsw3xrhy/ , но есть проблема, что при ховере не задается img arrow_hover, и бекграунд колор не пропадает после того, как panel становится видимой, колор пропадает только если увести курсор с аккордеона, а нужно , чтобы было как на здесь

   Asked by exoty, August 5, 2018

   0 votes
   5 answers
3. Помогите пожалуйста, запутался с фокусом :)

   Здравствуйте форумчане! Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста. Прошу помощи начинающему хакеру! ? Мой супер код - http://jsfiddle.net/pLznkshc/

   Asked by Ilyas_polo, September 28, 2018

   • focus
   • фокус
   0 votes
   2 answers
4. 2 колоночный "резиновый"макет с параметром width-min

   Здраствуйте Подскажите какие есть способы создания 2 колоночного "резинового" макета с параметром width-min те первая колонка была фиксированой а вторая (правая) могла сжиматься до определенного значения указаного в width-min. если размер меньше width-min то появляется скрол (у меня сейчас макет сыпится ;-(( ) спасибо всем кто ответит!!!

   Asked by Roman111, January 28, 2008

   0 votes
   1 answer
5. Не тянется блок с картинкой

   Подскажите плиз, забыл как побороть это, объянсяю: Есть див, в нем выводится контент, таблица из двух столбцев, в первом текст, во втором картинка: #content { width: 995px; margin: 0 auto; display: block; } проблема в том если вставлять картинку по высоте больше чем текста, то картинка залазит на футер, а див не растягивается вместе с картинкой!

   Asked by okunev2, October 16, 2008

   0 votes
   3 answers
6. Непокорная таблица

   Доброго времени суток! Преамбула. Я не разработчик. В связи с кризисом, занимаюсь самостоятельно кастомизацией сайта нашей небольшой компании. (читайте ничего не смыслю в этом) А теперь сама проблемма. При размещении таблицы на страничке, она упорно размещается в самом низу. Значение valign="top". Для наглядности вот ссылочка: http://ka-dm.ru/info.php?sel=privacy - надо чтобы сама таблица была вверху. Подскажите где искать, либо намекните что делать. PS: не сочтите за рекламу- просто доходчивее не обьясню. Ссылка нагляднее.

   Asked by Shi3o, December 1, 2008

   0 votes
   7 answers
7. "Проваливается" блок

   Привет! Сразу к делу Страница (пример) http://rubasket.com/novosti/nba/94--mario-...om-sostave.html . На сайте пытаюсь реализовать скругление углов(путём наращивания блока ещё одним блоком с уголками по бокам.. Снизу под див блоком right есть блок bloko2d ,в нём- фишка скругления -блоки lb_cor2 (слева) ,c_bar2 (по центру) ,rb_cor2 (справа). так вот,весь блок bloko2d (который ниже right и содержит 3 подблока) почему-то проваливается вниз. Можете поcмотреть,почему(это в правой нижней части сайта)?

   Asked by FASTDEATH, December 18, 2009

   0 votes
   3 answers
8. Два вопроса по блокам

   Вопрос часто встречался ,но тут есть небольшая особенность.. Есть блок ,включающий в себя три блока: <div id="box"> <div id="boxmenu"></div> <div id="boxpanel"> </div> <div id="boxmain"> Сейчас здесь должна быть такая большая ссылка на картинку знаете ли) <a href="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3 Nzc3Nzc3Nzf/wAARCAA2AH8DASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAAQDBQYCAQf/xABDEAABAwICBQgFCQYHAAAAAAABAgMEABESIQUGExQxFUFRVGFxktEHIlOBoRYjMlKRk5TS8D…

   Asked by boooze, January 20, 2011

   0 votes
   6 answers
9. растягивание textarea

   Скажите. Можно ли как-то запретить растягивать пользователям textarea?

   Asked by Tchorteg, October 1, 2011

   0 votes
   1 answer
10. вёрстка в html5

    Всем привет! Друзья нужен совет, ибо изучение html5 на практике зашло в тупик делаю главную страницу сайта так: <header>шапка</header> <nav>навигация</nav> <div>???</div> <footer></footer> вопрос вот в чём: в этом месте <div>???</div> я хочу расположить основной контент станицы - слайдер - блок: новинки (картинка - название) - блок: хиты продаж (картинка - название) В каких тегах правильно это разместить - слайдер и блоки?

    Asked by vadim525, May 27, 2012

    0 votes
    6 answers
11. Какие есть идеи? - верстка слайдера

    Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…

    Asked by xSPiRiTx, January 24, 2013

    0 votes
    6 answers
12. Проблема с позиционирование и font-family: sans-serif на iOS

    Пытаюсь разместить заголовок по центру страницы. Приведенный ниже код отлично работает во всех браузерах, кроме iPhone. Но самое парадоксальное, что если поменять font-family: times; то заработает и на iPhone. <html><head> <style> html { font-family: sans-serif; } header, .mainHeader { width: 100%; height: 100%; } .mainHeader { position: fixed; z-index: 100%; } .wrapper { height: 100%; max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%; } .wrapper:before { content: ''; display: i…

    Asked by k0sm0s, July 6, 2014

    • iOS
    0 votes
    9 answers
13. Пропорции картинки при масштабиронии

    Всем привет. Такая проблема: на сайте есть блок с div с картинками, расположен по горизонтали (через float:left, ширина задается в процентах). Нужно чтобы картинка полностью заполняла див. Проблема в том, что картинки есть у которых ширины больше высоты и наоборот соответственно. При уменьшении масштаба ширина (она в процентах) тоже уменьшается, а высота остается прежней, т.е. вытягивается по вертикали. На данный момент реализовано так http://jsfiddle.net/u424m8fh/ - попробуйте уменьшить масштаб. Может есть у кого мысли как можно сделать так, что бы картинка заполняла див не по мах размерам - width и height, а по минимальным?

    Asked by gawmax, October 17, 2014

    • картинки
    • div
    0 votes
    5 answers
14. Как сделать вложеную ссылку в див, который является ссылкой, но по другому адресу

    <a href="main"> <div>Text</div> </a href="fdg">dfgdfg</a> <div>Text2</div> </a>

    Asked by Иван Г, September 6, 2015

    • ссылки
    • гиперссылкиб
    • вложенная ссылкаб
    0 votes
    9 answers
15. Отступ между iframe и текстом

    Здравствуйте, подскажите пожалуйста как можно сделать отступ между iframe (видео с youtube) и текстом?

    Asked by Orvin, December 8, 2015

    0 votes
    2 answers
16. странное поведение padding

    Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…

    Asked by Toxa404, March 11, 2017

    • padding
    0 votes
    1 answer
17. Долгая загрузка страницы

    Люди, помогите пожалуйста с оптимизацией загрузки сайта. Дали заказ на верстку посадочной страницы , я только учусь верстать и знаю что код мой очень баговый но как говориться на ошибках и учатся я перелапатил весь интернет но толком никакой информации не нашел. Проблема в чем , сайт крупной строительной компании ,и у этих ребят ну очень много работ, все они предоставлены в картинках, их там наверное под тысячу , я все сделал но сайт очень долго теперь открывается и это не удивительно учитывая такое количество картинок , как мне так сделать что бы сайт открывался быстро ? я решил сделать прелоудер но это не выход конечно же . Помогите , вот ссылка на сайт http://makhovits…

    Asked by Makhovitskii, October 3, 2017

    • оптимизация
    • верстка
    • html
    • css
    0 votes
    1 answer
18. Много вопросов про создание таблиц.

    Приветствую! <!-- Вступление про чайника опущено. Вкратце: ничего не умею, но хочу научиться --> Мне очень хочется сделать меню на своём сайте, примерно в таком виде: Здесь элементы 2-9 -- это рамка, 1 -- это собственно меню. Как делаются таблицы в ХТМЛ - разобрался. Меню у меня будет примерно 20% ширины броузера слева, то есть точный его размер в пикселях я не знаю. Ну допустим ширину рамки я выберу произвольно - пусть будет 30 пикселей. Тогда уголки рамки я нарисовать и разместить в таблице сумею (элементы 6-9), но что делать с границами (2-5)? Может быть можно нарисовать рисунок шириной один пиксель (и высотой 30) и им замостить по горизонтали зоны 4-5? Если да,…

    Asked by DasTPID, January 11, 2009

    0 votes
    5 answers
19. РНР мультиязычный сайт

    Подскажите, пожалуйста! Как определить страну или язык посетителя? Сайт, кпримеру, на 4-х языках. рус, англ, итал, немец Посетитель попадает на сайт и ему сразу открывается страница на "его" языке. Есть два варианта: Определить IP страны и написать условие для вывода языка И вариант по проще, определить язык системы и выдать страницу на этом языке. Как определить язык системы?

    Asked by banyman, February 10, 2009

    0 votes
    4 answers
20. Проблема с резиновой вёрсткой

    Натолкните плиз на путь истинный. Имеем png к примеру 525 на 280 надо расположить его так, чтобы находилось ровно по середине окна браузера независимо от того, какой размер окна, а слева и справа сделать равные колонки, и при уменьшении или увеличении окна эти колонки увеличивались соответственно слева и справа к краям окна браузера. Т.е получается 3 колонки, средняя шириной 525 а крайние колонки должны быть равные и занимать всё оставшееся расстояние слева и справа независимо от размера окна.

    Asked by alex_p, May 13, 2009

    0 votes
    5 answers
21. vertical-align

    Возникла проблема с выравниваем по нижнему краю дива/ячейки. Как пример на странице по ссылке (www.ygo.ru/market) есть 2 вида блоков с товарами (всмысле разные по высоте). Пытаюсь сделать так, чтобы при любой высоте блока с товаром он прижимался к низу своей строки и высота строки зависела от самого высокого элемента, перепробовал все варианты которые нашел и с дивами и с таблицами с vertical-align и с абсолютными позициями, ничего не хочет правильно работать =(

    Asked by Joyfit, February 3, 2011

    0 votes
    8 answers
22. Условные комментарии IE в XSLT

    Условные комментарии к браузеру IE вида <!--[if lte IE 7]><link href="ie.css" rel="stylesheet" type="text/css" /><![endif]--> не читаются совсем, хотя находятся внутри пространства имен xmlns="http://www.w3.org/1999/xhtml" В чем причина?

    Asked by hike, March 2, 2012

    0 votes
    2 answers
23. Проблема с созданием стилей сайтов

    Я знаю CSS, HTML, Javascript но создание дизайна сайта это для меня мука. Я не могу просто придумать сам дизайн или хотя бы зарисовку. Есть ли литература поэтому поводу, чтоб можно было научится создавать дизайны?

    Asked by T@NKIST, January 5, 2013

    0 votes
    7 answers
24. CSS-sprite + ipad

    Доброго времени суток. Использовал CSS спрайт для сайта, по ТЗ, открыл на айпаде и ужаснулся(. Ничего конкретно хорошо не отображает с картинкой - по гуглил ничего не нашёл. В чем проблема?? clan-amp.ru/marat

    Asked by Wahlberg, December 12, 2013

    0 votes
    6 answers
25. псевдоэлемент :hover

    Здравствуйте. Подскажите пожалуйста, есть ли возможность применить псевдоэлемент :hover встроенным способом.

    Asked by webded, January 26, 2014

    0 votes
    8 answers