HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Проблема с блоками
Уважаемые спецы! Помогите разобраться. У меня есть блок #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 -
Проблема с блоками
А как поместить "Фиксированный Блок" <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 -
Почему классы у элемента одни и те же, а применяются по разному на разных страницах?
Здравствуйте! На странице1 и странице2 есть одни и те же элементы div вида <div class="col-sm-4 col-xs-6 width25 floatleft">, которые выводят новинки и прочее внизу страницы в области основного контента. Я сравнил путь к ним относительно body на обоих страницах с помощью инструментов разработчика Хром и вроде он одинаков. Почему же на одной странице применяется стиль класса col-sm-4, а на второй - width25?
0 votes1 answer -
Помогите со слайдером
Взял слайдер отсюда http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html , делал всё по инструкции (сделал 2 слайдера), ничего не изменял. Но почему, когда мотаешь, то при перемотке следующее изображение, внезапно исчезает, а на его место встаёт другое?
0 votes1 answer -
Элементы управления (html)
Здравствуйте, я только начинаю изучать html и на одном сайте наткнулся вот на такой элемент управления. Но выглядит он не очень презентабельно. Не поможете как-то приукрасить его ))
0 votes1 answer -
Высота блоков
Доброго времени суток! Есть n-ое кол-во блоков, в данном случае 6, как растянуть их на всю высоту экрана так, чтобы при увеличении экрана они тоже увеличивались?(Высота у блоков равная)
0 votes1 answer -
нужен макет всплывающего окноа
Всем привет, Нужно сделать всплывающее окно вроде сверху справа https://www.google.com/maps/dir///@41.751667,-88.019834,14z?hl=en совместимое с Jquery Можно ли ссылку на макет ? Спасибо!
0 votes0 answers -
Проблема в загрузке страницы
Добрый вечер, помогите разобраться. Есть сайт easy-diplom.ru вверху находится модуль карусели. При открытии главной страницы сайт грузиться абсолютно нормально. Но при переходе в раздел доставка или любой другой, модуль карусели падает вниз и страница грузиться очень долго. Помогите исправить проблему
0 votes1 answer -
Проблема с шаблоном.
Подскажите пожалуйста как исправить данный косяк? Смотреть скрин Блок контента сворачивается если в нем мало содержимого, как его растянуть до футера? Вот код стиля #content80 { float:left; width:760px; overflow:hidden; background-color:#FCF6D6; }
0 votes0 answers -
Нестабильная тень у текста в Хроме
Здравствуйте. Заметил нестабильность text-shadow в Хроме на некоторых буквах(буква Я на рисунке). Здесь можете увидеть в реальности К тому же тень у первого пункта меню стала какой-то "обглоданной" Не помню после какого момента это стало Это как то можно выравнять?
0 votes2 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 -
Уменьшить картинку
Здравствуйте уважаемые форумчане. У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312 ). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос: Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту,…
0 votes0 answers -
Поведение текста в ie
На сайте poligontr.com.tr в ie8(видимо, и в ie7) текст в пунктах меню заметно дергается при прорисовке поначалу. Вот тут можно посмотреть или посмотреть сам сайт. Как быть? Что делать?
0 votes0 answers -
Почему не пробивается стиль до дочерних блоков?
Здравствуйте. c-info.ru, задал стиль font-size:1.5em; для блока с id ="content", который не влияет на высоту шрифта основного контента, которая устанавливается из *{}. Почему? Надо указать более точный идентификатор?
0 votes1 answer -
0 votes2 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 -
Накладывание эффектов при трансформации
Здравствуйте, практикую трансформацию в css, столкнулся с проблемой... Если не трудно, объясните, пожалуйста, следующее: При наведении на блок через transition меняется его цвет, но еще я захотел добавить поверх блока содержимое, текст, появляющийся из ниоткуда, или, например, рамки, но внутренние, внешние же расширяют блок, что немного портит дизайн... Как создать это добавление? Получается, нужно создать текст, сделать его невидимым, а потом, при наведении, сделать видимым?
0 votes0 answers -
Изображения в фоне шапки должны плавно двигаться по вертикальной оси и плавно меняться между собой.
Как это реализовать на CSS?
0 votes1 answer -
Как сделать с помщью <div>
Как с помощью <div> сделать следущее: <--резина --><-от 1024px до 1400px-><--резина --> в резине может быть фон. Как реализованно на данный момент: все тоже самое что на http://ru.wordpress.org/ если я в файрбаге прописываю на сайте http://ru.wordpress.org/ у класса wrapper min-width и max-width то все прекрасно тянется и так как мне надо. я делаю все как там. запихиваю в файл. и нету отступов по краям!О_о!!!! это если задавать у центрального слоя(wrapper) min-height и max-height то резина по бокам пропадает. вопрос как реализовать точто мне надо ИМЕННО с помощью <div>. В идеале надо тоже самое что на http://ru.wordpress.org/ толькот чтобы…
0 votes0 answers -
Когда посетитель моего сайта votpochemu.com рассказывает про него через вк, унего на странице появлялась картина, а не только текст?
Как мне сделать так, что когда посетитель моего сайта votpochemu.com рассказывает про него через вк, у него на странице появлялась картинка, а не только текст?
0 votes1 answer -
Помогите разместить картинку рядом с переключателем слайдов
Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !
0 votes2 answers -
Проблема с фоном
Недавно в этой теме наткнулся на плагин для расстягивания фона. Решил попробовать здесьи вот какая проблема возникла: когда окно браузера развернуто и я начинаю ресайзить масштаб в браузере - все работает красиво, но когда начинаю сворачивать-менять размер окна браузера, то фон вообще не так как хочется себя ведет. Надеюсь понятно рассказал. Кто знает как сделать так что б хорошо стало, или это специфика работы плагина? Спасибо. UPD: Вот как здесь хочется.
0 votes0 answers -
Помогите оптимизировать под Мозилу FF два случая.
Везде отображается нормально но в Мазиле полный крах. http://joxi.ru/l2ZR6d4s9EGP2J и второй крах: http://joxi.ru/V2VLKlbf6KXMrv во втором случаи нормально выглядит так http://joxi.ru/1A5xpgKIeG6Y2E.
0 votes1 answer -
Резиновая картинка тянущаяся только вниз, по мере увеличения информации
Народ, подскажите, можно ли это реализовать. И если да, то как: Необходимо сделать простой одностраничный сайт, в котором по мере добавления нового текста - автоматически удлинялась бы картинка под ним. Полагаю, что для этого необходимо зафиксировать верхнюю и нижнюю часть изображения, и подготовить отдельный шаблон картинки, который будет добавляться между ними, по мере растяжения основного блока сайта? Как себе это представляю: html + css должно хватить? Что там писать? Заранее благодарен всем откликнувшимся!
0 votes0 answers -
размер шрифта в адаптивном макете
научите пожалуйста работать со шрифтом в адаптивном макете. мне интересен сам принцип. словами или примерами посмотрел несколько адапитвных страниц. часто размер шрифта задан жёстко, в пикселях. при разных разрешениях смотрится и читается неплохо. но я понимаю, что это не лучший стиль для адаптивной вёрстки иногда вижу, что размер шрифта задан в процентах. например здесь. но от какого числа берутся эти проценты не представляю я сверстал страничку (пока в черновом варианте). если не трудно, то расскажите на примере блока .content_article что мне сделать со шрифтом
0 votes0 answers