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
-
LESS, SASS, SCSS
Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?
0 votes6 answers -
Оптимизация скорости загрузки фоновых изображений
Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…
0 votes2 answers -
ищу скрипт выпадающего меню
посоветуйте пожалуйста js-скрипт выпадающего по наведению горизонтального меню, вложенные пункты которого открываются в направлении свободного пространства экрана
0 votes1 answer -
Вопрос по работе с шаблону
Здравствуйте. Знаю что полез сразу не туда, но решил начать с задач по сложнее, что бы быстро научиться грамотно верстать. В общем проблема такая: Хочу адаптировать под себя шаблон. Так что бы было совсем ясно о чем я говорю шаблон можно скачать ТУТ. Несколько вопросов. 1-Как адаптировать шаблон под Русский язык? Сколько кодировку и как не меняй (вручную или кодом) все равно русский язык не воспринимается. 2-Как в пунктах меню (в любом кроме Галереи, убрать разделение на 2 части (вертикальное разделение 3-Как на место текста (сверху слева) поместить картинку??? Заранее большое при большое спасибо. Если что могу заплатить, но немного((( Просто очень хочется понять и сдела…
0 votes2 answers -
div пристыкованный к низу родительского div'a
Мне нужно, что бы div всегда был прижат к ниху родителя. Погуглил - пишут, что надо родителю дать position: relaive; а вложенному - position: absolute; Но, я так понимаю, что это сработает, только если у родителя явно через css задана высота.. В моем же случае высота явно не задается.
0 votes5 answers -
Почему не работает border collapse?
Почему-то у меню http://www.zhitlegko.myjino.ru/ не работает collapse, и бордер получается двойной. В чем могут быть причины?
0 votes2 answers -
Глюк в ie-7(Плагин Pirobox)
Здравствуйте. Есть такой лайтбокс(Pirobox). Попытался недавно подключить его к своей странице и столкнулся с проблемой в ie-7. http://webmaster.ayr...allery/ie-7.jpg Проблема состоит в том, что во время переключения картинок (вправо, влево) - капча с чёрным фоном вылазит за пределы родителького блока.. (увеличиваеться по ширине). После завершения переключения размер приходит в норму. Саму страницу можно увидеть здесь: http://webmaster.ayr..._Gallery/4.html (При клике по любой из картинок срабатывает плагин.) В остальных браузерах всё в норме.. P.S. Буду благодарен, если кто поможет решить данный вопрос.. (У меня все варианты для решения, к сожалению, изчерпались..)
0 votes1 answer -
Какие есть идеи? - верстка слайдера
Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…
0 votes6 answers -
Фон из нескольких картинок
Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем div контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }
0 votes2 answers -
Растягивание дива по абсолютному контенту.
День добрый! Внутри body на след. уровне есть 2 дива: - растянутый через absolute, top:0, bottom: 0 итд общий слой где нарисована страница. - диалог, показанный через absolute, right: половина экрана. Проблема: Если диалог больше изначальной высоты экрана, то основной слой не растягивается в появившееся за счет скролла пространство. Иными словами, при изменении размеров страницы из-за увеличения scrollable области див который должен быть растянут не растягивается, а остается таким же. Пытался сделать body: relative, пытался вставлять эти 2 дива в отдельынй слой - никак. Можно исправить?
0 votes0 answers -
Блок с линиями
Подскажите, как реализовать такой пример на css. Чтобы размер блока с текстом менялся в зависимости от ширины текста, т.е был динамичным. И главное: чтобы работало в ie7 Спасибо
0 votes3 answers -
помогите с прозрачностью
Люди помогите в верстке. Нужно получить вот такой элемент. http://s019.radikal.ru/i601/1301/89/d7ac2bf06bbe.gif В котором черный фон прозрачный текст и картинка нет. <section id="line_one"> <aside class="left"><img src="img/photo_like.gif"><p>Показать <br/> все фото</p></aside> <aside class="right"><img src="img/like.gif"><p>Мне <br/> нравится</p></aside> </section> стили .left { width:200px; height:61px; float:left; background:#000; border-radius:0 40px 40px 0; } .left img { float:left; margin:3px 0 0 10px; } .left p { padding: 5px 0 0 80px; } Пробовал по разному, к left…
0 votes2 answers -
Увеличение картинки при наводе
Здравствуйте. Нужно сделать, чтобы при наводе на изображение, оно увеличивалось, при том не дввигая остальной контент, а становясь поверх него. Возможно ли это только средствами CSS?
0 votes5 answers -
Помогите сверстать
Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)
0 votes3 answers -
Раскрывающийся по клику список
Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?
0 votes6 answers -
Пропала буква к IE9
Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html
0 votes1 answer -
Помогите советом по верстке!
Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?
0 votes3 answers -
Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js
Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…
0 votes2 answers -
Проблема с DIV в IE 6.0
Не могу понять почему в IE6 верстка кривая и, главное, как поправить. Вот здесь можно глянуть страничку: http://jsfiddle.net/BWcxQ/ В свежих браузерах все работает нормально: шапка, левое меню, тело. А в шестом ослике проблема - панель левого меню сдвигается вправо... Как исправить, подскажите!
0 votes2 answers -
iframe
Можно ли как-то задать выравнивание по центру для блока видео с youtube, например, для этого: <iframe width="420" height="315" src="http://www.youtube.com/embed/JhAxaDmiuvM?rel=0" frameborder="0" allowfullscreen></iframe>
0 votes2 answers -
помогите в изучении css
Всем доброго дня. Уважаемые гуру подскажите пожалуйста чайнику который решил освоить css. Есть стиль .bg{ width:100%; background: url(/images/header_bg.jpg) repeat-x left top; } Вставляю этот стиль в страницу таким образом <body> <div class="bg"> <p>text text</p> </div> </body> Вопрос. Почему у меня не видно бэкграунда? Что я не правильно делаю? Огромное спасибо
0 votes6 answers -
Bootstrap и шапка фиксированной ширины
Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!
0 votes2 answers -
Эффект с шапкой как на googleventures.com
Как добиться такого эффекта с шапкой как на http://googleventures.com? Можете написать простой пример на 2 дивах, я понимаю что по идее тут нужны свойства z-index и position, но хотелось бы посмотреть на реализацию и понять. Спасибо.
0 votes3 answers -
Css для определенных страниц
Помогите решить проблему ! Сайт переделывается под Wordpress. Главная страница имеет красивую картинку по середине, а все остальные ссылки должны быть без нее ! как подключить к определенным ссылкам другой Style.css?
0 votes3 answers -
Вложенные медиа-запросы
Приветствую всех. Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами? Спасибо.
0 votes2 answers