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
29542 questions in this forum
-
Как лучше верстать резиновую карточку товара?
Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?
0 votes1 answer -
неровный flex
https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько
0 votes3 answers -
задать class через DOM
собственно как задать элементу класс (css) через document.getElementById(id).style... ?
0 votes1 answer -
РНР мультиязычный сайт
Подскажите, пожалуйста! Как определить страну или язык посетителя? Сайт, кпримеру, на 4-х языках. рус, англ, итал, немец Посетитель попадает на сайт и ему сразу открывается страница на "его" языке. Есть два варианта: Определить IP страны и написать условие для вывода языка И вариант по проще, определить язык системы и выдать страницу на этом языке. Как определить язык системы?
0 votes4 answers -
Проблема с резиновой вёрсткой
Натолкните плиз на путь истинный. Имеем png к примеру 525 на 280 надо расположить его так, чтобы находилось ровно по середине окна браузера независимо от того, какой размер окна, а слева и справа сделать равные колонки, и при уменьшении или увеличении окна эти колонки увеличивались соответственно слева и справа к краям окна браузера. Т.е получается 3 колонки, средняя шириной 525 а крайние колонки должны быть равные и занимать всё оставшееся расстояние слева и справа независимо от размера окна.
0 votes5 answers -
Помогите с CSS в меню
Не представляю, как найти именно ту строчку в CSS, которая отвечает за выпадающее меню. А если быть совершенно точным, то как поменять в выпадающем меню фон. Активный фон там сделан прозрачным, как его заменить? Какая строчка отвечает за это? Наглядный пример тут , а тут сам CSS
0 votes7 answers -
Помогите пожалуйста.
Здравствуйте! Помогите с одной проблемой, которая не дает покоя. Создаю див и внутри текст. По мере возрастания, текст выходит за границы блока, как сделать так, чтобы текст не тянулся как резина?
0 votes6 answers -
пробивная сила margin-top:-80px;
<div style="width:255px; margin-left:10px;"> <div style="background-image:url('{THEME}/images/rarhiv.png'); width:255px; height:167px; background-repeat:no-repeat;"></div> <div style="background:url('{THEME}/images/rarhivbg.png');width:255px; background-repeat: repeat-y; margin-top:0px;"> <div style="margin-top:-80px !important;"> <p style="text-align:left; margin-left:110px; margin-top:0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:150%; font-weight:bold;"> Ретро весна 2010<br> Ретро виставка 2010<br> Ретро весна 2010<br> Ретро виставка 2010…
0 votes4 answers -
большой пробел перед ссылкой почему?
Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )
0 votes3 answers -
bgsound on\off
Не подскажите как добавить кнопки включение и выключения музыки добавленной через bgsound?
0 votes4 answers -
Выравнивание таблицы по центру
собственно проблема в том что таблица съезжает в бок при маленькой ширине окна, как это исправить? hotelvizit.perm.ru таблица в шапке - три ячейки под логотип и информация по бокам
0 votes5 answers -
Кросбраузерность
Кто можит помоч с крос браузерностью в ie Сайт
0 votes7 answers -
Как убрать отступ правого блока?
Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>
0 votes13 answers -
Резиновый список товаров
Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.
0 votes11 answers -
Вытягивание div по высоте
Здравствуйте, уважаемые форумчане! У меня возникла небольшая проблема при вёрстке сайта. У меня правый сайдбар получился в данный момент больше (по высоте) чем страница с контентом, а это не красиво. Как сделать так, чтобы фон страницы с контентом тянулся до футера? (и сайдбара в противоположном случае) Прикрепляю скриншот чтобы всё было предельно ясно и ссылку на сайт. (прячу под спойлер, т.к. скриншот большой.) Спасибо за уделённое время! P.s. я его ещё конечно не закончил и многое ещё предстоит поправить, но всё же если есть какие-то грубые ошибки - буду признателен если вы мне на них укажите. (валидатором проверял, вроде нормально: http://validator.w3....=Inline&…
0 votes3 answers -
Некорректное отображение меню ul в Chrome
Добрый день, дорогие эксперты! Помогите пожалуйста,такая ситуация. В Operе и остальных браузерах отображает нормально, а вот в Google Chrome съзжает меню в футере. Скриншоты и код: Нормально: Cсъезжает в Хроме: <div id="footer"> <div class="counter"><!--LiveInternet counter--><!--/LiveInternet--></div> Все права защищены. © <a href="<?php bloginfo('home'); ?>"><strong><?php bloginfo('name'); ?></strong></a> <div class="footerrightmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Цены</a></li> …
0 votes3 answers -
Как правильно сверстать, дайте совет?
Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...
0 votes8 answers -
Вертикальное выравнивание изображений
Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left
0 votes2 answers -
Межстрочный интервал между формами
Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!
0 votes1 answer -
отмена заимствование
Вопрос к знатокам: в css файле описано: table.pr {background:#eee} table.pr td {background:#fff} на странице <table width=90% border=0 cellpadding=3 cellspacing=1 class="pr"> <tr> <td></td> <td></td> </td> <tr> <td colspan=2> <table> <tr> <td></td> <td></td> <td></td> </tr> </table> </td> </td> </table> как сделать так чтобы вложеная таблица не заимствовала класс table.pr td?
0 votes2 answers -
Трабл с hover'ом... в Safari
Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…
0 votes2 answers -
Иконка в H2 - как вертикально центрировать?
Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table…
0 votes2 answers -
Бордер в таблице для ие6-ие7
Привет есть таблица с след стилями .tableBlock table { width: 100%; border-collapse: collapse; empty-cells: show; text-align: center; } .tableBlock table td { background: url(../img/bg.png) no-repeat 0px -179px; height: 23px; line-height: 23px; overflow: hidden; padding: 0px 10px; border-left: 1px solid #181818; border-right: 1px solid #181818; line-height: 23px; } .tableBlock table thead td, .tableBlock table .totalTR td { background: url(../img/bg.png) no-repeat -6px -270px; font-size: 11px; color: #d8d8d8; font-weight: bold; border-left: 1px solid #747474; border-right: 1px solid #747474;} в ие6 и ие7 бордеры ползут вверх не могу понять из за чего Кто нибудь сталкива…
0 votes6 answers -
сместить вниз пункты меню
помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.
0 votes6 answers -
Сначала создаём PSD в Фш., а потом это верстаем в Дв.?
Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…
0 votes16 answers