HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Увеличение картинок в IE 6.0
Сам сайт Тут три картинки, наводишь мышь - увеличивается одна. В ИЕ6 картинки не увиличиваются. Это просто ИЕ древний или какая-то беда с кодом? CSS .megaweb { text-align:center; background:#ffffff; width: 490px; } .megaweb a img { width:160px; height:220px; display:block; border:0; position:relative; top:0; left:0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .megaweb a { display:inline-block; width:160px; height:220px; position:relative; } .megaweb a:hover img { width:320px; height:439px; position:absolute; top:-218px; left:-80px; z-index:2; } HTML <center> <div class="megaweb"> <!--CSS3 увеличение ка…
0 votes2 answers -
увеличение картинок при клике
Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …
0 votes0 answers -
увеличение размера шрифта в браузере
Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?
0 votes13 answers -
Увеличение символа мнемоники
Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }
0 votes2 answers -
увеличение таблицы вверх, а не вниз
<div class="id1"> <div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div> </div> id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2. В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх. В css я не силён, поэтому прошу терминологией не кидаться
0 votes20 answers -
Увеличение шрифта + проблема с таблицей
Всем привет! Сделал таблицу и на первую колонку повесил стиль, который при наведении курсором на ячейку в первой колонке увеличивает её шрифт на 1 пиксель (font-size:12px), а если курсор убрать, то шрифт снова становится 11px. Выглядит это симпатично, но хотелось бы закрепить ширину колонок (<td width="30px"> не спасает), т.к. на некоторые ячейки навожу курсор и вместе с увеличением шрифта начинают "ездить" границы внутри таблицы (ширина). Подскажите в какую сторону покопать, чтобы только текст увеличивался в ячейке, а границы ячейки оставались неизменными?
0 votes2 answers -
Увеличение элемента поверх остальных css
Как сделать такое http://prntscr.com/eaw17z, только на чистом css? Помогите пожалуйста. В инете не нашла
0 votes6 answers -
увеличения блока при новедений
Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></…
0 votes5 answers -
Увеличивается шапка при выпадающем окне
Здравствуйте! Вопрос: при нажатии на кнопку появляется выпадающее окно...проблема в том, что при раскрытии увеличивается шапка сайта. Как сделать, чтобы шапка не увеличивалась. Чтобы было понятнее можно просмотреть на примере
0 votes2 answers -
увеличить высоту родительского блока
помогите пожалуйста понять почему при уменьшении ширины окна пункты меню не отталкивают нижний блок(в котором картинка) и как следствие не увеличивают высоту своего блока(чёрного). страничка
0 votes1 answer -
Увеличить картинку красиво
Делаю сайтик хтмл. Так вот появилась проблема. Есть простая галерея картинок - маленкие иконки/шаблоны картинок больших, которые тоже есть и появляются при клике на миниатюрку, конечно же появляются в большом виде, как и надо. только вот открываются в окне браузера не так, как бы хотелось. Открываются с полосой прокрутки, по снизу и справа белый фон, а сверху "табы" браузера. короче как сделать так, что бы картинка открывалась в увеличенном виде, но красиво, без лишнего, только картинка и сверху адрес этой картинки.. я тут на одном сайте видел такое решение, там был яваскрипт. подскажите..
0 votes32 answers -
увеличить отступ во вложенных <ul>
здравствуйте! есть некая иерархичная структура данных, которые должны выводиться в тегах ul, li. вот как они выводятся на текущий момент: мне нужно чтобы во вложенных категориях расстояние между ячейками было такое же, как и между первыми двумя. какой директивой css это можно реализовать?
0 votes3 answers -
увеличить ширину
Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…
0 votes7 answers -
Увеличьте размер активных элементов на странице
При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…
0 votes4 answers -
Уверен, у Вас такого еще не было!!!
Давно еще, приятно удивился, когда зашел на свой сайт в ИЕ, боюсь представить, что будет в Мозилле и ФФ. А пока прошу помочь мне в этой проблеме. что тут не так? Ума не приложу! Куда убегает контент? Убегает до последнего файла в меню.
0 votes4 answers -
Уверен, что сталкивались с этим в IE6
Привет. Если открыть эту страницу в IE6 http://irr.ru/cars/passenger/used/ То, при нажатии по "меньше опций", прокрутив скролем вниз.. поля классифайдов, тупо стираются. В чем может быть проблема? Куча свойств float? Thanks a lot..
0 votes6 answers -
Увидел одно интересное меню
Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"
0 votes6 answers -
Угловой градиент на css
Здравствуйте. Возникла необходимость реализовать угловой (конусовидный) градиент на подобие вот такого на чистом html/css без картинок. К сожалению в спецификации http://dev.w3.org/csswg/css3-images/#gradients на данный момент не описан синтаксис для создания подобных градиентов (только для линейных и круговых). Собственно вопрос: есть ли какие-то приемы и способы, чтобы реализовать подобную вещь (может комбинацией linear-gradient или еще как-нибудь)?
0 votes1 answer -
Углы блока
Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png
0 votes3 answers -
Углы в Opera и Ie
проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…
0 votes12 answers -
Углы для всей страницы
Есть резиновый макет. Каждый уголок макета представляет собой симпатишный узорчик такой. Они располагаются прямо по краям, то есть, грубо говоря, вся рабочая область ими должна ограничиваться. Как бы вы такое делали? Дополнительным условием является то, что в прозрачной части этого изображения есть часть контента, т.е. это должен быть именно бэкраунд.
0 votes2 answers -
Углы и не только!
Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!
0 votes21 answers -
Углы на css
Помогите сделать на css. Может кто статейку с подобным заданием скинет, буду благодарен.
0 votes1 answer -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers