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
-
Почему классы у элемента одни и те же, а применяются по разному на разных страницах?
Здравствуйте! На странице1 и странице2 есть одни и те же элементы div вида <div class="col-sm-4 col-xs-6 width25 floatleft">, которые выводят новинки и прочее внизу страницы в области основного контента. Я сравнил путь к ним относительно body на обоих страницах с помощью инструментов разработчика Хром и вроде он одинаков. Почему же на одной странице применяется стиль класса col-sm-4, а на второй - width25?
0 votes1 answer -
Помогите разместить картинку рядом с переключателем слайдов
Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !
0 votes2 answers -
Проблема с шаблоном.
Подскажите пожалуйста как исправить данный косяк? Смотреть скрин Блок контента сворачивается если в нем мало содержимого, как его растянуть до футера? Вот код стиля #content80 { float:left; width:760px; overflow:hidden; background-color:#FCF6D6; }
0 votes0 answers -
Почему не пробивается стиль до дочерних блоков?
Здравствуйте. c-info.ru, задал стиль font-size:1.5em; для блока с id ="content", который не влияет на высоту шрифта основного контента, которая устанавливается из *{}. Почему? Надо указать более точный идентификатор?
0 votes1 answer -
нужен макет всплывающего окноа
Всем привет, Нужно сделать всплывающее окно вроде сверху справа https://www.google.com/maps/dir///@41.751667,-88.019834,14z?hl=en совместимое с Jquery Можно ли ссылку на макет ? Спасибо!
0 votes0 answers -
размер шрифта в адаптивном макете
научите пожалуйста работать со шрифтом в адаптивном макете. мне интересен сам принцип. словами или примерами посмотрел несколько адапитвных страниц. часто размер шрифта задан жёстко, в пикселях. при разных разрешениях смотрится и читается неплохо. но я понимаю, что это не лучший стиль для адаптивной вёрстки иногда вижу, что размер шрифта задан в процентах. например здесь. но от какого числа берутся эти проценты не представляю я сверстал страничку (пока в черновом варианте). если не трудно, то расскажите на примере блока .content_article что мне сделать со шрифтом
0 votes0 answers -
Нестабильная тень у текста в Хроме
Здравствуйте. Заметил нестабильность text-shadow в Хроме на некоторых буквах(буква Я на рисунке). Здесь можете увидеть в реальности К тому же тень у первого пункта меню стала какой-то "обглоданной" Не помню после какого момента это стало Это как то можно выравнять?
0 votes2 answers -
Проблема с блоками
А как поместить "Фиксированный Блок" <div id="Блок1"></div> на задний план перед "Не фиксированным или с параметрами css #Блок2 {width:515px; margin:0 auto; position: relative;" <div id="Блок2"></div>??? Проблема: Разрешение у всех разное у кого маленькое у кого большое. "Фиксированный Блок" - картинка. На маленьком экране налезает на Блок2. Но Блок1 Полюбас должен распологаться в левом нижнем углу с параметрами фиксации #Блок1 { width:300px; height:430px; background-image:url(../Блок1.png); position: fixed; left:0; bottom:0;} так как это картинка на которой изображен человек по пояс. И он должен быть на своем месте по…
0 votes0 answers -
Помогите со слайдером
Взял слайдер отсюда http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html , делал всё по инструкции (сделал 2 слайдера), ничего не изменял. Но почему, когда мотаешь, то при перемотке следующее изображение, внезапно исчезает, а на его место встаёт другое?
0 votes1 answer -
Проблема верстки
Доброго времени суток, сделал верстку, блочная, с разделением центра на левую и правую часть, с прижатым к низу футером. Но есть одна проблема, центральные левый и правый блок никак не получается растянуть на все свободное пространство, т.к. контейнеру, в котором он находится присвоено: min-height: 100%;height: auto !important;height: 100%;Cделано чтобы прижать футер к низу страницы c с использованием доп блока : <div class="footer-push"></div>Нужно придумать какое-то решение, желательно кроссбраузерное и без использования таблиц, чтобы как-то прижать левый и правый блок к низу. Вот верстка: http://jsfiddle.net/KfWLM/1/ Скриншот страницы:
0 votes1 answer -
колонки равной высоты + скролл
вот страница. не получается реализовать такой же каркас на дивах. помогите пожалуйста. основная сложность в 2 колонках равной высоты. задача классическая, но почему то нигде не рассматривается(у меня не получается найти) переполнение блока с появлением скролла
0 votes0 answers -
размещение картинки-ссилки на галерею в oт Picasa
Здравствуйте. Вот ссылка на страницу: _http://www.skilledbuilders.ca/Gallery.html\ Создал в Picasa 4 галереи мне выдало на каждую код для помещение на страницу. Как видите все 4 Галереи размещены вертикально, а мне надо по 2 в одном ряду. Искал инфу в интернете и пробовал сам никак не получается. Код на вторую из них: <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/103542931496703438548/BathroomShower?authuser=0&feat=embedwebsite"><img'>https://picasaweb.google.com/1035429314967…
0 votes0 answers -
Оптимизация ширины шапки под разные разрешения
Друзья, подскажите, недавно начал изучать html+css и сейчас столкнулся с такой проблемой. Сам обладатель экрана 1600х900. В сверстанном макете шапкой является изображение размера 1026х224, Если порезать его максимально без утраты смысла, получится - 912х203. Нужен способ запилить шапку таким образом, чтобы на меньшем разрешении корректно отображалось, т.к. в данный момент на мониторе 1280х1024 появляется скроллинг по ширине. Интересует также - есть ли возможность сделать некие пропорции каждой части в css, чтобы при любом разрешении отображалось корректно? А то подозреваю, что такая же проблема может появиться и с другими частями кроме шапки.
0 votes0 answers -
Проблема с блоками
Уважаемые спецы! Помогите разобраться. У меня есть блок #wrapper_registration в котором залит беграунд из трех картинок, в него я хочу поместить ссылки "регистрация" и "войти" это для входа пользователей. Но, никак не получается загнать эти ссылки внутрь этого блока. Ниже привожу код. html <div id="wrapper_registration"> <div class="bgr_l"></div> <div class="bgr_c"></div> <div class="bgr_r"></div> <nav> <ul> <li id="login"> <a id="login-trigger" href="#">Войти <span>▼</span></a> <div id="login-content"> <form> …
0 votes0 answers -
Помогите определить шрифт
Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?
0 votes0 answers -
Поведение текста в ie
На сайте poligontr.com.tr в ie8(видимо, и в ie7) текст в пунктах меню заметно дергается при прорисовке поначалу. Вот тут можно посмотреть или посмотреть сам сайт. Как быть? Что делать?
0 votes0 answers -
0 votes2 answers
-
Таблица в 3-и колонки
ИЕ8 показывает таблицу в 1040 пикселей. Что не так? с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> тоже самое strict.dtd предпочтительнее <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <table style="border:1px solid #000000" width="1000" cellpadding="0" cellspacing="0"> <col width="185" /> <col widt…
0 votes0 answers -
Уменьшить картинку
Здравствуйте уважаемые форумчане. У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312 ). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос: Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту,…
0 votes0 answers -
Просьба подсказать
Всем доброго дня ! Наткнулся на такую вещь - http://mashup.ikm.gda.pl/ Подскажите пожалуйста - как это сделанно. Даже вернее - на чем такое проще всего сделать. Буду очень благодарен за советы.
0 votes2 answers -
Растягивание дива по абсолютному контенту.
День добрый! Внутри body на след. уровне есть 2 дива: - растянутый через absolute, top:0, bottom: 0 итд общий слой где нарисована страница. - диалог, показанный через absolute, right: половина экрана. Проблема: Если диалог больше изначальной высоты экрана, то основной слой не растягивается в появившееся за счет скролла пространство. Иными словами, при изменении размеров страницы из-за увеличения scrollable области див который должен быть растянут не растягивается, а остается таким же. Пытался сделать body: relative, пытался вставлять эти 2 дива в отдельынй слой - никак. Можно исправить?
0 votes0 answers -
Радуга обрезается
Почему, если сузить окно браузера, то радуга обрезается? http://cssdeck.com/labs/pchbsooc
0 votes2 answers -
Вставить Flash
Не могу вставить флеш баннер на сайт.. <object type="application/x-shockwave-flash" data="c.swf?path=myContent.swf" width="300" height="250"/> <param name="movie" value="="www.мойсайт.ru/logo.swf" /> <p>Альтернативное содержимое</p> </object> Пишет <p>Альтернативное содержимое</p> Что не так?? Все нашел решение. js
0 votes0 answers -
Простая страница с сss.
Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…
0 votes0 answers -
проблема с background-size в ie
есть блок, ему устанавливаю задний фон и растягиваю(background-size:100% 100%), для ie делаю({ /* IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fon-1.png',sizingMethod='scale')"; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/fon-1.png', sizingMethod='scale'); background-image: none; /* IE ? 9.0 */ }), Все работает хорошо, только текст находящийся в этом блоке в IE начинает искажаться. Кто знает как можно решить эту проблему
0 votes0 answers